@charset "utf-8";


.board_content {width:1360px; margin:0 auto 160px;}

.counsel_contents {width:1640px; margin:-96px auto 100px; padding:40px 0 1px; background:#fff; box-shadow: 5px 5px 40px rgba(0,0,0,0.1);}
.counsel_contents #location {margin-top:0;}

.board_search {margin-bottom:60px; padding:35px; text-align:center; background:#fafafa;}
.board_search .fbox {display:inline-block; position:relative; vertical-align:top;}
.board_search select {float:left; width:200px; height:50px; padding-left:0; border:0; border-bottom:1px solid #d6d6d6; border-radius:0; font-size:24px; font-weight:500; text-align:center; color:#272727; background:url('../images/board/icon_sel_arr.png') no-repeat right center #fafafa !important;}
.board_search input[type="text"] {float:left; width:750px; height:50px; margin-left:80px; padding-left:0; padding-right:45px; border:0; border-radius:0; font-size:24px; font-weight:500; color:#272727; border-bottom:1px solid #d6d6d6; background:transparent;}
.board_search input[type="image"] {position:absolute; top:5px; right:0; z-index:1;}
.board_search input[type="text"]::placeholder {color:#a6a6a6; opacity:1; font-size:24px; font-weight:500;}
.board_search input[type="text"]::-webkit-input-placeholder {color:#a6a6a6; opacity:1; font-size:24px; font-weight:500;}
.board_search input[type="text"]:-moz-placeholder {color:#a6a6a6; opacity:1; font-size:24px; font-weight:500;}
.board_search input[type="text"]::-moz-placeholder {color:#a6a6a6; opacity:1; font-size:24px; font-weight:500;}
.board_search input[type="text"]::-ms-input-placeholder {color:#a6a6a6; opacity:1; font-size:24px; font-weight:500;}
.board_search input[type="text"]:-ms-input-placeholder {color:#a6a6a6; opacity:1; font-size:24px; font-weight:500;}
.board_search input[type="text"]::input-placeholder {color:#a6a6a6; opacity:1; font-size:24px; font-weight:500;}

.board_search_type02 {margin:70px 0 100px;}
.board_search_type02 .fbox {position:relative;}
.board_search_type02 input[type="text"] {width:100%; height:100px; padding-right:45px; border:0; border-radius:0; font-size:34px; font-weight:500; color:#272727; border-bottom:1px solid #d6d6d6; background:transparent;}
.board_search_type02 input[type="image"] {position:absolute; bottom:35px; right:0; z-index:1;}
.board_search_type02 input[type="text"]::placeholder {color:#a6a6a6; opacity:1; font-size:24px; font-weight:500;}
.board_search_type02 input[type="text"]::-webkit-input-placeholder {color:#a6a6a6; opacity:1; font-size:34px; font-weight:500;}
.board_search_type02 input[type="text"]:-moz-placeholder {color:#a6a6a6; opacity:1; font-size:34px; font-weight:500;}
.board_search_type02 input[type="text"]::-moz-placeholder {color:#a6a6a6; opacity:1; font-size:34px; font-weight:500;}
.board_search_type02 input[type="text"]::-ms-input-placeholder {color:#a6a6a6; opacity:1; font-size:34px; font-weight:500;}
.board_search_type02 input[type="text"]:-ms-input-placeholder {color:#a6a6a6; opacity:1; font-size:34px; font-weight:500;}
.board_search_type02 input[type="text"]::input-placeholder {color:#a6a6a6; opacity:1; font-size:34px; font-weight:500;}

.board_search_type02 .recomment {display:inline-block; width:100%; margin-top:25px;}
.board_search_type02 .recomment h3 {float:left; font-size:18px; color:#000000; font-weight:500;}
.board_search_type02 .recomment p {margin-left:125px;}
.board_search_type02 .recomment a,
.board_search_type02 .recomment span {display:inline-block; margin-right:20px; font-size:18px; font-weight:400;}


.b_info {overflow:hidden; margin:0 -10px; font-size:15px; color:#7d7d7d; font-weight:500; line-height:22px;}
.b_info span {float:left; position:relative; padding:0 10px;}
.b_info span+span::before {position:absolute; top:50%; left:0; width:1px; height:12px; margin-top:-6px; background:#e7e7e7; content:'';}

.board_list01 {border-top:2px solid #272727;}
.board_list01 li {border-bottom:1px solid #ebebeb;}
.board_list01 .inbox {position:relative; min-height:211px; padding:45px 300px 45px 0;}
.board_list01 .img {position:absolute; top:45px; right:0; width:214px; height:121px; border:1px solid #e7e7e7;}
.board_list01 .img img {width:100%; height:100%;}
.board_list01 .title {overflow:hidden; font-size:30px; color:#000000; line-height:36px; font-weight:400; white-space:nowrap; text-overflow:ellipsis;}
.board_list01 .b_info {margin-top:10px; margin-bottom:23px;}


.gall_list01 {padding-top:60px; border-top:2px solid #272727;}
.gall_list01 ul {overflow:hidden; margin-bottom:-75px; margin-left:-35px;}
.gall_list01 li {float:left; width:33.333%; padding-left:35px; padding-bottom:75px;}
.gall_list01 li:nth-child(3n+1){clear:both;}
.gall_list01 .title {overflow:hidden; margin-top:20px; font-size:24px; color:#272727; line-height:1.583; font-weight:500; white-space:nowrap; text-overflow:ellipsis;}
.gall_list01 .b_info {margin-top:10px;}
.gall_list01 .img {position:relative; /*padding-bottom:65.1162%;*/}
.gall_list01 .img img {/*position:absolute;*/ top:0; left:0; width:100%; /*height:100%;*/ height:auto;}
.gall_list01 .icon_play {position:absolute; left:15px; bottom:22px; width:30px; height:30px; background:url('../images/board/icon_play.png') no-repeat center;}



/* 타이틀 두줄,사회공헌 */
.gall_list01.type02 .title {height:76px; display: -webkit-box; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.gall_list01.type03 .img {/*padding-bottom:55.8510%;*/}
.gall_list01.type03 .img::before {position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; border:1px solid #e7e7e7; content:'';}
.gall_list01.type03 .year {position:absolute; top:0; left:0; z-index:3; width:70px; border-radius:0 0 10px 0; font-family: 'Pretendard', sans-serif; font-size:14px; color:#fff; font-weight:700; line-height:42px; letter-spacing:0; text-align:center; background:#000;}

.gall_list01.type04 {border-top:0; padding-top:0;}
.gall_list01.type04 .tcont {display:inline-block; width:100%; margin-top:30px; vertical-align:top;}
.gall_list01.type04 .category {float:left; min-width:70px; padding:0 15px; min-width:70px; padding:0 15px; border-radius:18px; border:1px solid #dddddd; text-align:center; font-size:16px; font-weight:400; line-height:33px;}
.gall_list01.type04 .tcont > div {margin-left:85px;}
.gall_list01.type04 .tcont .title {margin-top:0; line-height:34px;}


.award_cbox {position:relative; /*padding-bottom:55.8510%;*/}
.award_cbox::before {position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; border:1px solid #e7e7e7; content:'';}
.award_cbox img {/*position:absolute;*/ top:0; left:0; width:100%; /*height:100%;*/ height:auto;}
.award_cbox .year {position:absolute; top:0; left:0; z-index:3; width:120px; border-radius:0 0 22px 0; font-family: 'Pretendard', sans-serif; font-size:22px; color:#fff; font-weight:700; line-height:60px; letter-spacing:0; text-align:center; background:#000;}


.gall_list01_s {overflow:hidden; margin:40px 0 0 -15px;}
.gall_list01_s li {float:left; width:33.333%; padding-left:15px;}
.gall_list01_s .img {position:relative; /*padding-bottom:55.8510%;*/}
.gall_list01_s .img::before {position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; border:1px solid #e7e7e7; content:'';}
.gall_list01_s .img img {/*position:absolute;*/ top:0; left:0; width:100%; /*height:100%;*/ height:auto;}
.gall_list01_s .title {overflow:hidden; margin-top:20px; font-size:24px; color:#272727; font-weight:500; white-space:nowrap; text-overflow:ellipsis;}
.gall_list01_s .year {position:absolute; top:0; left:0; z-index:3; width:70px; border-radius:0 0 10px 0; font-family: 'Pretendard', sans-serif; font-size:14px; color:#fff; font-weight:700; line-height:42px; letter-spacing:0; text-align:center; background:#000;}

.gall_list01_s.type02 .img {padding-bottom:65.11%;}


.gall_list02 {position:relative; padding-top:60px; border-top:2px solid #272727;}
.gall_list02 ul {overflow:hidden; position:relative; margin-left:-35px; margin-bottom:-15px; padding-left:720px; padding-right:50px;}
.gall_list02 li {float:left; width:50%; padding-left:40px; padding-bottom:40px;}
.gall_list02 .title {overflow:hidden; margin-top:20px; font-size:18px; color:#272727; font-weight:500; white-space:nowrap; text-overflow:ellipsis;}
.gall_list02 .img {position:relative; padding-bottom:100%;}
.gall_list02 .img img {position:absolute; top:0; left:0; width:100%; height:100%;}
.gall_list02 li:first-child {position:absolute; top:0; left:0; width:700px; height:700px;}
.gall_list02 li:first-child .title {font-size:24px;}
.gall_list02 .b_info {margin-top:10px;}

.gall_list02_s {overflow:hidden; margin:40px 0 0 -15px;}
.gall_list02_s li {float:left; width:20%; padding-left:15px;}
.gall_list02_s .img {position:relative; padding-bottom:100%;}
.gall_list02_s .img img {position:absolute; top:0; left:0; width:100%; height:100%;}
.gall_list02_s .title {overflow:hidden; margin-top:20px; font-size:18px; color:#272727; font-weight:500; white-space:nowrap; text-overflow:ellipsis;}


.youtube_list {overflow:hidden; position:relative; padding-top:60px; border-top:2px solid #272727;}
.youtube_list .dcont {float:left; width:840px;}
.youtube_list .movie_box {margin-bottom:30px;}
.youtube_list .title {font-size:24px; color:#272727; font-weight:500;}
.youtube_list .category {display:inline-block; margin-bottom:5px; margin-right:14px; min-width:70px; padding:0 15px; border-radius:18px; border:1px solid #dddddd; text-align:center; font-size:16px; font-weight:700; line-height:33px;}
.youtube_list .hit {margin-top:20px; font-family: 'Pretendard', sans-serif; font-size:18px; color:#7d7d7d; letter-spacing:0;}
.youtube_list .scont {float:right; width:440px; color:#272727;}
.youtube_list .top {overflow:hidden; padding-bottom:20px; border-bottom:1px solid #e7e7e7;}
.youtube_list .scont h3 {float:left; font-size:24px; font-weight:500; line-height:1;}
.youtube_list .controls {float:right; margin-top:-3px; font-size:18px; font-weight:500; vertical-align:middle;}
.youtube_list .controls * {vertical-align:middle;}
.youtube_list .btn_autoplay {}
.youtube_list .btn_autoplay i {display:inline-block; position:relative; width:47px; height:40px; margin-left:8px;}
.youtube_list .btn_autoplay i::before {position:absolute; top:50%; left:0; right:0; height:12px; margin-top:-6px; border:1px solid #c3c3c3; box-sizing:border-box; border-radius:6px; background:#e0e0e0; content:'';}
.youtube_list .btn_autoplay i::after {position:absolute; top:50%; left:25px; width:16px; height:16px; margin-top:-8px; border-radius:100%; box-sizing:border-box; border:1px solid #b82a29; background:#d93837; content:''; transition:all 0.4s;}
.youtube_list .btn_autoplay.stop i::after {left:6px; border-color:#a0a0a0; background:#b5b5b5;}
.youtube_list .btn_wrap {display:inline-block; position:relative; z-index:2; width:72px; height:30px; margin-left:30px;}
.youtube_list .btn_wrap::before {position:absolute; top:50%; width:1px; height:30px; margin-left:-16px; margin-top:-15px; background:#e7e7e7; content:'';}
.youtube_list .swiper-button-prev,
.youtube_list .swiper-button-next {width:30px; height:30px; margin-top:-15px; border-radius:100%; border:1px solid #e3e3e3;}
.youtube_list .swiper-button-prev::after,
.youtube_list .swiper-button-next::after {display:block; width:30px; height:30px; background:url('../images/board/icon_arr02.png') no-repeat center; content:'';}
.youtube_list .swiper-button-prev {left:0;}
.youtube_list .swiper-button-next {right:0; transform:rotate(180deg);}
#youtube_swiper {border-bottom:1px solid #e7e7e7;}
#youtube_swiper .swiper-container,
#youtube_swiper {height:433px;}
#youtube_swiper .swiper-container {padding:25px 0;}
#youtube_swiper .swiper-slide {height:111px;}
#youtube_swiper .swiper-slide a {display:block; overflow:hidden;}
#youtube_swiper .img {float:left; width:200px; height:111px;}
#youtube_swiper .img img {width:100%; height:100%;}
#youtube_swiper .tcont {margin-left:220px;}
#youtube_swiper .title {overflow:hidden; margin-top:12px; font-size:16px; color:#272727; font-weight:500; line-height:26px; display: -webkit-box; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#youtube_swiper .hit {margin-top:10px; font-size:13px; color:#7d7d7d; letter-spacing:0;}


.board_tab + .youtube_list {border-top:0; padding-top:0;}

#best_swiper {position:relative;}
#best_swiper .swiper-slide {overflow:hidden; width:1363px;}
#best_swiper .inbox {position:relative; left:0;}
/*
#best_swiper .swiper-slide-prev .inbox,
#best_swiper .swiper-slide-duplicate-prev .inbox {left:700px;}
*/
#best_swiper .img {float:left; width:663px; height:600px;}
#best_swiper .img img {width:100%; height:100%;}
#best_swiper .tcont {float:right; width:700px; height:600px; padding:80px 100px; opacity:1; color:#fff; background:#414141;}
#best_swiper .title {overflow:hidden; height:183px; padding-top:55px; font-size:46px; line-height:64px; font-family: 'Noto Serif KR', serif; background:url('../images/board/icon_mark.png') no-repeat 0 0; display: -webkit-box; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#best_swiper .scont {overflow:hidden; height:108px; margin:30px 0 65px; font-size:22px; line-height:36px; font-weight:400; display: -webkit-box; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
/*
#best_swiper .swiper-slide-active .tcont,
#best_swiper .swiper-slide-duplicate-active .tcont {opacity:1;}
#best_swiper .swiper-slide-active .inbox,
#best_swiper .swiper-slide-duplicate-active .inbox {opacity:1;}
*/
#best_swiper .category {display:inline-block; min-width:90px; padding:0 20px; margin-right:13px; border-radius:19px; line-height:38px; text-align:center; font-size:16px; color:#141414; font-weight:700; background:#fff;}
#best_swiper .name {font-size:16px; color:#fff; font-weight:500;}
#best_swiper .swiper-button-prev,
#best_swiper .swiper-button-next {width:108px; height:108px; margin-top:-54px; background:url('../images/board/icon_arr03.png') no-repeat center;}
#best_swiper .swiper-button-prev {left:50%; margin-left:-735px;}
#best_swiper .swiper-button-next {right:50%; margin-right:-735px; transform:rotate(180deg);}
#best_swiper.play .inbox {transition:all 1s;}
#best_swiper.play .tcont {transition:opacity 0.5s;}


.list_table {width:100%; border-top:2px solid #272727}
.list_table td,
.list_table th {border-bottom:1px solid #ebebeb; vertical-align:middle; font-size:16px; color:#272727; font-weight:400; text-align:center;}
.list_table th {height:60px;}
.list_table td {height:90px;}
.list_table td.td_title {text-align:left;}
.list_table td.td_title a {display:block; overflow:hidden; padding-left:40px; font-size:20px; color:#272727; white-space:nowrap; text-overflow:ellipsis; font-weight:500;}


.faq_list li {border-bottom:1px solid #ebebeb;}
.faq_list li > button {display:inline-block; position:relative; width:100%; padding:32px 0; padding-left:165px; padding-right:200px; font-size:20px; color:#272727; font-weight:500; text-align:left; line-height:1.33;}
.faq_list li > button .q_txt {position:absolute; top:27px; left:50px; width:35px; height:35px; border-radius:100%; line-height:35px; text-align:center; font-family: 'Pretendard', sans-serif; font-size:18px; color:#fff; background:#272727;}
.faq_list li > button::after {position:absolute; top:50%; right:50px; width:18px; height:10px; margin-top:-5px; background:url('../images/board/icon_faq_arr.png') no-repeat; content:''; transition:all 0.4s;}
.faq_list li .tcont {display:none; padding:60px 0; padding-left:165px; padding-right:200px; font-size:18px; line-height:1.777; background:#f9f9f9;}
.faq_list li.on > button::after {transform:rotate(180deg);}


.paginate {margin-top:70px; text-align:center;}
.paginate p {display:inline-block;}
.paginate p a {float:left; width:33px; height:34px; font-family: 'Pretendard', sans-serif; font-size:16px; color:#7d7d7d; font-weight:500; line-height:34px;}
.paginate p a+a {margin-left:-1px;}
.paginate .btn_first,
.paginate .btn_prev,
.paginate .btn_next,
.paginate .btn_end {border:1px solid #e4e4e4; background:url('../images/board/icon_page_arr01.png') no-repeat center;}
.paginate .btn_first {transform:rotate(-180deg); background-image:url('../images/board/icon_page_arr02.png');}
.paginate .btn_prev {margin-right:15px; transform:rotate(-180deg);}
.paginate .btn_next {margin-left:15px;}
.paginate .btn_end {background-image:url('../images/board/icon_page_arr02.png');}
.paginate .cur {font-weight:700; color:#000000}


.board_view {margin-top:50px;}
.board_view_top {position:relative; padding:0 210px;}
.board_view_top .btn_back {position:absolute; top:13px; left:0; width:79px; height:35px; background:url('../images/board/icon_back.png') no-repeat;}
.board_view_top h3 {font-size:50px; line-height:70px; font-weight:500; color:#000000; letter-spacing:-0.05em;}
.board_view_top .date {margin-top:25px; font-family: 'Pretendard', sans-serif; font-size:15px; font-weight:500; letter-spacing:0;}
.board_view_top .btn_sns {position:absolute; top:13px; right:0; width:50px; height:50px; border:1px solid #dedede; border-radius:100%; background:url('../images/board/icon_sns_link.png') no-repeat center;}
.board_view_top .keyword_list {margin-top:30px;}
.board_view_top .info_wrap {margin-top:25px;}
.board_view_top .info_wrap .sbtn {height:34px; line-height:32px; border-radius:17px; font-size:16px;}
.board_view_top .info_wrap * {vertical-align:middle;}
.board_view_top .info_wrap .sbtn+.sbtn {margin-left:10px;}
.board_view_top .info_wrap .b_info {display:inline-block; margin-left:15px; color:#000000;}
#sns_pop {display:none; position:absolute; top:13px; right:0; width:330px; border:1px solid #999999; text-align:center; background:#fff;}
#sns_pop h2 {padding-left:15px; font-size:15px; color:#222222; line-height:40px; font-weight:400; text-align:left; background:#f8f8f8;}
#sns_pop .btn_sns_close {position:absolute; top:14px; right:13px; width:13px; height:12px; background:url('../images/board/icon_sns_close.png') no-repeat center;}
#sns_pop ul {display:inline-block; padding:20px 0 15px; overflow:hidden; text-align:center; font-size:14px; color:#666666;}
#sns_pop li {float:left; width:74px;}
#sns_pop li img {display:block; margin:0 auto 8px;}
.board_view_content {margin-top:55px; padding:100px 210px; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; font-size:18px; font-weight:400; line-height:1.777;}
.board_view_content img {max-width:100%;}
.counsel_view_content {margin-top:55px; padding:100px 210px; border-top:1px solid #eeeeee; font-size:18px; font-weight:400; line-height:1.777;}
.counsel_view_content+.counsel_view_content {margin-top:0; border:0; background:#fbfbfb;}

.board_reply {border-bottom:1px solid #eeeeee;}
.board_reply .reply_title {padding:0 55px; border-bottom:1px solid #eeeeee; font-size:14px; color:#0f0f0f; line-height:54px;}
.board_reply .cbox {padding:30px 55px; color:#0f0f0f;}
.board_reply .cbox .top {overflow:hidden;}
.board_reply .cbox .top strong {float:left; font-size:22px; font-weight:700;}
.board_reply .cbox .top span {float:right; font-size:14px;}
.board_reply .cbox .contents {margin-top:15px; font-size:17px; line-height:2;}

.movie_box {position:relative}
.movie_box::before {display:block; padding-bottom:56.25%; content:'';}
.movie_box iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

.case_view_top {overflow:hidden; padding:70px 90px 40px; margin-top:60px; border:10px solid #f5f5f5;}
.case_view_top .case_img {float:left; width:384px;}
.case_view_top .case_info {float:right; width:700px;}
.case_view_top .bo_lst_file {margin-top: 10px; display: flex; justify-content: space-between;}
.case_view_top .bo_lst_file li {cursor:pointer;}
.case_view_top .bo_lst_file li:hover .tit {text-decoration:underline}
.case_view_top .bo_lst_file li+li {margin-left:5px}
.case_view_top .bo_lst_file li span {display:block;text-align:center}
.case_view_top .bo_lst_file li .tit {margin-top:10px}
.case_view_top .bo_lst_file img {width:120px;height:68px}


.case_view_top h4 {margin-bottom:30px; font-size:24px; color:#000000; font-weight:700; line-height:1;}
.case_view_top .img {width:384px; height:302px;}
.case_view_top .img img {width:100%; height:100%;}
.case_view_top table {width:100%; border-top:1px solid #e7e7e7;}
.case_view_top table td,
.case_view_top table th {border-bottom:1px solid #e7e7e7; font-size:16px; color:#000000;}
.case_view_top table th {font-weight:500; background:#f5f5f5;}
.case_view_top table td {padding:17.5px; padding-left:40px;}
.case_view_top .btn_area {margin-top:30px;}


.case_view_contents {margin-top:60px; border-bottom:1px solid #eeeeee; font-size:18px; font-weight:400; line-height:1.777;}
.case_view_contents h4 {padding-bottom:30px; border-bottom:2px solid #333333; font-size:24px; color:#000000; font-weight:700; line-height:1;}
.case_view_contents .inbox {padding:50px 210px 100px;}
.case_view_contents h5 {font-size:26px; color:#141414; font-weight:700; text-align:center;}
.case_view_contents .keyword_list {margin:25px 0 80px; text-align:center;}


.keyword_list a,
.keyword_list span {display:inline-block; margin-right:10px; padding:0 15px; border-radius:18px; border:1px solid #dddddd; text-align:center; font-size:16px; font-weight:400; line-height:33px;}

.keyword_tlist {margin-top:10px; font-size:16px; font-weight:500;}
.keyword_tlist a,
.keyword_tlist span {display:inline-block; margin-right:15px;}


.btn_area {overflow:hidden; margin-top:40px; text-align:center;}
.btn_area p {display:inline-block;}
.btn_area .cbtn {float:left; width:50px; height:50px; border:1px solid #e3e3e3; border-radius:100%;}
.btn_area .cbtn+.cbtn {margin-left:14px;}
.btn_area .cbtn::after {display:block; width:50px; height:50px; background:no-repeat center; content:'';}
.btn_area .btn_list::after {background-image:url('../images/board/icon_list.png');}
.btn_area .btn_prev::after {background-image:url('../images/board/icon_arr01.png');}
.btn_area .btn_next::after {background-image:url('../images/board/icon_arr01.png'); transform:rotate(180deg);}
.btn_area .btn.disabled {pointer-events: none;}
.btn_area .btn.disabled::after {opacity:0.3;}

.btn_area_full {display: -ms-flexbox!important; display: flex!important; justify-content: center!important; margin-top:40px; margin-left:-10px;}
.btn_area_full .btn {flex:1; margin-left:10px;}

.btn {float:left; min-width:140px; padding:0 30px; border:1px solid #2f2f2f; font-size:16px; color:#fff; line-height:48px; text-align:center; cursor:pointer; background:#2f2f2f;}
.btn+.btn {margin-left:10px;}
.btn.border {color:#272727; background:#fff;}
.btn.w_auto {min-width:auto;}
.btn.small {height:44px; line-height:42px; font-size:14px;}
.btn.big {height:60px; line-height:58px; font-size:17px;}

.sbtn {display:inline-block; width:90px; height:30px; border:1px solid #383838; border-radius:15px; font-size:14px; color:#fff; line-height:28px; text-align:center; background:#383838;}
.sbtn.border {border-color:#666666; color:#383838; background:#fff;}
.icon_lock {display:inline-block; width:11px; height:13px; margin-right:5px; background:url('../images/board/icon_lock.png') no-repeat center;}


.board_tab {margin:60px 0;}
.board_tab ul {display: -ms-flexbox!important; display: flex!important; -ms-flex-wrap: wrap; flex-wrap: wrap; border:1px solid #dcdcdc; border-bottom:0;}
.board_tab ul li {flex:1;}
.board_tab ul a {display:block; height:62px; margin:-1px; border-bottom:1px solid #000000; font-size:20px; color:#7d8389; text-align:center; line-height:60px;}
.board_tab ul li a:hover,
.board_tab ul li.on a {position:relative; z-index:2; border:1px solid #000000; border-bottom:1px solid #fff; color:#272727; background:#fff;}




.board_write {width:100%; border-top:2px solid #333333;}
.board_write th,
.board_write td {padding:30px; border-bottom:1px solid #cbcbcb; vertical-align:middle; text-align:left;}
.board_write th {font-size:16px; font-weight:500; background:#f8f8f8;}
.board_write textarea {height:350px;}
.board_write .star {display:inline-block; position:relative; left:5px; top:3px; color:#c90b2a;}

.board_write .space {display:inline-block; width:20px;}
.f_bar {padding:0 6px;}

.f_full {width:100% !important;}
.f_size01 {width:220px !important;}
.f_size02 {width:90px !important;}

.file_attach .filebox_list {display:inline-block; width:440px;}
.file_attach .tcont {display:inline-block; margin-left:20px; font-size:14px; line-height:22px; color:#888888;}
.file_attach .tcont strong {display:block; margin-bottom:8px; font-size:17px; color:#272727; font-weight:500;}


/* 온라인 예약 */
.reserv_tab {overflow:hidden; margin-bottom:40px;}
.reserv_tab li {float:left; width:50%;}
.reserv_tab a {display:block; border:1px solid #cccccc; text-align:center; font-size:16px; color:#383838; line-height:53px; font-weight:500; background:#f5f5f5;}
.reserv_tab li.on a {color:#fff; background:#272727;}

.notice_box {padding:60px 40px; background:#f8f8f8;}
.notice_box li {list-style:decimal; margin-left:20px; font-size:16px; color:#828282; line-height:28px;}
.notice_box strong {font-weight:500; color:#333333;}

.reserv .rtitle {margin:40px 0 20px; font-size:18px; color:#333333; font-weight:500; line-height:20px;}
.reserv .stitle {line-height:55px; text-align:center; color:#fff; font-size:16px; font-weight:500; background:#686868 url('../images/board/icon_chk.png') no-repeat right 35px center;}
.reserv .notice_box {margin-top:20px; margin-bottom: 40px}

.reserv_sel01 {overflow:hidden;}
.reserv_sel01 .branch {float:left; width:676px;}
.reserv_sel01 .subject {float:right; overflow:hidden; width:654px;}
.reserv_sel01 .subject .list_wrap {overflow:hidden; border:1px solid #d3d3d3;}
.reserv_sel01 .subject ul {float:left; width:50%; margin-bottom:-1px; border:0; border-right:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3;}
.reserv_sel01 .subject ul+ul {border-right:0}
.reserv_sel01 .subject .stitle {background-color:#b5b5b5;}

.reserv_sel02 {overflow:hidden; margin-bottom:80px;}
.reserv_sel02 .calendar {float:left; width:676px;}
.reserv_sel02 .time {float:right; overflow:hidden; width:654px;}

.calendar_top {position:relative;}
.calendar_top button {position:absolute; top:50%; width:25px; height:25px; margin-top:-12px; background:url('../images/board/icon_chk.png') no-repeat center;}
.calendar_top .btn_prev_month {left:35px; transform:rotate(-90deg);}
.calendar_top .btn_next_month {right:35px; transform:rotate(90deg);}

.calendar_table {width:100%; border-collapse: collapse;border-spacing: 0}
.calendar_table th,
.calendar_table td {width:14.2857%; height:50px; border:1px solid #d3d3d3; vertical-align:middle; text-align:center; font-size:16px; color:#585858;}
.calendar_table th {font-weight:500; color:#333333; background:#f8f8f8;}
.calendar_table td div {position:relative;}
.calendar_table td a {display:block; position:relative; z-index:1; margin:-1px; border:1px solid #7798b4; line-height:50px; background:#f2f8f9;}
.calendar_table td.today a {position:absolute; left:50%; top:50%; width:35px; height:35px; border-radius:100%; border:0; margin:-18px; line-height:35px; color:#fff; background:#000000;}

.calendar_bottom {overflow:hidden; padding:25px 30px; border:1px solid #d3d3d3; border-top:0;}
.calendar_bottom * {vertical-align:middle;}
.calendar_bottom .l_txt {float:left; margin-top:5px;}
.calendar_bottom .l_txt span {display:inline-block; width:39px; height:27px; margin-right:20px; border:1px solid #7798b4; background:#f2f8f9;}
.calendar_bottom .r_txt {float:right;}
.calendar_bottom .r_txt input {display:inline-block; width:220px; margin-left:20px;}
.reserv_sel02 .btxt {margin-top:20px; font-size:16px; color:#868686;}

.reserv_sel02 .time {overflow:hidden;}
.reserv_sel02 .time > div {float:left; width:317px;}
.reserv_sel02 .time > div+div {float:right;}
.reserv_sel02 .time .stitle {background-color:#b5b5b5;}

#reserv_sel table {width:100%;text-align:center; border-collapse: collapse}
#reserv_sel table td {height:55px; border:1px solid #d3d3d3; cursor: pointer;}
#reserv_sel .reservTop {background-color: #636363; color:#fff}
#reserv_sel .reservTop td {border:1px solid #636363;}
#reserv_sel .reservMid {color:#585858}
#reserv_sel .reservMid td:hover {background-color: #f8f8f8}
.notice_box p {float:left}
.notice_box .reservBox {background-color: #ccc; color:#fff; font-size:12px; padding:1px 10px;margin-left: 15px; margin-top: 4px;line-height: 20px }

.chk_list {border:1px solid #d3d3d3; border-top:0;}
.chk_list li+li {border-top:1px solid #d3d3d3;}
.chk_list li > p {position:relative;}
.chk_list li > p label {display:block; font-size:16px; color:#585858; line-height:50px; text-align:center; cursor:pointer;}
.chk_list li > p input:checked + label {background:#f8f8f8;}
.chk_list li > p input[disabled] + label {pointer-events: none; cursor:none; color:#959595; background:#f8f8f8;}
.chk_list .slist {display:none; padding:10px; text-align:center; background:#cccccc;}
.chk_list li.on .slist {display:block;}
.chk_list .radio_r {display:inline-block; position:relative; margin-left:20px; padding:5px 0; position:relative; text-align:left; line-height:20px; cursor:pointer;}
.chk_list .radio_r input {position:absolute; left:0; top:2px; width:18px; height:18px; opacity:0; appearance:none; -webkit-appearance:none; -moz-appearance:none; outline:0; cursor:pointer;}
.chk_list .radio_r label {display:inline-block; position:relative; padding-left:20px; font-size:14px; color:#000; cursor:pointer;}
.chk_list .radio_r label::before {position:absolute; top:50%; left:0px; width:14px; height:14px; margin-top:-7px; border-radius:100%; border:1px solid #555555; content:'';}
.chk_list .radio_r input:checked + label:after {position:absolute; top:50%; left:4px; width:6px; height:6px; margin-top:-3px; border-radius:100%; background:#555; content:'';}
.chk_list .radio_r input:focus + label:before {outline:1px dotted #000}

.password_form {width:830px; margin:auto; text-align:center;}
.password_form .title {margin-bottom:35px; font-size:30px; color:#333333; font-weight:500;}
.password_form .cbox {padding:90px; border:10px solid #f5f5f5;}
.password_form .stxt {margin-bottom:20px; font-size:18px; color:#666666;}
.password_form .fbox {position:relative; padding-right:153px;}
.password_form .frow {position:relative; padding-left:112px;}
.password_form .frow label {position:absolute; top:0; left:0; font-size:18px; color:#383838; line-height:53px;}
.password_form .frow+.frow {margin-top:10px;}
.password_form input[type="text"],
.password_form select {height:53px;}
.password_form .tel_wrap {display: -ms-flexbox!important; display: flex!important; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.password_form .tel_wrap p {flex:1;}
.password_form .tel_wrap .f_bar {line-height:53px;}
.password_form input[type="submit"] {position:absolute; top:0; right:0; width:143px; height:117px; border:1px solid #c8c8c8; font-size:18px; color:#fff; background:#272727;}


.reserv_view {width:780px; margin:100px auto 0;}
.reserv_view .title {margin-bottom:25px; font-size:0;}
.reserv_view .title strong {font-size:18px; color:#333333; font-weight:700;}
.reserv_view .title p {display:inline-block; position:relative; margin-left:30px; font-size:18px; color:#666666;}
.reserv_view .title p::before {position:absolute; top:50%; left:-15px; width:1px; height:13px; margin-top:-6px; background:#e7e7e7; content:'';}
.reserv_vtable {width:100%; border-collapse: collapse;border-spacing: 0}
.reserv_vtable td,
.reserv_vtable th {border:1px solid #d3d3d3; height:70px; padding:20px 30px; text-align:left; color:#585858;}
.reserv_vtable th {width:180px; color:#383838; font-weight:500; background:#f8f8f8;}
.reserv_vtable td strong {color:#272727; font-weight:500;}

/*추가 css */
.reserv_sel01 .branch {padding-top: 0px;background:none}
.reserv_date {float: left; width: 676px; margin-bottom: 80px;}
.reserv_date .btxt {margin-top: 20px; font-size: 16px; color: #868686;}
.reserv_time {float: right; overflow: hidden; width: 654px;}
.time_am {float: left; width: 317px;}
.time_pm {float: right; width: 317px;}
#btnChk {position: absolute; top: 0; right: 0; width: 143px; height: 117px; border: 1px solid #c8c8c8; font-size: 18px; color: #fff; background: #272727;}
#writeForm {position: relative;}
#writeForm #privacy {width: 90%; margin: auto; background: #fff; border: 1px solid #2f2f2f;text-align: center;padding: 30px; position: absolute; left: 4%; bottom: 0px;}
#writeForm h4 {margin-bottom: 30px;font-size: 25px;}
#writeForm .scroll_cont {height: 280px; background: #f6f6f6; line-height: 30px; width: 95% !important;border: 1px solid #2f2f2f;}
#writeForm .btn_voice_close{padding: 0 30px; border: 1px solid #2f2f2f; font-size: 16px; color: #fff; line-height: 48px; text-align: center; cursor: pointer; background: #2f2f2f;margin-top: 30px;}
#writeForm #chk_open {vertical-align: middle;cursor: pointer;}
#review_popup {position: absolute;left: 400px;top: 500px; width: 730px; padding: 35px 50px; z-index: 50; text-align: center;border: 1px solid #2f2f2f; background: #fff;}
#review_popup .privacy_close { position: absolute; top: 0px; right: 0px; background: #2f2f2f;cursor: pointer;}
#review_popup .txt_wrap {line-height: 30px;}
#review_popup .txt_wrap p { margin-bottom: 35px; padding: 35px 0px; text-align: center; border: 1px solid #c1c1c1; background: #f6f6f6; color: #2f2f2f; font-size: 15px; letter-spacing: -0.2px;}
#review_popup a { padding: 15px 25px; border: 1px solid #666;color: #2f2f2f; text-decoration: none;}
.member_content .mtitle02 {text-align:center}
/*추가 css end */

.customer_top {margin-bottom:60px; padding:85px 200px 85px 225px; line-height:1.75; background:url('../images/board/icon_customer.png') no-repeat 55px center #f8f8f8;}
.customer_top .t01 {font-size:20px; color:#333333; font-weight:500;}
.customer_top .t02 {font-size:16px; color:#828282; font-weight:500;}
.customer_top .t03 {font-size:16px; color:#272727; font-weight:500;}

.counsel_top {height:150px; padding:35px 78px 35px 155px; font-size:24px; line-height:32px; color:#fff; font-weight:500; background:url('../images/board/counsel_top_bg.jpg') no-repeat center;}
.counsel_top p {float:left;}
.counsel_top .btn {float:right; width:160px; margin-top:15px; border-color:#b8a8a8; color:#fff; background:transparent; transition:all 0.4s;}
.counsel_top .btn:hover {border-color:#fff; background-color:#fff; color:#272727;}


/* 회원가입 */
.member_content {max-width:800px; margin:230px auto;}
.mtitle01 {margin-bottom:60px; text-align:center; font-size:50px; font-weight:700; line-height:1;}
.mtitle02 {margin:30px 0 20px; font-size:22px; font-weight:700; line-height:1;}
.member_form_box {max-width:630px; margin:auto;}
.member_form {width:100%; border-top:2px solid #222222;}
.member_form td,
.member_form th {padding:20px 0; border-top:1px solid #dbdbdb;}
.member_form th {text-align:left; padding-left:10px;}

.member_content .fwrap {display: -ms-flexbox!important; display: flex!important; align-items: center!important;}
.member_content .fwrap p {flex:1;}
.member_content .fwrap p+p {margin-left:10px;}
.member_content .fwrap .btn {margin-left:10px;}
.captcha button {margin:0 2px;}
.captcha_img {width:150px; margin:0 10px; height:44px; border:1px solid #dbdbdb; text-align:center;}
.captcha_img img {height:100%;}

.login_box {width:480px; margin:auto;}
.login_box .frow {margin-bottom:10px;}
.login_box input[type="text"],
.login_box input[type="password"] {height:54px; border:0; font-size:16px; color:#8b8b8b; background:#f7f7f7;}
.login_box .checkbox {margin:-5px 0;}
.login_box .btn_wrap {margin:25px 0 35px; text-align:center;}
.login_box .btn_wrap * {vertical-align:middle;}
.login_box .btn_wrap a {display:inline-block; font-size:14px; color:#414141;}
.login_box .btn_wrap span {display:inline-block; position:relative; width:20px; height:12px;}
.login_box .btn_wrap span::after {position:absolute; top:0; width:1px; height:100%; background:#dbdbdb; content:'';}
.login_box .sns_login {padding-top:30px; border-top:1px solid #dbdbdb; text-align:center;}
.login_box .sns_login h3 {margin-bottom:30px; font-size:17px; color:#222222; font-weight:700;}
.login_box .sns_login a {display:inline-block; width:48px; height:48px; margin:0 10px; background:no-repeat center;}
.login_box .sns_login a.btn_naver {background-image:url('../images/board/icon_mem_naver.png');}
.login_box .sns_login a.btn_kakao {background-image:url('../images/board/icon_mem_kakao.png');}

.login_box .stxt {margin-bottom:20px; line-height:1.4;}
.login_box .captcha_img {height:54px;}

.member_content .agree_box {margin-top:10px; text-align:right;}
.member_content textarea {height:210px; padding:20px 30px; border:0; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; font-size:14px; color:#8b8b8b; line-height:1.857; background:#f7f7f7;}
.member_content .btn {max-width:480px;}
.member_content textarea.privacy {height:570px;}

/*********** 지점안내 ************/
.network_list {overflow: hidden; position: relative;}
.network_list .mapWrap .title {font-size: 36px; font-family: 'Noto Serif KR', serif; font-weight: 500; color: #272727; }
.network_list .mapWrap .map {margin-top: 40px; width: 100%; height: 450px; background: #f9f9f9;}
.network_list .top {overflow: hidden; padding: 50px 0 20px; border-bottom: 1px solid #e7e7e7;}
.network_list .top h3 {font-size: 26px; font-weight: 500; }
.network_list .contWrap ul {padding-top: 50px;}
.network_list .cont01 {float: left; width: 50%;}
.network_list .cont01 .info {display: inline-block; font-size: 18px;  color: #272727; line-height: 32px;}
.network_list .cont01 .info li {display: inline-block; width: 100%; padding: 10px 0; white-space: nowrap;}
.network_list .cont01 .info .icon {width: 33px; height: 33px; display: inline-block; vertical-align: middle; margin-right: 10px}
.network_list .cont01 .info .lc { background:url('../images/sub/info01.png') no-repeat}
.network_list .cont01 .info .fax { background:url('../images/sub/info02.png') no-repeat}
.network_list .cont01 .info .tel { background:url('../images/sub/info03.png') no-repeat}
.network_list .cont02 {float: right; width: 50%;}
.network_list .cont02 .time {display: inline-block; font-size: 18px; color: #777; line-height: 32px;}
.network_list .cont02 .time li {display: inline-block; width: 100%; padding: 10px 0; white-space: nowrap;}
.network_list .cont02 .time .st {float:left; width:70px; font-weight: 500; color: #272727;}
.network_list .cont02 .time .st {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.network_list .cont02 .time .st span {display:inline-block;}
.network_list .cont02 .time .cont {margin-left:135px; letter-spacing:0}
.network_list .cont02 .btn_reserv {display:inline-block; margin-top:40px; padding-right:90px; font-size:18px; color:#272727; font-weight:500; line-height:92px; background:url('../asset/images/sub/icon_arr.png') no-repeat right center;}
.network_list .btn {min-width: 213px; transition:all 0.3s ease; }
.network_list .btn+.btn {margin-left: 20px}
.network_list .btn_area p {font-size: 17px; font-weight: 500; letter-spacing: -1px;}
.network_list .btn:hover { background: #272727; color: #fff;}
.network_list .btn .icon {width: 22px; height: 22px; display: inline-block; position: relative; top: 5px; margin-right: 5px; transition:all 0.3s ease;}
.network_list .btn .icon2 {width: 29px; height: 22px; display: inline-block; position: relative; top: 5px; margin-right: 5px; transition:all 0.3s ease;}
.network_list .btn .icon1 { background:url('../images/sub/network01.png') no-repeat right center}
.network_list .btn .icon2 { background:url('../images/sub/network02.png') no-repeat right center}
.network_list .btn .icon3 { background:url('../images/sub/network03.png') no-repeat right center}
.network_list .btn:hover .icon1 { background:url('../images/sub/network01_w.png') no-repeat right center}
.network_list .btn:hover .icon2 { background:url('../images/sub/network02_w.png') no-repeat right center}
.network_list .btn:hover .icon3 { background:url('../images/sub/network03_w.png') no-repeat right center}
/*병원 둘러보기*/
.gallery_list {padding: 100px 0; overflow: hidden; position: relative;}
.gallery_list .top {overflow: hidden; padding: 50px 0 20px; border-bottom: 1px solid #e7e7e7;}
.gallery_list .top h3 {font-size: 26px; font-weight: 500; }
#gallery_swiper {padding-top: 50px; display: flex; justify-content: space-between;}
#gallery_swiper .swiper-pagination {display: flex; font-size: 90px; font-family: 'Noto Serif KR', serif; font-weight: 600; position: absolute; width: 260px; margin: 42px 70px;}
#gallery_swiper .galleryView {width: 1056px; margin: 0;}
#gallery_swiper .ThumbsWrap {height: 500px; position: relative; overflow: hidden; top: 25px;}
#gallery_swiper .galleryThumbs {width: 300px; height: 560px; padding: 30px; overflow: hidden;}
#gallery_swiper .galleryThumbs .swiper-slide {margin-top: -4px; opacity: 0.5;}
#gallery_swiper .galleryThumbs .swiper-slide img {width: 245px; height: 148px;}
#gallery_swiper .galleryThumbs .swiper-slide-thumb-active {opacity: 1;}
#gallery_swiper .controls {width: 300px; height: 560px; position: absolute; overflow: hidden; right: 0; z-index: 1;}
#gallery_swiper .controls .swiper-button-prev {top: 20px; left: 48%; background: url(../images/sub/Thumbs_arr_2.png) no-repeat; width: 20px; height: 20px; transform: rotate(180deg);}
#gallery_swiper .controls .swiper-button-next {top: 572px; left: 48%;  background: url(../images/sub/Thumbs_arr_2.png) no-repeat; width: 20px; height: 20px}
/*서효석 원장*/
.doctor_seo {padding: 0; overflow: hidden; position: relative;}
.doctor_seo .top {overflow: hidden; padding: 50px 0 20px; border-bottom: 1px solid #e7e7e7;}
.doctor_seo .top h3 {font-size: 26px; font-weight: 500; }
.doctor_seo .image {float: left; width: 50%;}
.doctor_seo .contents {float: right; width: 50%; padding-top: 20px;}
.doctor_seo .contents h2 {font-size: 36px; font-family: 'Noto Serif KR', serif; font-weight: 500; color: #272727; margin-bottom: 40px;}
.doctor_seo .contents .desc {font-size: 20px; font-family: 'Noto Sans KR', sans-serif; padding-left: 5px;font-weight:500;letter-spacing:0;color:#272727}
.doctor_list .desc {font-size: 20px; font-family: 'Noto Sans KR', sans-serif; padding-left: 5px;font-weight:500;letter-spacing:0;color:#272727}
.doctor_seo .contents .container {border-top: 3px solid #272727;}
.doctor_seo .contents .container li {border-bottom: 1px solid #ebebeb;}
.doctor_seo .contents .container li .inner {height: 0; overflow: hidden;}
.doctor_seo .contents .container li.on .inner {display: inline-flex; width: 100%; height: auto; padding: 30px 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border-top: 1px solid #ebebeb;}
.doctor_seo .contents .container li.on .btn1 img {transform: rotate(360deg);}
.doctor_seo .contents .container .btn1 {display: block; font-weight: 600; padding: 20px 0; margin: 0; cursor: pointer;}
.doctor_seo .contents .container .btn1 img {display: block; position: absolute; right: 20px; margin-top: -8px; transform: rotate(180deg);}
.doctor_seo .contents .container .stitle {font-size: 20px; font-weight: 600; line-height: 1.4375; color: #272727; letter-spacing: -0.089em;}
.doctor_seo .contents .container .desc1 {width: 50%; font-size: 16px; color: #666666; line-height: 1.7 ;}
/*의료진 소개*/
.doctor_list {overflow: hidden; position: relative}
.doctor_list .info {float: left; width: 50%; padding-top: 120px;}
.doctor_list .info h2 {font-size: 36px; font-family: 'Noto Serif KR', serif; font-weight: 500; color: #272727; margin-bottom: 100px;}
.doctor_list .info .desc {font-size: 20px; font-family: 'Noto Sans KR', sans-serif; padding-left: 5px;}
.doctor_list .info .desc1 {width: 50%; font-size: 20px; color: #666666; line-height: 1.9 ;}
.doctor_list .image {float: right; width: 50%;}