@charset "utf-8";
#contents {}
[class^="subTop_"] { position:relative; width:100%; height:0; padding-bottom:27.86%; background-position:center center !important; background-size:cover !important; background:#999;}
.subTop_01 { background-image:url("../images/sub/subTop_01.jpg");}
.subTop_02 { background-image:url("../images/sub/subTop_02.jpg");}
.subTop_03 { background-image:url("../images/sub/subTop_03.jpg");}
.subTop_04 { background-image:url("../images/sub/subTop_04.jpg");}
.subTop_05 { background-image:url("../images/sub/subTop_05.jpg");}
.subTop_06 { background-image:url("../images/sub/subTop_06.jpg");}
.subTop_11 { background-image:url("../images/sub/subTop_11.jpg");}
.subTop_12 { background-image:url("../images/sub/subTop_12.jpg");}

[class^="subTop_"] .inner_wrap { position:absolute; max-width:1320px; width:94%; height:60%; left:50%; top:57%; transform:translate(-50%, -50%); text-align:left; font-size:1.18em; line-height:1.45em; color:#fff; font-weight:300; z-index:2;}
.visual_typo01 {font-family: 'Poppins', sans-serif; font-size:1em; line-height:1.15em; text-transform:uppercase; font-weight:700; letter-spacing:0.05em;}
.visual_typo01 span {display:inline-block; width:10em; height:1px; background:rgba(255,255,255,0.5); margin-left:0.5em; vertical-align:middle;}
.visual_typo02 {position:absolute; left:0; top:50%; transform:translateY(-50%); font-family: 'DWImpactamin'; font-size:2.65em; line-height:1.15em;}
.visual_typo03 {position:absolute; left:0; bottom:0;}

.subNav_wrap { border-bottom:1px solid #ddd; text-align:center;}
.subNav { display:inline-block;}
.subNav li { display:inline-block; margin:0 0.8em;}
.subNav li a {position:relative; display:inline-block; font-family: 'NEXON Lv2 Gothic'; font-size:1.15em; letter-spacing:0; line-height:2em;padding:0.5em 1.5em;}
.subNav li.this a {color:#006a3a; font-weight:700;}
.subNav li a::after {content:""; position:absolute; width:0; height:3px; left:50%; bottom:-2px; border-radius: 1px; transform:translateX(-50%); background:#006a3a; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; z-index:2;}
.subNav li a:hover::after { width:100%;}
.subNav li.this a::after { width:100%; background:#006a3a;}

.subTitle { font-family: 'NEXON Lv2 Gothic'; font-size:1.85em; line-height:1.6; color:#444; letter-spacing:-0.02em; text-align:center; /*padding:3.5% 0;*/}
.subTitle .title { font-size:1.65em; line-height:1.6em; font-weight:400; color:#222; letter-spacing: -0.1em; padding:4.5% 0;}
.subTitle .title strong {font-weight:700;}
.subTitle .text01 { margin-bottom:3.5%; }
.subTitle .text01 strong {font-weight:700; color:#3c9f72;}

.subTypo01 {font-family: 'Viga', sans-serif; font-size:7.14em; line-height:1em; color:#d23137; text-transform:uppercase;}

@media  (max-width: 1280px){
[class^="subTop_"] { padding-bottom:38%;}
[class^="subTop_"] .inner_wrap { font-size:1.25em;}
.subNav li { margin:0 0.5em;}
.subNav li a { font-size:1.35em; padding:0.5em 1em;}
.subTitle {font-size:1.95em;}
}

@media  (max-width: 1024px){
[class^="subTop_"] .inner_wrap { top:60%;}
.subTitle {font-size:1.85em;}
}

@media  (max-width: 768px){
[class^="subTop_"] { padding-bottom:46%;}
[class^="subTop_"] .inner_wrap {height:52%; top:65%; font-size:1.05em;}
.visual_typo02 {font-size:2em;}
.subNav li { margin:0 0.2em;}
.subNav li a { padding:0.5em 0.5em;}
.subTitle {font-size:1.55em;}
}

@media  (max-width: 420px){
[class^="subTop_"] { padding-bottom:56%;}
[class^="subTop_"] .inner_wrap { height:50%; top:62%; font-size:0.9em;}
.visual_typo02 {font-size:1.8em;}
.subNav li a { font-size:1.25em;}
.subTitle {font-size:1.35em;}
}

.boardCon { font-size:1.1em; line-height:1.5; letter-spacing:0;}

[class^="content_title"] {font-size:2.15em; line-height:1.5; color:#252525; letter-spacing:-0.08em; font-weight:400; margin-bottom:2em; }
.content_title strong {font-weight:700;}
.content_title span {font-size:0.75em; color:#a3a3a3;}
[class^="content_title"]::before {display:inline-block; content:""; width:0.12em; height:0.9em; background:#252525; vertical-align:baseline; margin-right:0.3em;}

.content_title02 {font-weight:500;}
.content_title02 span {color:#006a3a;}
.content_title02::before {background:#ffa518;}

.content_title03 {font-weight:500; color:#006a3a;}
.content_title03 span {color:#006a3a;}
.content_title03::before {background:#ffa518;}

.list00 {}
.list00 li { line-height:1.5em; margin-bottom:0.35em;}

.list01 {}
.list01 li { text-indent: -0.9em; padding-left:1em; margin-bottom:0.3em; }
.list01 li::before {content:"ㆍ"; }
.list01.star li::before {content:"* "; margin-right:0.3em; }
.list01.term li {margin-bottom:0.5em;}
.list01.term li::before {content:"- "; margin-right:0.3em; }

.list_num {}
.list_num > li {font-size:1.2em; line-height:1.6em; list-style:decimal;padding-left:0.2em; margin-left:1em; margin-bottom:1.5em;}
.list_num ul { font-size:0.9em; line-height:1.45em; margin:0.6em 0 1.5em;}
.list_num ul li strong {font-weight:500;}
.list_num01 {}
.list_num01 li {text-indent:-0.5em; padding-left:0.5em; margin-bottom:0.3em;}
.list_num01 li::before{ content:"- "}
.list_num02 {}
.list_num02 li {text-indent:-1.05em; padding-left:1.1em; margin-bottom:0.5em;}
.list_num02 li:nth-child(1)::before{ content:"1) "}
.list_num02 li:nth-child(2)::before{ content:"2) "}
.list_num02 li:nth-child(3)::before{ content:"3) "}

.list_num2 {}
.list_num2 > li {font-size:1em; line-height:1.6em; list-style:decimal;padding-left:0.2em; margin-left:1em; margin-bottom:0.2em;}
.list_num2 ul { font-size:0.9em; line-height:1.45em; margin:0.3em 0 0.5em;}
.hangul {padding-left:1.5em;}
.hangul li {list-style: hangul;text-indent:-0.5em; padding-left:0.5em; margin-bottom:0.15em;}
.list_num2 > li:last-child ul {margin-bottom:0;}
/*.list_num2 ul.list_num01 li::before{ content:"- "}*/

#contents {padding-right:60px;}
@media  (max-width: 1024px){#contents {padding-right:40px;}}
@media  (max-width: 768px){
#contents {padding-right:0;}
.subTitle .title {font-size:1.8em; padding:1em 0;}
.subTitle .text01 { font-size:0.9em; line-height:1.5; padding-bottom:1em;}
[class^="content_title"] {font-size:1.7em; margin-bottom:1.5em; }
}
.content_wrap {}
.inner_wrap, .board_wrap, .member_wrap {max-width:1320px; width:94%; margin:0 auto;}
.board_wrap.jindan {max-width:1200px; }
@media  (max-width: 768px){ .board_wrap {font-size:1.35em;} }
.content_dl {}
.content_dl > dd {font-size:1.15em; line-height:1.5; margin-bottom:6em; color:#343434;}


/* intro */
[class^="intro_wrap"] {position:relative; display:flex;}
[class^="intro_wrap"] > div {flex: 1 1 40%;}
.intro_wrap01 div {background-color:#edf5f5;}
.intro_wrap02 div {background-color:#eee9e4;}
[class^="intro_img"] {position:relative; background-size:cover !important; background-position:center center !important;}
.intro_img01 {background-image:url("../images/intro/img01_01.jpg");}
.intro_img02 {background-image:url("../images/intro/img01_02.jpg");}
[class^="intro_img"] > div {position:absolute; width:100%; height:100%; top:0;}
.intro_bg01 {right:100%;}
.intro_bg02 {left:100%;}
[class^="intro_text"] {padding:8% 4%;}
[class^="intro_text"] > p {font-family: 'NEXON Lv2 Gothic'; font-size:1.2em; line-height:1.6; color:#666; letter-spacing:-0.01em;}
[class^="intro_text"] > p:first-child {margin-bottom:1.5em;}
@media  (max-width: 1024px){
/*[class^="intro_text"] { padding:4%;}*/
[class^="intro_text"] > p br {display:none;}
}

@media  (max-width: 620px){
[class^="intro_wrap"] {display:block;}
[class^="intro_wrap"] > div {display:block; width:100%; /*font-size:1.15em;*/}
[class^="intro_img"] {width:100%; height:0; padding-bottom:50%;}
}

/* history */
.history_wrap { text-align:right;}
.history_list {display:table; max-width:1200px; width:100%; margin:0 auto 5%;}
.history_list dl {display:table-row;}
.history_list dl dt {display:table-cell; width:30%; border-top:3px solid #006a3a; vertical-align:top;}
.history_list dl dt span {display:inline-block; font-family: 'Roboto', sans-serif; font-size:3.2em; font-weight:500; letter-spacing:-0.02em; line-height:2em; color:#006a3a; border-top:3px solid #ffa518; margin-top:-3px;  }
.history_list dl dd {display:table-cell; width:70%; text-align:left; padding-left:10%; vertical-align:top; padding-bottom:1.5em;}
.history_list dl dd ul {border-top:1px solid #e2e2e2; padding:1.6em 0; font-size:1.1em;}
.organization {display:block; padding:3% 0;}

@media  (max-width: 1280px){
.history_list dl dt {width:25%;}
.history_list dl dt span {font-size:2.6em;}
.history_list dl dd {width:75%; padding-left:5%;}
}
@media  (max-width: 1024px){
.history_list dl dt span {font-size:2.2em;}
.history_list dl dd ul {font-size:1.25em;} 
}
@media  (max-width: 620px){
.history_list, .history_list dl, .history_list dl dt, .history_list dl dd {display:block;}
.history_list dl dt { width:200px; text-align:left;}
.history_list dl dt span {font-size:2.2em;}
.history_list dl dd {width:100%; padding-left:0; padding-bottom:3em;}
.history_list dl dd ul {/*font-size:1.35em;*/} 
}

/* service */
.service_wrap {background-size:cover; background-position:center center; background-image:url("../images/intro/service_bg.jpg"); padding:5% 0; margin-bottom:6em;}
.service_list::after {content:"";display:block;clear:both;}
.service_list li { float:left; width:25%; text-align:center; padding:2.5% 5px;}
.service_list li .img {max-width:160px; width:94%; margin:0 auto 20px; background:#fff; border-radius:50%; box-shadow:5px 5px rgba(0,0,0,0.2);}
.service_list li p { font-size:1.25em; line-height:1.5; color:#fff; font-weight:300;}
.service_list li p strong {font-weight:500;}
@media  (min-width:521px){
.service_list li:nth-child(4n+1) { clear:both;}
}

@media  (max-width:520px){
.service_list li {width:50%; padding:2.5% 10px;}
.service_list li:nth-child(2n+1) { clear:both;}
.service_list li .img {width:84%;}
.service_list li p {/*font-size:1.45em;*/}
}

.process_list {display:table; width:100%; font-size:1.2em;}
.process_list li {display:table-row;}
.process_list li > div {display:table-cell; vertical-align:middle; padding:20px 0; border-bottom:1px solid #dcdcdc;}
.process_list li .num { width:1.5em; font-family: 'Roboto', sans-serif; font-size:4em; line-height:1.2em; font-weight:700; color:#e8e8e8;}
.process_list li .subject { width:18em; font-size:1.2em;  }
.process_list li .subject strong { color:#167c6d; font-weight:600;}
.process_list li .subject strong span {font-weight:400;}
.process_list li .content { font-size:1.15em; line-height:1.5em; }
.office_list {}
.office_list li { display:inline-block; font-size:0.95em; color:#fff; line-height:2em; padding:0 1em; background:#167c6d; border-radius:1em; margin-right:0.3em; margin-bottom:0.5em;}
.app_link {}
.app_link li {margin-bottom:5px;}
.app_link li a { position:relative; display:inline-block; font-size:0.8em; line-height:1.6; padding:0.2em 0.3em 0.2em 20px;}
.app_link li a strong {font-weight:600;}
.app_link li a .arrow { position:absolute; display:block; width:100%; height:1px; background:#167c6d; left:0; bottom:0;}
.app_link li a .arrow::before { position:absolute; content:""; width:0; height:0; border-right: 12px solid #167c6d; border-top: 6px solid transparent; left:0; bottom:1px;}

@media  (max-width:1024px){
.process_list li .subject { width:8.5em; font-size:1.2em;  }
}

/* location */
.location_wrap { padding:5% 0; background:#fafafa;}
.location {display:flex;justify-content: space-between;}
.location_01 { width: calc(100% - 360px);}
.map_frame { position:relative; width:100%; height:0; padding-bottom:60%;}
.map_frame .root_daum_roughmap, .map_frame .root_daum_roughmap .wrap_map { position:absolute; width:100% !important; height:100% !important;}
.location_02 {width:360px; padding-left:3em; align-self: center; font-size:1.2em; line-height:1.5;}
.location_02 dt { font-size:1.5em; font-weight:600; border-bottom:1px solid #d6d6d6; margin-bottom:1em; padding-bottom:0.6em; }
.location_02 dd p { margin-bottom:1em; text-indent:-3.9em; padding-left:3.5em;}
.location_02 dd p strong {font-weight:600;}
.location_02 dd p strong::before {content:"ㆍ"}

@media  (max-width:1024px){
.location {display:block;}
.location_01 { width:100%; margin-bottom:30px;}
.location_02 {width:100%; padding-left:0; font-size:1.35em;}
.location_02 dd { font-size:1.1em;}
}
@media (max-width:620px){.location_02 {font-size:1.2em;}}
/* request_guide */
.online_guide_list {display:flex; justify-content: space-around; max-width:1100px; margin:0 auto;}
.online_guide_list .arrow { position:relative; width:10%; }
.online_guide_list .arrow::before, .online_guide_list .arrow::after {position:absolute; content:"";background:#bbb;}
.guide_con01 {width:25%; text-align:center;}
.guide_con01 dt { font-size:1.25em; line-height:1.5em; font-weight:500; margin-bottom:1em;}
.guide_con01 dd {}
.guide_con01 dd img {border-radius:50%;} 
.guide_con01 dd p { font-size:1.05em; line-height:1.5; margin-top:1em;}

.packing_wrap { margin-left:-1em; padding:1em 0 2em;}
.packing_wrap > dt { font-size:1.05em; color:#167c6d; font-weight:700; margin-bottom:1.5em;}
.packing_wrap > dt::before { display:inline-block; content:"▶ "; margin-right:0.8em;}
.packing_wrap > dd { max-width:1100px; margin:0 auto;}

@media  (min-width:621px){
.online_guide_list .arrow::before, .online_guide_list .arrow::after {width:1px; height:5em;}
.online_guide_list .arrow::before { bottom:50%; left:50%; transform:translateY(0.35em) rotate(-30deg); }
.online_guide_list .arrow::after { top:50%; left:50%;transform:translateY(-0.35em) rotate(30deg); }
}

@media  (max-width:620px){
.online_guide_list {display:block; text-align:center;}
.guide_con01 { width:80%; margin:0 auto; }
.guide_con01 dd img { width:50%;}
.online_guide_list .arrow { display:block; max-width:300px; width:80%; height:50px; margin:0.5em auto 2.5em;}
.online_guide_list .arrow::before, .online_guide_list .arrow::after { width:5em; height:1px;}
.online_guide_list .arrow::before {transform-origin: left bottom; bottom:50%; right:50%;  transform:translate(0.65em,-50%) rotate(30deg);}
.online_guide_list .arrow::after {transform-origin: right bottom; bottom:50%; left:50%; transform:translate(-0.65em,-50%) rotate(-30deg);}
}

.packing_method01 {display:flex; justify-content: space-around; margin:1em 0 2.5em;}
.packing_method01 > div {max-width:430px; width:48%;}
.packing_method01 > div p, .packing_method02 > div p {font-size:0.9em; line-height:1.5em; height:3em; margin-bottom:1em;}
.packing_method02 {display:flex; justify-content: space-around; }
.packing_method02 > div { max-width:536px; width:54%;}
.packing_method02 > dl { position:relative; max-width:420px; width:40%; align-self: center;  margin-top:4em; padding:3%; box-shadow:0 0 5px rgba(0,0,0,0.2);}
.packing_method02 > dl::before {position:absolute; content:""; width:0; height:0; border-bottom:3em solid transparent; border-left:3em solid rgba(0,0,0,0.08); right:0; bottom:0; }
.packing_method02 > dl::after {position:absolute; content:""; width:0; height:0; border-top:4em solid transparent; border-right:4em solid #fff; right:-0.5em; bottom:-0.5em; }
.packing_method02 > dl dt {font-size:1.2em; font-weight:500; margin-bottom:1em;}

.info_box_center { border:1px solid #efefef; padding:2.5em 1.5em; text-align:center;}
.info_box_center > div {display:inline-block; font-size:1.2em; line-height:1.6em; text-align:left;}
.info_box_center strong {display:inline-block; padding:0 0.3em; background:#006a3a; color:#fff; font-weight:500;}

/* doctor */
.con_tabs {}
.con_tabs .tab_nav {border-bottom:2px solid #007242; margin-bottom:3em;}
.con_tabs .tab_nav::after {content:"";display:block;clear:both;}
.con_tabs .tab_nav li {float:left; display:inline-block; margin-right:3px; }
.con_tabs .tab_nav li a {display:block; font-size:1.05em; line-height:1.8; padding:0.4em 1em; background:#e5e5e5;}
.con_tabs .tab_nav li.active a {background:#007242; color:#fff;}

.con_tabs .tab_con { } .tab_dl {} .tab_dl > dt { margin-bottom:1.2em;} .tab_dl > dd {font-size:1.28em; line-height:1.66em;}

.system_info { font-size:1.05em; line-height:1.6; padding:4.5% 5%; box-shadow:0 0 5px rgba(0,0,0,0.2); margin-bottom:2em;}
.system_info > dt { margin-bottom:0.5em;}
.system_info > dt span {font-size:1.2em; color:#56b6a8; font-weight:500;}
.system_info > dt span::after {content:""; display:inline-block; width:1.2em; height:1.2em; margin-left:0.2em; vertical-align:baseline; background:url("../images/doctor/title_question.png");background-size:contain; background-repeat:no-repeat;}
.system_info > dd { margin-bottom:1.6em;}
.system_info > dd:last-child { margin-bottom:0;}

.system_icon {position:relative; display:flex; justify-content: space-between; max-width:1000px; width:90%; margin:5em auto;}
.system_icon::after {position:absolute;content:""; width:90%; height:2px; background:#167c6d; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1; }
.system_icon li {position:relative; max-width:200px; width:26%; border-radius:50%; overflow:hidden; z-index:2;}
@media  (max-width:620px){.system_icon li {width:30%;}}

.table01 {width:100%; border-collapse: collapse; font-size:0.9em; line-height:1.5em; }
.table01 th, .table01 td { font-weight:400; padding:0.8em 0.4em; border-right:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; text-align:center;}
.table01 thead th { background:#8ca398; color:#fff; padding:0.8em 0.6em; border-color:#b3c2bb;}
.table01 tbody th, .table01 tfoot th, .table01 .boeder-left {border-left:1px solid #cbcbcb;}
.table01 tfoot.bold th, .table01 tfoot.bold td {font-weight:500; background:#f9f9f9; border-top:2px solid #222;}
.table_w800 {max-width:800px;}
.table_w1000 {max-width:1000px;}
.table01 .left { text-align:left; padding-left:1em; padding-right:1em;}


.doctor_dl01 { padding:2% 3%; border:1px solid #cbcbcb;}
.doctor_dl01 > dt {font-size:1em; font-weight:500; margin-bottom:0.8em;}
.doctor_dl01 > dd { font-size:0.9em; margin-bottom:2em;}
.doctor_dl01 > dd:last-child {margin-bottom:0;}

.doctor_dl02 { }
.doctor_dl02 > dt {font-size:1.2em; font-weight:500; margin-bottom:1em;}
.doctor_dl02 > dt.title01 {}
.doctor_dl02 > dt.title01::before {content:""; display:inline-block; width:0.5em; height:0.15em; background:#ffa518; vertical-align:middle; margin-right:0.4em;}
.doctor_dl02 > dd { font-size:1em;}

/* 비고 */
.border_top {border-top:1px solid #dedede; padding-top:1em;}
.doctor_dl03 { font-size:0.9em }
.doctor_dl03 > dt {font-size:1.1em; font-weight:500; margin-bottom:0.5em;}
.doctor_dl03 > dd { font-size:1em;}

/* 나무의사, 수목치료기술자 dl 리스트 */
.doctor_dl04 {}
.doctor_dl04 > dt {font-size:1.25em; line-height:1.5; font-weight:500; margin-bottom:0.5em;}
.doctor_dl04 > dt::before {display:inline-block; content:""; width:0.4em; height:0.4em; background:#006a3a; transform:rotate(45deg); vertical-align:middle; margin-right:0.6em; margin-top:-0.15em; }
.doctor_dl04 > dd {font-size:1em; margin-bottom:2.5em; padding-left:1.1em;}