@charset "UTF-8";
/*
더삼점영 병원
2019-03-21

// author: banghg
// http://freewebclub.com
*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400|Martel:400,700");
@import url("https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css");
@import url(ui/jquery-ui.css);
@import url(ui/animate.css);
@import url(ui/slick.css);
@import url(ui/mCustomScrollbar.css);
@import url(ui/magnific-popup.css);
@import url(//cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css);
@import url(common.css);
._mc { color: #c2a87e; }

._mc2 { color: #3d4d5c; }

@font-face { font-family: 'Nanum Myeongjo'; src: url(../../static/font/NanumMyeongjo.eot), url(../../static/font/NanumMyeongjo.woff) format("woff"); }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2") format("woff2"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff") format("woff"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf") format("opentype"); }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2") format("woff2"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff") format("woff"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf") format("opentype"); }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2") format("woff2"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff") format("woff"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf") format("opentype"); }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2") format("woff2"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff") format("woff"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf") format("opentype"); }

::selection { background: #d9d9d9; color: #c2a87e; text-shadow: none; }

a { color: #666; text-decoration: none; -webkit-transition: 200ms color, background; transition: 200ms color, background; }

a:hover, a:focus { text-decoration: none; }

/*
_board
// masstige
// tamplate
// author: banghg
*/
.board-box strong, .board-box b { font-weight: bold; }

.board-box u { text-decoration: underline; }

.board-box i, .board-box em { font-style: italic; }

.board-box strike, .board-box s { text-decoration: line-through; }

.board-box ol, .board-box ol li { list-style: decimal; }

.board-box ul, .board-box ul li { list-style: disc; }

.board-box img { width: auto !important; height: auto !important; }

.board-box h1 { font-size: 2em; }

.board-box h2 { font-size: 1.5em; }

.board-box h3 { font-size: 1.17em; }

.board-box h4 { font-size: normal; }

.board-box h5 { font-size: 0.83em; }

.board-box h6 { font-size: 0.67em; }

.col_w { width: 120px; }

table .code { padding: 5px 10px; display: inline-block; border: 1px solid #ddd; vertical-align: middle; }

/*grid*/
.row, [class*="row_"] { zoom: 1; }

.row:before, .row:after, [class*="row_"]:before, [class*="row_"]:after { content: ''; display: table; }

.row:after, [class*="row_"]:after { clear: both; }

.row [class*='col-'], [class*="row_"] [class*='col-'] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; min-height: 1px; float: left; }

.row { margin-right: -15px; margin-left: -15px; }

.row [class*='col-'] { padding-right: 15px; padding-left: 15px; }

.row_0 { margin-right: 0px; margin-left: 0px; }

.row_0 [class*="col-"] { padding-right: 0px; padding-left: 0px; }

.row_5 { margin-right: -5px; margin-left: -5px; }

.row_5 [class*="col-"] { padding-right: 5px; padding-left: 5px; }

.row_10 { margin-right: -10px; margin-left: -10px; }

.row_10 [class*="col-"] { padding-right: 10px; padding-left: 10px; }

.col-lg-0 { display: none; }

.col-lg-05 { width: 4.16667%; }

.col-lg-1 { width: 8.33333%; }

.col-lg-15 { width: 12.5%; }

.col-lg-2 { width: 16.66667%; }

.col-lg-25 { width: 20.83333%; }

.col-lg-3 { width: 25%; }

.col-lg-35 { width: 29.16667%; }

.col-lg-4 { width: 33.33333%; }

.col-lg-45 { width: 37.5%; }

.col-lg-5 { width: 41.66667%; }

.col-lg-55 { width: 45.83333%; }

.col-lg-6 { width: 50%; }

.col-lg-65 { width: 54.16667%; }

.col-lg-7 { width: 58.33333%; }

.col-lg-75 { width: 62.5%; }

.col-lg-8 { width: 66.66667%; }

.col-lg-85 { width: 70.83333%; }

.col-lg-9 { width: 75%; }

.col-lg-95 { width: 79.16667%; }

.col-lg-10 { width: 83.33333%; }

.col-lg-105 { width: 87.5%; }

.col-lg-11 { width: 91.66667%; }

.col-lg-115 { width: 95.83333%; }

.col-lg-12 { width: 100%; }

table .w_150 { width: 150px; }

table .xi-volume-up, table .xi-file-download { font-size: 18px; color: #c2a87e; }

table .xi-renew { font-size: 28px; color: #c2a87e; }

table td.text_left { text-align: left; }

/*일반게시판*/
.table_board_for { margin-top: 30px; table-layout: fixed; width: 100%; border-top: 1px solid #444; border-bottom: 1px solid #ddd; text-align: center; word-break: break-all; }

.table_board_for.type_b { /*조회수*/ }

.table_board_for.type_c { /*  분류*/ }

.table_board_for.type_d { /* 자료실 */ }

.table_board_for.type_e { /* 많은 항목 */ }

.table_board_for.type_e th, .table_board_for.type_e td { vertical-align: middle; }

.table_board_for thead th { color: #444; font-weight: bold; }

.table_board_for a:hover { color: #c2a87e; text-decoration: underline !important; }

.table_board_for th { padding: 13px 2px; position: relative; color: #000; font-weight: 700; }

.table_board_for th:first-child:before { display: none; }

.table_board_for td { padding: 15px 5px; border-top: 1px solid #ddd; text-align: center; vertical-align: top; }

.table_board_for td .img_bx { overflow: hidden; width: 80px; margin: 0 auto; background: url(../images/board/no_img.jpg) no-repeat center center; background-size: cover; }

.table_board_for td .img_bx .img_src { display: block; margin: 0 auto; background-position: center center; background-repeat: no-repeat; background-size: cover; padding-top: 75%; }

.anwer, [class*='anwer_'] { display: inline-block; text-align: center; vertical-align: middle; height: 28px; line-height: 28px; font-size: 14px; color: #fff; letter-spacing: -0.4px; font-weight: 300; padding: 0 10px; }

.anwer { min-width: 100px; }

.anwer_off, .anwer._off { color: #fff; background-color: #ccc; }

.anwer_on, .anwer._on { color: #fff; background-color: #3d4d5c; }

.anwer._ask { background-color: #999999; color: #fff; }

.anwer._cancel { background-color: #dddddd; color: #666; }

.pass-wrap { margin-top: 60px; }

.pass-wrap .tit { font-size: 1.2em; font-weight: 500; color: #333; margin-bottom: 20px; }

/*갤러리형*/
.img_board_list { margin-left: -10px; margin-right: -10px; clear: both; overflow: hidden; }

.img_board_list li, .img_board_list .item { float: left; width: 25%; padding: 0 10px 20px; }

.img_board_list a, .img_board_list .wrap { position: relative; display: block; border: 1px solid #ddd; }

.img_board_list a:before, .img_board_list .wrap:before { display: block; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 0 solid #c2a87e; transition: border-width 0.3s; z-index: 5; }

.img_board_list a:hover:before, .img_board_list .wrap:hover:before { border-width: 3px; }

.img_board_list a:hover .img_box .img_src, .img_board_list .wrap:hover .img_box .img_src { transform: scale(1.05); }

.img_board_list a:hover .img_box ._icon, .img_board_list .wrap:hover .img_box ._icon { color: #c2a87e; }

.img_board_list a:hover .txt_box .tit, .img_board_list .wrap:hover .txt_box .tit { color: #c2a87e; }

.img_board_list .img_box { overflow: hidden; position: relative; }

.img_board_list .img_box .img_src { display: block; height: 0; width: 100%; padding-bottom: 75%; background-repeat: no-repeat; background-position: center; background-size: cover; background-size: cover; transition: 0.3s; }

.img_board_list .img_box ._icon { /*포인트아이콘 사용시 가운데 배치*/ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 70px; color: #fff; text-shadow: -2px -2px 10px rgba(0, 0, 0, 0.2), 2px 2px 10px rgba(0, 0, 0, 0.2); }

.img_board_list .img_box .event_state { position: absolute; top: 10px; left: 10px; }

.img_board_list .txt_box { padding: 20px 15px; background: #fff; }

.img_board_list .txt_box .tit { color: #222; font-weight: 500; display: block; word-wrap: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.img_board_list .txt_box .date, .img_board_list .txt_box .des { margin-top: 10px; font-size: 0.9em; color: #999; }

.img_board_list .txt_box .des { word-wrap: normal; white-space: normal; height: 40px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.img_board_list.type_b a, .img_board_list.type_b .wrap { border: none; }

.img_board_list.type_b a .txt_box, .img_board_list.type_b .wrap .txt_box { padding: 15px 0; }

.img_board_list.type_b a:before, .img_board_list.type_b .wrap:before { display: none; }

.img_board_list.type_b a:hover .hover_box, .img_board_list.type_b .wrap:hover .hover_box { transition: 0.3s ease-out; height: 100%; }

.img_board_list.type_b a .hover_box, .img_board_list.type_b .wrap .hover_box { position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background: rgba(0, 0, 0, 0.6); text-align: center; color: #fff; font-size: 13px; letter-spacing: 1px; }

.img_board_list.type_b a .hover_box .txt, .img_board_list.type_b .wrap .hover_box .txt { display: inline-block; border-bottom: 1px solid #fff; }

.img_board_list.type_b a .hover_box i, .img_board_list.type_b .wrap .hover_box i { font-size: 12px; margin-left: 5px; }

.img_board_list.type_c { padding: 0; border-left: 1px solid #ddd; }

.img_board_list.type_c li, .img_board_list.type_c .item { width: 33.33%; padding: 0; margin-bottom: -1px; }

.img_board_list.type_c a, .img_board_list.type_c .wrap { border-left: 0; }

.img_board_list.type_c .txt_box .date { margin-top: 10px; font-size: 0.9em; color: #999; height: auto; line-height: 1.5; -o-text-overflow: inherit; text-overflow: inherit; display: block; }

.img_board_list.type_c .txt_box .date span { position: relative; padding: 0 7px; }

.img_board_list.type_c .txt_box .date span:before { content: ''; position: absolute; top: 50%; left: -1px; height: 10px; margin-top: -5px; border-left: 1px solid #ccc; }

.img_board_list.type_c .txt_box .date span:first-child { padding-left: 0; }

.img_board_list.type_c .txt_box .date span:first-child:before { display: none; }

/*썸네일형*/
.img_board_list_02 { border-top: 1px solid #222; }

.img_board_list_02 li, .img_board_list_02 .item { padding: 20px 0; border-bottom: 1px solid #ddd; }

.img_board_list_02 a, .img_board_list_02 .wrap { width: 100%; position: relative; display: block; padding-left: 200px; min-height: 130px; }

.img_board_list_02 a .no_txt, .img_board_list_02 .wrap .no_txt { position: absolute; top: 50%; left: 0; color: #222; font-weight: 400; margin-top: -12px; }

.img_board_list_02 a:hover .txt_box .tit, .img_board_list_02 .wrap:hover .txt_box .tit { text-decoration: underline; }

.img_board_list_02 a:hover .img_box img, .img_board_list_02 a:hover .img_box .img_src, .img_board_list_02 .wrap:hover .img_box img, .img_board_list_02 .wrap:hover .img_box .img_src { transform: scale(1.05); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }

.img_board_list_02 .img_box { position: absolute; left: 0; top: 0; overflow: hidden; float: left; width: 160px; margin-right: 40px; border: 1px solid #ddd; }

.img_board_list_02 .img_box .img_src { display: block; height: 0; width: 100%; padding-bottom: 80%; background-repeat: no-repeat; background-position: center; background-size: cover; }

.img_board_list_02 .img_box img { width: 100%; }

.img_board_list_02 .img_box img, .img_board_list_02 .img_box .img_src { transform: scale(1); }

.img_board_list_02 .txt_box { line-height: 1.4; width: 100%; vertical-align: middle; position: relative; }

.img_board_list_02 .txt_box .tit { color: #222; font-weight: 400; }

.img_board_list_02 .txt_box .des, .img_board_list_02 .txt_box .tbl_detail_span { font-size: 0.9em; margin-top: 10px; color: #999; }

.img_board_list_02 .txt_box .des { display: block; word-wrap: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.img_board_list_02 .txt_box .tbl_detail_span span { position: relative; padding: 0 7px; }

.img_board_list_02 .txt_box .tbl_detail_span span:before { content: ''; position: absolute; top: 50%; left: 0; height: 10px; margin-top: -5px; border-left: 1px solid #ccc; }

.img_board_list_02 .txt_box .tbl_detail_span span:first-child { padding-left: 0; }

.img_board_list_02 .txt_box .tbl_detail_span span:first-child:before { display: none; }

/*썸네일 2형*/
.event_img_list { border-bottom: 1px solid #222; border-top: 1px solid #999; }

.event_img_list .event_t { position: absolute; top: 0; left: 0; display: inline-block; padding: 8px 20px; z-index: 1; font-size: 16px; color: #fff; background: rgba(0, 0, 0, 0.7); text-align: center; }

.event_img_list .event_t.on { background: rgba(194, 168, 126, 0.7); }

.event_img_list li, .event_img_list .item { position: relative; padding: 20px 0; border-top: 1px solid #ddd; }

.event_img_list li:first-child, .event_img_list .item:first-child { border-top: 0; }

.event_img_list a, .event_img_list .wrap { position: relative; display: table; width: 100%; }

.event_img_list a:hover .txt_box .tit, .event_img_list .wrap:hover .txt_box .tit { color: #c2a87e; }

.event_img_list a:hover .btn_link, .event_img_list .wrap:hover .btn_link { background: #c2a87e; color: #fff; }

.event_img_list a:hover .img_box:before, .event_img_list .wrap:hover .img_box:before { border-width: 3px; }

.event_img_list .img_box { position: relative; float: left; width: 400px; margin-right: 40px; border: 1px solid #ddd; }

.event_img_list .img_box .img_src { display: block; height: 0; width: 100%; padding-bottom: 66%; background-repeat: no-repeat; background-position: center; background-size: cover; }

.event_img_list .img_box img { width: 100%; }

.event_img_list .img_box:before { content: ""; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; border: 0 solid #c2a87e; transition: border-width 0.3s; z-index: 5; }

.event_img_list .txt_box { display: table-cell; width: 100%; vertical-align: middle; padding: 10px 0; }

.event_img_list .txt_box .tit { transition: all 0.4s ease; font-size: 1.3em; color: #333; font-weight: bold; display: block; word-wrap: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.event_img_list .txt_box .des, .event_img_list .txt_box .date { margin-top: 20px; }

.event_img_list .txt_box .des { font-size: 1.1em; display: block; word-wrap: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 20px; }

/*일반게시판 - 뷰페이지*/
.table-view-01 { margin-top: 30px; table-layout: fixed; width: 100%; border-bottom: solid 1px #ddd; }

.table-view-01 .tit { font-size: 16px; color: #000; }

.table-view-01 tr:first-child th, .table-view-01 tr:first-child td { border-top: solid 1px #000; }

.table-view-01 th, .table-view-01 td { padding: 10px 8px; vertical-align: top; border-top: solid 1px #ddd; }

.table-view-01 th { color: #333; text-align: left; font-weight: 500; }

.table-view-01 .blue { color: #5d9ad3; }

.table-view-01 .text_left { text-align: left; }

.table-view-01 .addfile_txt { padding-left: 35px; background-image: url(../images/icon/file_i.png); background-repeat: no-repeat; background-position: left center; }

.table-view-01 .notice-b { display: inline-block; padding: 2px 8px; background-color: #489fc4; color: #fff; font-size: 12px; border-radius: 10px; }

.table-view-01.title-black th { color: #333; }

.table-view-01.th-center th { text-align: center; }

.table-view-01.table-line th, .table-view-01.table-line td { border: solid 1px #ddd; }

.table-view-01 td .board-box { min-height: 150px; padding: 10px; text-align: initial; }

.table-view-01 .tbl_detail_list li { display: inline-block; position: relative; padding: 0 10px; }

.table-view-01 .tbl_detail_list li:last-child { padding-right: 0; }

.table-view-01 .tbl_detail_list li:first-child { padding-left: 0; }

.table-view-01 .tbl_detail_list li .tit_t { font-weight: bold; color: #222; margin-right: 5px; }

.table-view-01 .tbl_detail_list li:first-child:before { display: none; }

.table-view-01 .tbl_detail_list li:before { content: ''; border-left: 1px solid #ccc; height: 10px; margin-top: -5px; top: 50%; left: -2px; position: absolute; }

.table-view-01 .tit_box p.tit { float: left; }

.table-view-01 .tit_box p.tit .type_t { display: inline-block; vertical-align: middle; font-size: 13px; color: #fff; font-weight: 400; background: #666; letter-spacing: -0.8px; padding: 0 5px; height: 25px; line-height: 23px; box-sizing: border-box; margin-right: 10px; }

.table-view-01 .tit_box p.tbl_detail_span { float: right; }

.table-view-01 .tit_box p.tbl_detail_span span:first-child:before { display: none; }

.table-view-01 .tit_box p.tbl_detail_span span:before { display: inline-block; overflow: hidden; width: 1px; height: 10px; margin: -1px 7px 0 4px; background: #bbb; content: ''; vertical-align: middle; }

.table-view-01 .tit_box p.tbl_detail_span > span.anwer:before, .table-view-01 .tit_box p.tbl_detail_span > span.anwer_on:before, .table-view-01 .tit_box p.tbl_detail_span > span.anwer_off:before { display: none; }

.table-view-01.type_e { /*항목이 많은 경우 */ }

.table-view-01.type_e .col_w { width: 150px; }

.table-view-01.type_e th { background: #f6f6f6; text-align: left; }

/*뷰페이지 이전/다음글 이동*/
.border-list-type { border-top: solid 1px #999; border-bottom: solid 1px #999; }

.border-list-type li { border-bottom: solid 1px #c7c7c7; height: 40px; line-height: 40px; position: relative; padding-left: 100px; text-align: left; }

.border-list-type li a { display: block; }

.border-list-type li a .list-title { font-weight: 500; position: absolute; top: 0; left: 0; width: 150px; height: 40px; line-height: 40px; padding: 0 30px 0 50px; box-sizing: border-box; color: #222; background-repeat: no-repeat; background-position: 24px center; background-size: 12px; }

.border-list-type li a .list-up-bg { background-image: url("../images/icon/list-prev.png"); }

.border-list-type li a .list-down-bg { background-image: url("../images/icon/list-next.png"); }

.border-list-type li a .w-con { float: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.border-list-type .border-none { border-bottom: none; }

/*목록 페이징*/
.paging-area { position: relative; margin-top: 50px; font-size: 0; }

.paging-area ul { margin: 0; padding: 0; list-style: none; text-align: center; }

.paging-area li { display: inline; margin-left: 4px; padding: 0; }

.paging-area a { font-size: 16px; position: relative; display: inline-block; width: 34px; height: 34px; line-height: 32px; color: #333; background-color: #fff; border: 1px solid #ddd; box-sizing: border-box; background-repeat: no-repeat; background-position: center center; cursor: pointer; }

.paging-area a span { display: inline-block; text-indent: -9999px; }

.paging-area a:hover { color: #c2a87e; }

.paging-area a.active { border-color: #c2a87e; text-decoration: none; border-color: #111; }

.paging-area a.prev-first { background-image: url("../images/paging/prev-first.png"); }

.paging-area a.prev { background-image: url("../images/paging/prev.png"); }

.paging-area a.next-last { background-image: url("../images/paging/next-last.png"); }

.paging-area a.next { background-image: url("../images/paging/next.png"); }

/*목록 검색*/
.board-search-01 { margin-top: 50px; padding: 20px 0; text-align: center; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; position: relative; }

.board-search-01 select, .board-search-01 input { border: solid 1px #ddd; background-color: #fff; }

.board-search-01 .select-type-01 { width: 100px; height: 40px; line-height: 40px; background-color: #fff; }

.board-search-01 .input-type-01 { padding: 0 5px; width: 20%; height: 40px; line-height: 40px; background-color: #fff; }

.board-search-01 .btn { display: inline-block; vertical-align: top; line-height: 40px; height: 40px; line-height: normal; }

.board-search-01 .btn-color-01 { width: 90px; color: #333; background-color: #f6f6f6; border: solid 1px #ddd; }

/*목록 컨트롤 버튼*/
.board_write_btn_bx { position: relative; text-align: right; margin-top: 40px; }

.board_view_btn_box { margin: 40px auto; }

/*폼게시판*/
.table-form-01 { width: 100%; border-top: 1px solid #000; background: #fff; }

.table-form-01 .join_s_txt { font-size: 0.9em; }

.table-form-01.type_c th, .table-form-01.type_c td { display: block; border-bottom: 0; }

.table-form-01.type_c td { padding: 0; }

.table-form-01.type_c th { padding: 10px 0 5px; }

.table-form-01 .col_w { width: 120px; }

.table-form-01 tr th { text-align: left; color: #444; }

.table-form-01 tr th, .table-form-01 tr td { padding: 12px 10px; border-bottom: 1px solid #ddd; }

.table-form-01 .code { background: #ddd; padding: 10px 10px; margin-right: 5px; color: #333; font-weight: bold; }

.table-form-01 .btn-type-01 { width: 100%; box-sizing: border-box; }

.form_wrap.type_c { max-width: 600px; margin: 0 auto; }

/*QNA*/
.qna { border-top: 1px solid #000; background: #fff; text-align: left; }

.qna.type_b .qna-header a { background: none !important; }

.qna.type_b .qna-header a { position: relative; }

.qna.type_b .qna-header a.select:before { -webkit-transform: rotate(0); transform: rotate(0); }

.qna.type_b .qna-header a:before, .qna.type_b .qna-header a:after { background-color: rgba(0, 0, 0, 0.8); width: 14px; height: 2px; position: absolute; right: 22px; top: 50%; margin-top: -1px; content: ''; -webkit-transition: all 0.5s; transition: all 0.5s; }

.qna.type_b .qna-header a:before { -webkit-transform: rotate(270deg); transform: rotate(270deg); }

.qna.type_b .qna-header a:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.qna .qna-header { padding: 15px 10px; position: relative; border-bottom: solid 1px #ddd; }

.qna .qna-header.select { color: #c2a87e; }

.qna .qna-header.select a { color: #c2a87e; background: url(../images/qna/qna-down.png) no-repeat right center; }

.qna .qna-header.select:before { color: #c2a87e; }

.qna .qna-header:before { content: 'Q.'; position: absolute; top: 50%; left: 15px; font-size: 20px; margin-top: -15px; font-weight: 500; }

.qna .qna-header a { display: block; padding-left: 40px; padding-right: 30px; text-decoration: none; font-size: 1.1em; font-weight: 400; color: #222; background: url(../images/qna/qna-up.png) no-repeat right center; }

.qna .qna-header a:hover { color: #c2a87e; }

.qna .qna-body { display: none; padding: 20px 20px 20px 50px; line-height: 1.5; color: #333; border-bottom: solid 1px #ddd; position: relative; background: #f6f6f6; }

.qna .qna-body:before { content: 'A.'; position: absolute; top: 15px; left: 15px; font-size: 20px; font-weight: 500; color: #c2a87e; }

.qna_tab { margin-bottom: 30px; }

.qna_tab ul { text-align: center; }

.qna_tab ul li { float: left; }

.qna_tab ul li a { display: block; position: relative; height: 45px; line-height: 45px; text-align: center; font-size: 16px; color: #666; border: 1px solid #ddd; background: #fff; margin-left: -1px; margin-top: -1px; }

.qna_tab ul li a.on, .qna_tab ul li a:hover { color: #fff; border-color: #c2a87e; background: #c2a87e; }

/*댓글*/
.txt_post_wrap.type_a { margin-top: 40px; padding: 20px 30px; border: 1px solid #999; }

.txt_post_wrap.type_a .name_box { margin-top: 10px; position: relative; padding-left: 70px; max-width: 200px; }

.txt_post_wrap.type_a .name_box label { position: absolute; top: 0; left: 0; }

.txt_post_wrap.type_a .post_list { margin-top: 30px; }

.txt_post_wrap.type_a .post_list li { position: relative; padding: 15px 0; border-top: 1px solid #ccc; }

.txt_post_wrap.type_a .post_list li .btn_del { position: absolute; top: 15px; right: 0; display: inline-block; height: 28px; line-height: 28px; border: 1px solid #333; color: #333; width: 50px; font-size: 13px; text-align: center; }

.txt_post_wrap.type_a .post_list li .name_01 { font-size: 16px; font-weight: 500; color: #666; }

.txt_post_wrap.type_a .post_list li .date_01 { font-size: 13px; font-weight: 500; color: #999; }

.txt_post_wrap.type_a .post_list li .des_txt { margin-top: 10px; }

.txt_post_wrap.type_a .write_box table { width: 100%; }

.txt_post_wrap.type_a .write_box table .col_w { width: 80px; }

.txt_post_wrap.type_a .write_box table .col_w2 { width: 90px; }

.txt_post_wrap.type_a .write_box table th { color: #222; font-weight: bold; text-align: left; text-indent: 8px; }

.txt_post_wrap.type_a .write_box .txt_num i { color: #c2a87e; margin-right: 5px; }

.txt_post_wrap.type_a .write_box .write_area { position: relative; margin-top: 10px; padding-right: 140px; }

.txt_post_wrap.type_a .write_box .write_area textarea { width: 98%; padding: 10px 1%; height: 50px; min-height: 50px; }

.txt_post_wrap.type_a .write_box .write_area .btn_submit { position: absolute; top: 0; right: 0; display: inline-block; height: 72px; line-height: 72px; text-align: center; width: 140px; background: #777; font-size: 17px; color: #fff; }

/*댓글의 댓글*/
.txt_post_wrap.type_b { margin-top: 20px; }

.txt_post_wrap.type_b .list_box { margin-top: 20px; border-bottom: 1px solid #e8e8e8; }

.txt_post_wrap.type_b .post_list li { position: relative; border-top: 1px solid #e8e8e8; }

.txt_post_wrap.type_b .post_list li.post_li .inner { padding: 15px 15px; }

.txt_post_wrap.type_b .post_list li .left { float: left; }

.txt_post_wrap.type_b .post_list li .right { float: right; }

.txt_post_wrap.type_b .post_list li .answer_box { display: none; }

.txt_post_wrap.type_b .post_list li .answer_box .inner { position: relative; padding: 15px 15px 15px 40px; }

.txt_post_wrap.type_b .post_list li .answer_box .inner i { position: absolute; top: 15px; left: 15px; width: 12px; height: 15px; background: url(../../static/img/icon/subdirectory-arrow.png) no-repeat; }

.txt_post_wrap.type_b .post_list li .answer_box .inner .area-type-form { height: 35px; min-height: 35px; width: 100%; padding: 7px; box-sizing: border-box; }

.txt_post_wrap.type_b .post_list li .answer_box .inner .des_txt.write_txt { position: relative; padding-right: 95px; }

.txt_post_wrap.type_b .post_list li .answer_box .inner .btn_write { position: absolute; top: 0; right: 0; display: inline-block; height: 35px; line-height: 35px; text-align: center; width: 80px; background: #212121; color: #fff; }

.txt_post_wrap.type_b .post_list li .answer_box .inner .btn_censel { position: absolute; top: 0; right: 0; display: inline-block; height: 72px; line-height: 72px; text-align: center; width: 72px; background: #999; color: #fff; }

.txt_post_wrap.type_b .post_list li .name_01 { font-weight: 500; color: #000; padding-right: 10px; border-right: 1px solid #ddd; }

.txt_post_wrap.type_b .post_list li .date_01 { font-size: 13px; font-weight: 700; color: #999; }

.txt_post_wrap.type_b .post_list li .des_txt { margin-top: 10px; font-size: 13px; }

.txt_post_wrap.type_b .txt_num i { color: #212121; margin-right: 5px; }

.txt_post_wrap.type_b .write_box .write_area { position: relative; padding-right: 95px; }

.txt_post_wrap.type_b .write_box .write_area textarea { width: 100%; padding: 10px; height: 80px; min-height: 80px; box-sizing: border-box; border: 1px solid #ddd; font-size: 14px; }

.txt_post_wrap.type_b .write_box .write_area .btn_submit { position: absolute; top: 0; right: 0; display: inline-block; height: 80px; line-height: 80px; text-align: center; width: 80px; background: #212121; font-size: 15px; color: #fff; }

.txt_post_wrap.type_b .write_box .write_area .btn_submit_02 { position: absolute; top: 0; right: 0; display: inline-block; height: 80px; line-height: 80px; text-align: center; width: 80px; background: #8c8c8c; font-size: 15px; color: #fff; }

.txt_post_wrap.type_b .btn_answer { display: inline-block; height: 24px; line-height: 24px; color: #fff; background: #212121; width: 50px; font-size: 13px; text-align: center; }

.txt_post_wrap.type_b .btn_del { font-size: 13px; color: #f1281b; padding: 0 10px; }

.txt_post_wrap.type_b .btn_modify { position: relative; font-size: 13px; color: #000; padding: 0 10px; }

.txt_post_wrap.type_b .btn_modify:before { content: ''; position: absolute; top: 50%; right: 0; height: 10px; margin-top: -5px; border-left: 1px solid #ddd; }

.txt_post_wrap.type_b .modify_box { margin-top: 10px; display: none; position: relative; padding-right: 95px; }

.txt_post_wrap.type_b .modify_box textarea { height: 80px; min-height: 80px; width: 100%; padding: 7px; box-sizing: border-box; border: 1px solid #ddd; }

.txt_post_wrap.type_b .modify_box a, .txt_post_wrap.type_b .modify_box input[type='button'], .txt_post_wrap.type_b .modify_box .btn_write { position: absolute; bottom: 7px; right: 0; display: inline-block; height: 80px; line-height: 80px; text-align: center; width: 80px; background: #212121; color: #fff; }

.calendar_wrap_a { position: relative; }

.calendar_wrap_a .term_data { position: absolute; top: 20px; left: 0; }

.calendar_wrap_a .term_data .tit { font-size: 17px; color: #333; font-weight: 500; margin-right: 10px; }

.calendar_wrap_a .btn_date_wr { position: absolute; top: 20px; right: 0; }

.calendar_wrap_a .control_bx { position: relative; margin: 0 auto 10px; text-align: center; }

.calendar_wrap_a .control_bx .year { color: #26488c; font-weight: bold; font-size: 45px; padding: 0 15px; vertical-align: middle; display: inline-block; }

.calendar_wrap_a .control_bx .btn_prev_month { font-size: 40px; color: #333; display: inline-block; vertical-align: middle; }

.calendar_wrap_a .control_bx .btn_prev_month i { vertical-align: middle; }

.calendar_wrap_a .control_bx .btn_next_month { font-size: 40px; color: #333; display: inline-block; vertical-align: middle; }

.calendar_wrap_a .control_bx .btn_next_month i { vertical-align: middle; }

.schedule_type_a { table-layout: fixed; width: 100%; text-align: left; border-collapse: collapse; border-spacing: 0; border-top: 1px solid #000; word-break: break-all; }

.schedule_type_a thead th { color: #222; padding: 8px 0; text-align: center; border: 1px solid #ddd; border-bottom: 0; background: #f8f8f8; font-weight: bold; }

.schedule_type_a tbody { background: #fff; }

.schedule_type_a tbody td { position: relative; width: 14.258%; font-weight: normal; padding: 5px 5px; height: 140px; vertical-align: top; border: 1px solid #ccc; }

.schedule_type_a tbody td .date { display: block; color: #222; font-weight: bold; }

.schedule_type_a tbody td .date.red { color: #f03d3d; }

.schedule_type_a tbody td .date.blue { color: #26488c; }

.schedule_type_a tbody td:hover { background: #edf3f7; }

.schedule_type_a tbody td:hover .btn_tooltip_ajax { color: #000; text-decoration: underline !important; }

.schedule_type_a tbody td .cursor_default { cursor: default; }

.calendar_wrap_b { position: relative; max-width: 400px; margin: 0 auto; }

.calendar_wrap_b .term_data { position: absolute; top: 20px; left: 0; }

.calendar_wrap_b .term_data .tit { font-size: 17px; color: #333; font-weight: 500; margin-right: 10px; }

.calendar_wrap_b .control_bx { position: relative; margin: 0 auto 10px; text-align: center; }

.calendar_wrap_b .control_bx .year { color: #26488c; font-weight: bold; font-size: 24px; padding: 0 15px; vertical-align: middle; display: inline-block; }

.calendar_wrap_b .control_bx .btn_prev_month { font-size: 20px; color: #333; display: inline-block; vertical-align: middle; }

.calendar_wrap_b .control_bx .btn_prev_month i { vertical-align: middle; }

.calendar_wrap_b .control_bx .btn_next_month { font-size: 20px; color: #333; display: inline-block; vertical-align: middle; }

.calendar_wrap_b .control_bx .btn_next_month i { vertical-align: middle; }

.schedule_type_b { table-layout: fixed; width: 100%; border-collapse: collapse; border-spacing: 0; border-top: 1px solid #000; border-bottom: 1px solid #ddd; word-break: break-all; text-align: center; }

.schedule_type_b thead th { color: #222; padding: 8px 0; text-align: center; border-bottom: 1px solid #ddd; font-weight: 500; }

.schedule_type_b tbody { background: #fff; }

.schedule_type_b tbody td { position: relative; width: 14.258%; font-weight: normal; vertical-align: top; padding: 5px; color: #333; border-bottom: 1px solid #ddd; }

.schedule_type_b tbody td .date { display: block; margin: 0 auto; color: #222; text-align: center; height: 40px; line-height: 40px; border-radius: 40px; width: 40px; }

.schedule_type_b tbody td .date.today { background: #32c5d2; color: #fff; }

.schedule_type_b tbody td .date.on { background: #c2a87e; color: #fff; }

.schedule_type_b tbody td .date.sunday { color: #f03d3d; }

.schedule_type_b tbody td .date.blue { color: #26488c; }

.schedule_type_b tbody td .btn_date_wr { position: absolute; top: 20px; right: 0; }

.schedule_type_b tbody td .cursor_default { cursor: default; }

.total_clause_bx { padding-bottom: 10px; border-bottom: 1px solid #ddd; text-align: right; color: #333; margin-bottom: 30px; }

.clause_list { margin-bottom: 30px; }

.clause_list h5 { color: #333; margin-bottom: 10px; font-size: 1.2em; font-weight: 500; }

.clause_list li .textarea_box_border { border: 1px solid #dedede; }

.clause_list li .textarea_box { width: 96%; height: 150px; padding: 20px 2%; overflow-y: auto; font-size: 13px; }

.login_con .login_wrap { max-width: 430px; margin: 0 auto; background: #fff; box-sizing: border-box; padding: 20px 20px; margin-bottom: 20px; }

.login_con .login_wrap .login_list li { margin-top: 10px; }

.login_con .login_wrap .login_list li input { height: 50px; line-height: 50px; }

.login_con .login_wrap .login_list li input.btn_login { width: 100%; display: inline-block; height: 50px; line-height: 50px; background: #fff; color: #666; line-height: 1.5; cursor: pointer; font-size: 16px; border: 1px solid #000; background: #000; color: #fff; }

.login_con .login_wrap .bot_sec { margin-top: 20px; }

.login_con .login_wrap .bot_sec .tit { margin-bottom: 10px; }

.login_con .login_wrap .bot_sec a { width: 100%; box-sizing: border; padding: 0; height: 45px; line-height: 45px; }

.login_con .tab-wrap { margin-bottom: 20px; border-bottom: 1px solid #ddd; }

.login_con .tab-wrap .tab li { float: left; width: 50%; margin: 0 auto; }

.login_con .tab-wrap .tab li a { display: block; position: relative; height: 50px; line-height: 50px; text-align: center; font-size: 18px; }

.login_con .tab-wrap .tab li a:before { content: ''; position: absolute; bottom: -1px; left: 0; width: 0; border-top: 2px solid #000; transition: 0.3s; }

.login_con .tab-wrap .tab li a.on { color: #6a635b; }

.login_con .tab-wrap .tab li a.on:before { width: 100%; }

.num { display: table; vertical-align: middle; width: 100%; max-width: 500px; }

.num li { display: table-cell; width: 33.3333%; padding-left: 10px; }

.num li:before { float: left; width: 10px; line-height: 40px; margin-left: -10px; color: #444; text-align: center; content: '-'; }

.num li:first-child { padding-left: 0; }

.num li:first-child:before { display: none; }

.e_mail_box { display: table; width: 100%; }

.e_mail_box .mail_txt, .e_mail_box .mail_txt2 { display: table-cell; width: 31.333%; vertical-align: middle; }

.e_mail_box .mail_a { display: table-cell; width: 4%; text-align: center; vertical-align: middle; }

.e_mail_box .mail_sel { display: table-cell; width: 31.333%; vertical-align: middle; padding-left: 10px; }

.e_mail_box .mail_sel:before { float: left; width: 10px; line-height: 28px; margin-left: -10px; text-align: center; content: ''; }

.id_num { display: table; vertical-align: middle; width: 100%; }

.id_num li { display: table-cell; width: 50%; padding-left: 10px; }

.id_num li:before { float: left; width: 10px; line-height: 40px; margin-left: -10px; color: #444; text-align: center; content: '-'; }

.id_num li:first-child { padding-left: 0; }

.id_num li:first-child:before { display: none; }

.area_select { display: table; vertical-align: middle; width: 100%; }

.area_select li { display: table-cell; width: 50%; padding-left: 10px; }

.area_select.txt3 li { display: table-cell; width: 33.333%; padding-left: 10px; }

.area_select li:first-child { padding-left: 0; }

.area_select li:first-child:before { display: none; }

.area_select li:before { float: left; width: 10px; line-height: 28px; margin-left: -10px; text-align: center; content: ''; }

.select_10 { width: 100px; border: 1px solid #ccc; }

.input_7 { width: 70px; padding: 0; text-indent: 7px; }

.input_10 { width: 100px; padding: 0; }

.input_12 { width: 120px; padding: 0; text-indent: 7px; }

.input_15 { width: 150px; padding: 0; text-indent: 7px; }

.input_20 { width: 200px; padding: 0; text-indent: 7px; }

.input_txt, .input_30 { max-width: 300px; width: 100%; padding: 0; }

.input_50 { width: 50%; padding: 0; text-indent: 7px; }

.input_80 { width: 80%; padding: 0; text-indent: 7px; }

.input_date { position: relative; width: 150px; display: inline-block; }

.input_date i { position: absolute; top: 50%; right: 10px; margin-top: -12px; font-size: 24px; }

.input_won { display: inline-block; padding-right: 30px; position: relative; max-width: 300px; width: 100%; box-sizing: border-box; }

.input_won .won_t { position: absolute; top: 50%; right: 0; margin-top: -10px; }

.input_for { width: 100%; padding: 0; }

.sel_for { width: 100%; border: 1px solid #ccc; }

.sel_30 { width: 100%; max-width: 300px; border: 1px solid #ccc; }

textarea { margin: 0; border: solid 1px #ccc; background-color: #fff; overflow: auto; min-height: 150px; -webkit-appearance: none; -webkit-border-radius: 0; resize: none; }

.area_for { padding: 10px; width: 100%; box-sizing: border-box; height: 150px; border: solid 1px #ddd; overflow-y: auto; }

.filebox_css input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.filebox_css label { display: inline-block; padding: 3px 5px; color: #fff; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #6a6a6a; cursor: pointer; border: 1px solid #555; }

.filebox_css .upload-name { display: inline-block; padding: 3px 5px; font-size: 15px; font-family: inherit; line-height: normal; vertical-align: middle; background-color: #fff; border: 1px solid #ccc; }

.file_box { position: relative; padding-right: 90px; }

.file_box:hover .btn_type_file { background: #666; }

.file_box .text_01 { position: absolute; top: 2px; left: 0; }

.file_box p { border: 1px solid #ccc; line-height: 36px; height: 36px; overflow: hidden; }

.file_box .btn_type_file { display: block; width: 90px; height: 36px; line-height: 36px; color: #fff; background: #999; text-align: center; position: absolute; top: 0; right: 0; cursor: pointer; }

.file_box .btn_type_file:hover { background: #666; }

.file_box input { position: absolute; top: 0; right: 0; width: 92px; height: 36px; opacity: 0; filter: alpha(opacity=0); cursor: pointer; -webkit-appearance: none; }

.input_btn_box { position: relative; padding-right: 100px; }

.input_btn_box .table-btn-01 { position: absolute; top: 0; right: 0; width: 95px; }

/*기본형 버튼*/
.btn-type-01, input.btn-type-01[type="submit"], .btn-type-02, input.btn-type-02[type="submit"], .btn-type-03, input.btn-type-03[type="submit"], .btn-type-04, input.btn-type-04[type="submit"] { height: 55px; line-height: 55px; display: inline-block; text-align: center; min-width: 150px; padding: 0 30px; font-weight: 300; font-size: 18px; cursor: pointer; box-sizing: border-box; transition: 0.3s; }

.btn-type-01, input[type="submit"].btn-type-01 { color: #fff; background: #3d4d5c; border: 1px solid #3d4d5c; }

.btn-type-01:hover, input[type="submit"].btn-type-01:hover { background: #fff; color: #3d4d5c; }

.btn-type-02, input[type="submit"].btn-type-02 { color: #fff; background: #999; border: 1px solid #999; }

.btn-type-02:hover, input[type="submit"].btn-type-02:hover { background: #fff; color: #999; }

.btn-type-03, input[type="submit"].btn-type-03 { background: #fff; border: 1px solid #3d4d5c; color: #3d4d5c; }

.btn-type-03:hover, input[type="submit"].btn-type-03:hover { background: #3d4d5c; color: #fff; }

.btn-type-04, input[type="submit"].btn-type-04 { color: #fff; background-color: #666; border: 1px solid #666; }

.btn-type-04:hover, input[type="submit"].btn-type-04:hover { background: #fff; color: #666; }

.table-btn-01 { display: inline-block; text-align: center; padding: 0 10px; height: 38px; line-height: 38px; color: #fff !important; background-color: #999; vertical-align: middle; min-width: 60px; box-sizing: border-box; }

.chk_area input[type="checkbox"], .chk_area input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; box-sizing: border-box; }

.chk_area input[type="checkbox"] + label, .chk_area input[type="radio"] + label { box-sizing: border-box; display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }

.chk_area input[type='checkbox'] { line-height: 19px; }

.chk_area input[type='checkbox'] + label { padding-left: 22px; }

.chk_area input[type='checkbox'] + label:before { width: 19px; height: 19px; top: 50%; margin-top: -9.5px; content: ''; position: absolute; left: 0; text-align: center; background-position: center; background-size: cover; background-repeat: no-repeat; background-image: url(../images/icon/chk.png); }

.chk_area input[type='checkbox']:checked + label:before { background-image: url(../images/icon/chk-on.png); }

.chk_area input[type='radio'] { line-height: 17px; }

.chk_area input[type='radio'] + label { padding-right: 20px; padding-left: 23px; }

.chk_area input[type='radio'] + label:before { top: 50%; margin-top: -8.5px; width: 17px; height: 17px; content: ''; border: 1px solid #ddd; border-radius: 50%; position: absolute; left: 0; }

.chk_area input[type='radio']:hover + label:before { border-color: #222; }

.chk_area input[type='radio']:checked + label:before { border: 4px solid #222; }

/*지점안내*/
.store_find_wrap { background-color: #f7f7f7; text-align: center; padding: 20px; padding-bottom: 15px; margin-bottom: 20px; }

.store_find_wrap select, .store_find_wrap input, .store_find_wrap button { height: 36px; line-height: 36px; border: 1px solid #ddd; min-width: auto; width: 100%; }

.store_find_wrap .btn { background-color: #444; color: #fff; }

.store_find_wrap .wrap { max-width: 660px; width: 100%; margin: 0 auto; }

.store_find_wrap .wrap > * { margin-bottom: 5px; }

.store_cont { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; }

.store_cont .item { border-top: 1px solid #ddd; padding: 40px 30px; box-sizing: border-box; }

.store_cont .item .txt_box { position: relative; display: table; table-layout: fixed; width: 100%; }

.store_cont .item .txt_box .map_btn { position: absolute; line-height: 42px; border-radius: 42px; padding: 0 20px 0 30px; color: #fff; font-size: 14px; display: inline-block; right: 0; bottom: 0; background-color: #636363; }

.store_cont .item .txt_box .map_btn i { margin-left: 10px; }

.store_cont .item .img_bx { display: table-cell; vertical-align: top; }

.store_cont .item .img_bx { width: 40%; }

.store_cont .item .img_bx .img_src { display: block; width: 100%; height: 0; border: 1px solid #ddd; padding-bottom: 66.66667%; background-repeat: no-repeat; background-size: cover; background-position: center; }

.store_cont .item .txt_bx { padding-left: 40px; text-align: left; }

.store_cont .item .txt_bx .tit { font-size: 28px; color: #c2a87e; font-weight: bold; }

.store_cont .item .store_info { padding-bottom: 42px; margin-top: 20px; }

.store_cont .item .store_info dl { position: relative; line-height: 1.4; font-weight: 300; padding-left: 120px; font-size: 18px; margin-top: 15px; }

.store_cont .item .store_info dl:first-child { margin-top: 0; }

.store_cont .item .store_info dl dt { position: absolute; left: 0; top: 0; font-weight: 500; color: #333; }

.store_cont .item .store_info dl dt:before { content: '· '; }

.store_cont .item .store_info dl a { color: #1751ab; text-decoration: underline; }

.store_cont .map_box { margin-top: 20px; height: 0; overflow: hidden; -webkit-transition: 400ms height; transition: 400ms height; }

.store_cont .map_box.on { height: 492px; }

.store_cont .map_box .root_daum_roughmap { width: 100%; }

.store_cont .map_box .wrap_map, .store_cont .map_box iframe { height: 460px !important; }

/*
_tab
*/
.tab2 li { width: 50%; }

.tab3 li { width: 33.33333%; }

.tab4 li { width: 25%; }

.tab5 li { width: 20%; }

.tab6 li { width: 16.66667%; }

.tab7 li { width: 14.28571%; }

.tab8 li { width: 12.5%; }

.tab9 li { width: 11.11111%; }

.tab10 li { width: 10%; }

.tab11 li { width: 9.09091%; }

.tab12 li { width: 8.33333%; }

.tab-wrap, .tabwrap { position: relative; }

.tab-wrap .tab, .tabwrap .tab { padding: 0; list-style: none; }

.tab-wrap .tab li, .tabwrap .tab li { float: left; }

.tab-wrap .tab a, .tabwrap .tab a { display: inline-block; text-align: center; position: relative; width: 100%; }

.tab-wrap .tab a.active, .tab-wrap .tab a.on, .tab-wrap .tab a:hover, .tabwrap .tab a.active, .tabwrap .tab a.on, .tabwrap .tab a:hover { z-index: 1; }

.tab-wrap .tab-content, .tabwrap .tab-content { display: none; }

.tab.bar li { font-size: 0; margin-bottom: 5px; width: auto !important; display: inline-block; float: none; padding: 0 10px; border-left: 1px solid #ddd; }

.tab.bar li:first-child { border-left: 0; padding-left: 0; }

.tab.bar a { border: 0; width: 100%; line-height: 1; letter-spacing: -0.4px; color: #666; font-size: 1.0625em; position: relative; }

.tab.bar a:after { position: absolute; width: 0; height: 1px; content: ''; display: inline-block; bottom: 0; left: 0; background-color: #c2a87e; -webkit-transition: width 300ms; transition: width 300ms; }

.tab.bar a:hover { color: #c2a87e; }

.tab.bar a.on { color: #c2a87e; }

.tab.bar a.on:after { width: 100%; }

.tab.box { margin: 0 auto; width: 100%; }

.tab.box:before, .tab.box:after { display: table; content: ''; }

.tab.box:after { clear: both; }

.tab.box li { display: inline-block; float: left; margin-left: -1px; }

.tab.box a { height: 55px; line-height: 55px; border: 0; width: 100%; letter-spacing: -0.5px; color: #222; background-color: #fff; border: 1px solid #ddd; font-size: 1.0625em; }

.tab.box a:not(.on):hover { color: #c2a87e; }

.tab.box a.on, .tab.box a.active { border-color: #c2a87e; background-color: #c2a87e; }

.tab.border { margin: 0 auto 30px; width: 100%; border-right: 1px solid #f2f2f2; }

.tab.border:before, .tab.border:after { display: table; content: ''; }

.tab.border:after { clear: both; }

.tab.border li { float: left; display: table; height: 60px; line-height: 60px; }

.tab.border a { border-bottom: 1px solid #c2a87e; line-height: 1.2; display: table-cell; vertical-align: middle; width: 100%; letter-spacing: -0.5px; color: #666; background-color: #f2f2f2; }

.tab.border a:not(.on):hover { color: #c2a87e; }

.tab.border a.on, .tab.border a.active { color: #c2a87e; border: 1px solid #c2a87e; border-bottom: 0; background-color: #fff; }

.bar_span span { position: relative; height: 14px; line-height: 14px; display: inline-block; padding: 0 10px; }

.bar_span span:first-child:before { content: none; }

.bar_span span:before { height: 10px; margin-top: -5px; content: ''; position: absolute; left: 0; top: 50%; width: 1px; height: 10px; background: #ccc; }

.hyphen_list li { position: relative; padding-left: 10px; }

.hyphen_list li:before { position: absolute; content: '- '; top: 0; left: 0; }

.hyphen_list li.none:before { content: ''; }

.dot_list > li { position: relative; padding-left: 10px; }

.dot_list > li:before { position: absolute; content: '· '; top: 0; left: 0; }

/*
_inc.css
*/
body { font-family: "Noto Sans KR", sans-serif; font-size: 16px; width: 100%; color: #666; line-height: 1.6; -webkit-text-size-adjust: none; font-weight: 400; }

body > .home { min-width: 1400px; overflow-x: hidden; }

.wrapper { position: relative; width: 100%; margin: 0 auto; max-width: 1400px; }

.con-margin-01 { margin-top: 30px; }

.con-margin-02 { margin-top: 60px; }

.header, .header .headwrap .gnb, .header .logo, .header .logo img, .header .gnb_wrap .depth .depth01, .header .gnb_wrap .depth .depth01 > a, .header .gnb_wrap .depth .depth01 > a:after, .header .gnb_wrap .depth02_box li a:after { -webkit-transition: 300ms all; transition: 300ms all; }

#header { z-index: 99; position: relative; height: 250px; }

.top_menu { line-height: 35px; background-color: #3d4d5c; }

.top_menu .sns_wrap, .top_menu .list { font-size: 0; display: inline-block; }

.top_menu .sns_wrap { float: left; }

.top_menu .sns_wrap li { float: left; padding: 0 5px; }

.top_menu .sns_wrap li:first-child { padding-left: 0; }

.top_menu .sns_wrap img { vertical-align: middle; }

.top_menu .list { float: right; }

.top_menu .list ul { font-size: 14px; }

.top_menu .list li { float: left; padding: 0 10px; position: relative; }

.top_menu .list li:before { content: ''; position: absolute; top: 50%; height: 10px; border-left: 1px solid rgba(255, 255, 255, 0.2); margin-top: -5px; left: 0; }

.top_menu .list li:first-child:before { content: none; display: none; }

.top_menu .list a { color: #fff; font-weight: 100; }

.header { margin: 0 auto; width: 100%; z-index: 999; position: relative; left: 0; right: 0; text-align: left; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

.header .logo { padding: 30px 0; text-align: center; z-index: 99; position: relative; margin: 0 auto; }

.header .logo a { display: inline-block; }

.header .logo a img { vertical-align: middle; }

.header .headwrap { position: relative; margin: 0 auto; border-bottom: 1px solid #ddd; }

.header .wrapper { padding: 0; }

.header .gnb { z-index: 9; position: relative; text-align: center; }

.header .gnb .gnb_wrap { margin: 0 auto; max-width: 1400px; position: relative; }

.header .gnb_wrap { height: 50px; }

.header .gnb_wrap .nav_logo { display: none; opacity: 0; width: 0; overflow: hidden; position: absolute; }

.header .gnb_wrap ._hidden { display: none !important; }

.header .gnb_wrap .depth01 { float: left; display: inline-block; position: relative; width: 10%; }

.header .gnb_wrap .depth01 > a { height: 50px; line-height: 50px; text-align: center; position: relative; display: inline-block; letter-spacing: -0.4px; width: 100%; color: #333; text-decoration: none; }

.header .gnb_wrap .depth01 > a:after { content: ''; width: 0; height: 10px; -webkit-transition: 300ms all; transition: 300ms all; left: 0; right: 0; margin: 0 auto; bottom: 0; position: absolute; background-image: url(../images/main/gnb_bg.png); background-repeat: no-repeat; background-position: center bottom; }

.header .gnb_wrap .depth01 > a:hover, .header .gnb_wrap .depth01 > a.on { font-weight: bold; color: #c2a87e; }

.header .gnb_wrap .depth01 > a:hover:after, .header .gnb_wrap .depth01 > a.on:after { width: 100%; }

.header .gnb_wrap .depth01:hover .depth02_box { filter: alpha(opacity=100); opacity: 1; }

.header .gnb_wrap .depth02_box { filter: alpha(opacity=80); opacity: 0.8; width: 100%; text-align: center; display: none; position: absolute; top: 50px; white-space: nowrap; padding: 20px 0; right: 0; line-height: 1.4; font-size: 14px; }

.header .gnb_wrap .depth02_box li { margin-top: 10px; }

.header .gnb_wrap .depth02_box li:first-child { margin-top: 0; }

.header .gnb_wrap .depth02_box a { color: #222; font-weight: 300; }

.header .gnb_wrap .depth02_box a:hover { color: #c2a87e; }

.header .nav_bg_pc { display: none; position: absolute; top: 50px; left: 0; right: 0; width: 100%; background-color: #fff; background-color: rgba(255, 255, 255, 0.9); min-height: 400px; }

.header .nav_bg_pc .nav_bg_banner { height: 180px; padding: 40px 0; background-color: #272525; background-color: rgba(39, 37, 37, 0.9); position: absolute; bottom: 0; left: 0; right: 0; }

.header .nav_bg_pc .nav_bg_banner .wrapper { background-image: url(../images/main/logo_nav.png); background-repeat: no-repeat; background-position: center left; }

.header .nav_bg_pc .nav_bg_banner .list { float: right; }

.header .nav_bg_pc .nav_bg_banner .list li { display: inline-block; float: left; margin-left: 40px; }

#header.simple .top_menu, #header.simple .header { position: fixed; width: 100%; top: 0; left: 0; right: 0; }

#header.simple .header { top: 35px; }

#header.simple .header .nav_bg_pc { top: 70px; }

#header.simple .header .headwrap { display: none; }

#header.simple .header .gnb_wrap { margin-top: 20px; padding-left: 200px; }

#header.simple .header .gnb_wrap .nav_logo { width: 200px; display: block; opacity: 1; left: 0; text-align: left; font-size: 0; }

#header.simple .header .gnb_wrap .nav_logo a { line-height: 70px; height: 70px; display: block; }

#header.simple .header .gnb_wrap .nav_logo a img { vertical-align: middle; }

#header.simple .header .gnb_wrap .depth02_box { top: 70px; }

#header.simple .header .gnb_wrap .depth01 > a { line-height: 70px; height: 70px; }

#header.simple .header .gnb_wrap .depth01:after { content: ''; height: 14px; position: absolute; top: 50%; margin-top: -7px; left: 0; background-color: #d5d5d5; width: 1px; }

#header.simple .header .gnb_wrap .depth01:first-child:after { content: none; display: none; }

.footer_wrap { text-align: left; padding: 40px 0; background-color: #ffffff; font-size: 13px; font-weight: 300; }

.footer_wrap, .footer_wrap a { color: #8a8a8a; }

.footer_wrap .bar_span span:before { background-color: rgba(138, 138, 138, 0.5); }

.footer_wrap .foot_txt { display: table; width: 100%; }

.footer_wrap .bar_span:first-child { margin-top: 0; }

.footer_wrap .logo, .footer_wrap .txt { display: table-cell; vertical-align: middle; }

.footer_wrap .logo { width: 310px; }

.footer_wrap .txt .link { padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #e0e0e0; }

.footer_wrap .txt .link .bar_span { float: left; }

.footer_wrap .txt .link .sns_wrap { float: right; display: inline-block; }

.footer_wrap .txt .link .sns_wrap li { float: left; margin-right: 10px; }

.footer_wrap .txt .link .sns_wrap li a { display: block; }

body { padding-right: 90px; }

body #header, body #footer { margin-right: -90px; }

.quick_menu { z-index: 100; position: fixed; right: 0; top: 0; bottom: 0; height: 100%; height: 100vh; width: 90px; font-size: 12px; word-break: keep-all; line-height: 1.3; }

.quick_menu, .quick_menu a, .quick_menu button { color: #898989; }

.quick_menu .wrap { position: relative; height: 100%; height: 100vh; background-color: #202021; text-align: center; }

.quick_menu .wrap .top_btn { position: absolute; width: 100%; bottom: 50px; left: 0; }

.quick_menu .wrap .list { padding-bottom: 50px; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.quick_menu .wrap .btn, .quick_menu .wrap .tel a { display: block; padding: 20px 0; }

.quick_menu .wrap .btn, .quick_menu .wrap .phone_call a { display: block; padding: 20px 0; }

.quick_menu .tel a { background-color: #c2a87e; color: #fff; font-size: 16px; font-family: "Open Sans", "Noto Sans KR", sans-serif; }

.quick_menu .phone_call a { background-color: #c2a87e; color: #fff; font-size: 16px; font-family: "Open Sans", "Noto Sans KR", sans-serif; }

.quick_menu .tel p { margin-top: 10px; }

.quick_menu .phone_call p { margin-top: 10px; }

.quick_menu .icon { width: 40px; height: 40px; display: block; margin: 0 auto; background-image: url(../images/main/quick_i.png); background-repeat: no-repeat; background-position-x: 0; }

.quick_menu .btn p { margin-top: 10px; }

.quick_menu .btn:hover { background-color: #2b2b2c; }

.quick_menu .btn:hover .icon { background-position-x: 100%; }

.quick_menu .quick_1 .icon { background-position-y: 0%; }

.quick_menu .kakao .icon { background-position-y: 25%; }

.quick_menu .quick_2 .icon { background-position-y: 50%; }

.quick_menu .quick_3 .icon { background-position-y: 75%; }

.quick_menu .quick_4 .icon { background-position-y: 100%; }

.quick_menu .go_to_mall .icon { background-position-y: 100%; }

/*
_main.css
*/
.main-visual { position: relative; }

.main-visual .slick-ctrl { text-align: center; position: absolute; bottom: 80px; width: 100%; }

.main-visual .slick-ctrl .wrap { padding-right: 20px; position: relative; display: inline-block; }

.main-visual .slick-ctrl .btn { position: absolute; right: 0; top: 50%; margin-top: -9px; }

.main-visual .slick-ctrl .btn button { font-size: 18px; line-height: 1; color: #999; }

.main-visual .slick-ctrl .slick-dots { bottom: 0; position: relative; display: inline-block !important; width: auto; }

.main-visual .slick-ctrl .slick-play { display: none; }

.main-visual { width: 100%; overflow: hidden; text-align: center; min-height: 400px; }

.main-visual .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center bottom; }

.main-visual .slick { margin-bottom: 0; }

.main-visual .slick .item { height: 100%; min-height: 100%; height: 732px; background-repeat: no-repeat; background-size: cover; background-position: center; }

.main-visual .slick-active .title .tit_1 { animation: fadeInUp 1000ms both 200ms; }

.main-visual .slick-active .title .tit_2 { animation: fadeInUp 1000ms both 400ms; }

.main-visual .slick-dots { bottom: 50px; }

.main-visual .slick-dots li button { background-color: #ddd; }

.main-visual .slick-dots li.slick-active button, .main-visual .slick-dots li.slick-active button:before { background-color: #c2a87e; }

.main-visual .slick-dots li { margin: 0 10px; }

.main-visual .slick-dots .slick-active button:before { width: 24px; height: 24px; border-radius: 50%; top: 50%; left: 50%; margin-left: -12px; margin-top: -12px; border: 1px solid #c2a87e; background-color: transparent !important; }

.main-visual .slick-arrow { color: #999; width: 60px; height: 60px; line-height: 60px; border: 1px solid #999; border-radius: 50%; text-align: center; font-size: 30px; }

.main-visual .slick-arrow.sa_l { left: 50%; margin-left: -750px; }

.main-visual .slick-arrow.sa_r { right: 50%; margin-right: -750px; }


@media all and (max-width: 1500px) { .main-visual .slick-arrow.sa_l { left: 10px; margin-left: 0; }
  .main-visual .slick-arrow.sa_r { right: 10px; margin-right: 0; } }

.fixed_contact_form_bottom { width: 100%; background-color: #c2a87e; z-index: 99; }

.fixed_contact_form_bottom .wrapper { padding: 0; }

.fixed_contact_form_bottom .chk_area input[type='checkbox'] + label:before { background-image: url(../images/icon/chk_main.png); }

.fixed_contact_form_bottom .chk_area input[type='checkbox']:checked + label:before { background-image: url(../images/icon/chk-on_main.png); }

.fixed_contact_form_bottom .form_bx ul { display: table; width: 100%; table-layout: fixed; height: 85px; }

.fixed_contact_form_bottom .form_bx li { display: table-cell; border-left: 1px solid rgba(255, 255, 255, 0.2); vertical-align: middle; }

.fixed_contact_form_bottom .form_bx li:first-child { border-left: 0; }

.fixed_contact_form_bottom .form_bx li:first-child .wrap { padding-left: 0; }

.fixed_contact_form_bottom .form_bx .wrap { padding: 0 20px; width: 100%; }

.fixed_contact_form_bottom .form_bx .wrap input[type="text"] { background-color: transparent; border: 0; width: 100%; color: #fff; max-width: 100%; }

.fixed_contact_form_bottom .form_bx .wrap input[type="text"]::-webkit-input-placeholder { color: #f9f9f9; }

.fixed_contact_form_bottom .form_bx .wrap input[type="text"]::-moz-placeholder { color: #f9f9f9; }

.fixed_contact_form_bottom .form_bx .wrap input[type="text"]:-ms-input-placeholder { color: #f9f9f9; }

.fixed_contact_form_bottom .form_bx .wrap input[type="text"]:-moz-placeholder { color: #f9f9f9; }

.fixed_contact_form_bottom .form_bx .col_input { font-weight: 300; width: 440px; color: #fff; }

.fixed_contact_form_bottom .form_bx .col_tel { width: 280px; line-height: 1.1; color: #fff; font-size: 20px; text-align: left; }

.fixed_contact_form_bottom .form_bx .col_tel img { margin-right: 10px; }

.fixed_contact_form_bottom .form_bx .col_submit { background-color: #a68c61; font-size: 18px; }

.fixed_contact_form_bottom .form_bx .col_submit .wrap { width: 100%; padding: 0; }

.fixed_contact_form_bottom .form_bx .col_submit a { display: block; position: relative; padding-left: 70px; color: #fff; }

.fixed_contact_form_bottom .form_bx .col_submit img { position: absolute; right: 50px; top: 50%; margin-top: -4px; }

.main_title { margin-bottom: 40px; text-align: center; line-height: 1.3; }

.main_title .tit { font-size: 55px; color: #222; font-family: "Open Sans", "Noto Sans KR", sans-serif; letter-spacing: -1px; font-weight: 300; }

.main_title .titt { font-size: 55px; color: #222; font-family: "NanumSquare", sans-serif; letter-spacing: -1px; font-weight: 700; }

.main_title .tit:before { content: ''; background-image: url(../images/main/title_bg.png); background-repeat: no-repeat; width: 18px; height: 21px; margin: 0 auto; display: block; }

[class^='main__'] { padding: 80px 0; }

.main__event .slick { margin-top: 50px; }

.main__event .slick .slick-list, .main__event .slick .slick-track { overflow: visible !important; }

.main__event .slick .item { padding: 0 10px; }

.main__event .slick .slick-arrow { color: #fff; border-radius: 50%; background-color: rgba(0, 0, 0, 0.8); width: 80px; height: 80px; line-height: 80px; font-size: 30px; text-align: center; }

.main__event .slick .slick-arrow.sa_r { right: -40px; }

.main__event .slick .slick-arrow.sa_l { left: -40px; }

.main__event .slick_nav { text-align: center; }

.main__event .slick_nav .slick-track { display: inline-block !important; width: auto !important; }

.main__event .slick_nav .item { padding: 10px 20px 0; color: #222; position: relative; }

.main__event .slick_nav .item:before { content: ''; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; height: 5px; width: 5px; border-radius: 50%; display: none; background-color: #c2a87e; }

.main__event .slick_nav .item.slick-current { color: #c2a87e; font-weight: 500; }

.main__event .slick_nav .item.slick-current:before { display: block; }

.main__best-clinic { padding-bottom: 0; }

.main__best-clinic .best_wrap { position: relative; display: table; width: 100%; table-layout: fixed; }

.main__best-clinic .view_slick, .main__best-clinic .nav_slick { display: table-cell; vertical-align: bottom; }

.main__best-clinic .view_slick { width: 57.29167%; }

.main__best-clinic .view_slick .slick-current .desc, .main__best-clinic .view_slick .slick-current .tit, .main__best-clinic .view_slick .slick-current .txt, .main__best-clinic .view_slick .slick-current .btn { animation: fadeInUp 1000ms; }

.main__best-clinic .view_slick .item { background-repeat: no-repeat; background-size: cover; background-position: center; }

.main__best-clinic .view_slick .txt_bx { height: 0; padding: 0 50px; padding-bottom: 82%; text-align: right; color: #222; line-height: 1.3; font-weight: 300; }

.main__best-clinic .view_slick .txt_bx .desc { margin-top: 70px; animation-delay: 100ms; font-size: 20px; }

.main__best-clinic .view_slick .txt_bx .tit { animation-delay: 200ms; font-size: 30px; font-weight: bold; color: #222; }

.main__best-clinic .view_slick .txt_bx .txt { animation-delay: 300ms; margin: 30px auto; font-size: 14px; }

.main__best-clinic .view_slick .txt_bx .btn { animation-delay: 0; }

.main__best-clinic .view_slick .txt_bx .btn:before, .main__best-clinic .view_slick .txt_bx .btn:after { display: table; content: ''; }

.main__best-clinic .view_slick .txt_bx .btn:after { clear: both; }

.main__best-clinic .view_slick .txt_bx .btn a { float: right; color: #fff; text-align: center; display: inline-block; width: 45px; line-height: 45px; height: 45px; background-color: #c2a87e; border: 1px solid #c2a87e; border-radius: 50%; }

.main__best-clinic .view_slick .txt_bx .btn a:hover { color: #c2a87e; background-color: transparent; font-size: 20px; }

.main__best-clinic .nav_slick { position: relative; text-align: left; }

.main__best-clinic .nav_slick .main_title { text-align: left; }

.main__best-clinic .nav_slick .main_title .tit:before { margin: 0; }

.main__best-clinic .nav_slick .main_title .tit { color: #fff; font-weight: 300; }

.main__best-clinic .nav_slick .main_title .desc { margin-top: 20px; color: rgba(255, 255, 255, 0.4); font-weight: 300; }

.main__best-clinic .nav_slick .slick { margin-left: -5px; margin-right: -5px; width: 100%; }

.main__best-clinic .nav_slick .item { padding: 0 5px; font-size: 18px; }

.main__best-clinic .nav_slick .item .wrap { position: relative; }

.main__best-clinic .nav_slick .item .wrap:hover .txt_bx { filter: alpha(opacity=100); opacity: 1; }

.main__best-clinic .nav_slick .item .img_src { display: block; height: 0; width: 100%; padding-bottom: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }

.main__best-clinic .nav_slick .item .txt_bx { width: 100%; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; filter: alpha(opacity=0); opacity: 0; -webkit-transition: 500ms all; transition: 500ms all; background-color: rgba(194, 168, 126, 0.7); text-align: center; }

.main__best-clinic .nav_slick .item .txt_bx p { color: #fff; position: absolute; top: 50%; left: 50%; width: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.main__best-clinic .nav_bx { padding: 140px 10px 30px 30px; background-image: url(../images/main/best_bg.png); background-position: top right; background-repeat: no-repeat; background-color: #3d4d5c; }

.main__best-clinic .pager { margin: 100px 0 50px; position: relative; padding: 0 60px; display: inline-block; color: #c2a87e; font-size: 30px; letter-spacing: -0.5px; line-height: 45px; font-family: 'Martel',serif; }

.main__best-clinic .pager .now { font-size: 45px; color: #fff; }

.main__best-clinic .slick-arrow { font-size: 40px; color: #fff; filter: alpha(opacity=50); opacity: 0.5; }

.main__best-clinic .slick-arrow:hover { filter: alpha(opacity=100); opacity: 1; }

.main__program { background-image: url(../images/main/program_bg.png); background-repeat: repeat; }

.main__program .item { margin-bottom: 30px; }

.main__program .wrap { display: block; background-color: #e6e3dd; position: relative; box-shadow: 0; }

.main__program .wrap:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: 500ms all; transition: 500ms all; border: 0 solid #c2a87e; }

.main__program .wrap:hover { box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); }

.main__program .wrap:hover:before { border: 5px solid #c2a87e; }



.main____program { background-color:#ffffff;}

.main____program .item { margin-bottom: 30px; }

.main____program .wrap { display: block; background-color: #ffffff; position: relative; box-shadow: 0; }

.main____program .wrap:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: 500ms all; transition: 500ms all; border: 0 solid #c2a87e; }

.main____program .wrap:hover { box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); }

.main____program .wrap:hover:before { border: 5px solid #c2a87e; }


.main____bestclinic { background-color:#ffffff;}

.main____bestclinic .item { margin-bottom: 30px; }

.main____bestclinic .wrap { display: block; background-color: #ffffff; position: relative; box-shadow: 0; }

.main____bestclinic .wrap:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: 500ms all; transition: 500ms all; border: 0 solid #c2a87e; }

.main____bestclinic .wrap:hover { box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); }

.main____bestclinic .wrap:hover:before { border: 5px solid #c2a87e; }


.main__search { padding: 30px 0; background-color: #c2a87e; color: #fff; }

.main__search .dis_tbl { display: table; table-layout: fixed; width: 100%; max-width: 1400px; margin: 0 auto; }

.main__search .tit_bx, .main__search .search_bx { display: table-cell; vertical-align: middle; width: 50%; }

.main__search .tit_bx { color: #fff; font-size: 40px; font-weight: 100; }

.main__search .tit_bx span { font-weight: bold; }

.main__search .tag_wrap { margin-top: 20px; text-align: center; }

.main__search .tag_wrap span { font-size: 13px; display: inline-block; line-height: 30px; padding: 0 15px; border-radius: 30px; border: 1px solid #ddd; margin: 0 3px; }

.main__search .tag_wrap span, .main__search .tag_wrap a { color: #f9f9f9; }

.search_bx { -webkit-transition: all 300ms; transition: all 300ms; text-align: center; width: 100%; }

.search_bx .wrap { max-width: 500px; width: 100%; margin: 0 auto; position: relative; }

.search_bx .input { width: 100%; line-height: 50px; height: 50px; background-color: transparent; border: 0; border-bottom: 2px solid #fff; padding: 0; padding: 0 20px; padding-right: 40px; }

.search_bx .input::-webkit-input-placeholder { color: #ddd; }

.search_bx .input::-moz-placeholder { color: #ddd; }

.search_bx .input:-ms-input-placeholder { color: #ddd; }

.search_bx .input:-moz-placeholder { color: #ddd; }

.search_bx .btn { position: absolute; right: 0; top: 0; }

.search_btn { position: absolute; right: 0; top: 50%; margin-top: -15px; }

.search_bx .btn, .search_btn .btn { text-indent: -99999px; width: 32px; height: 32px; display: block; background-image: url(../images/main/i_search.png); background-repeat: no-repeat; background-color: transparent; background-position: center; }

.main__special { background-repeat: no-repeat; background-image: url("../images/main/bg.jpg"); background-size: cover; background-position: center; }

.main__special .main_title { font-weight: 300; }

.main__special .main_title, .main__special .main_title .tit { color: #fff; }

.main__special .main_title .tit_before { background-image: url(../images/main/tit_bg_gray.png); }

.main__special .img_wrap { position: relative; margin: 50px auto 0; width: 1400px; height: 646px; }

.main__special .img_wrap img { position: absolute; top: 0; left: 0; }

.main__ba { padding: 100px 0 150px; text-align: center; background-repeat: no-repeat; background-image: url("../images/main/ba_bg.jpg"); background-size: cover; background-position: center; }

.main__ba .ba_tab { padding: 0 70px; }

.ba_slick { margin-top: 80px; }

.ba_slick .slick-arrow { color: #fff; border-radius: 50%; background-color: rgba(0, 0, 0, 0.8); width: 80px; height: 80px; line-height: 80px; font-size: 30px; text-align: center; }

.ba_slick .slick-arrow.sa_r { right: -20px; }

.ba_slick .slick-arrow.sa_l { left: -20px; }

.ba_slick .slick { margin-left: -20px; margin-right: -20px; }

.ba_slick .item { padding: 0 20px; }

.ba_slick .wrap { display: block; }

.ba_slick .wrap:hover .bx_wrap:after { border-width: 8px; }

.ba_slick .bx_wrap { display: block; position: relative; overflow: hidden; }

.ba_slick .bx_wrap:after { content: ''; width: 100%; height: 100%; border: 0 solid #c2a87e; -webkit-transition: 500ms all; transition: 500ms all; position: absolute; display: block; top: 0; left: 0; }

.ba_slick .bx_wrap .bx { width: 50%; float: left; position: relative; }

.ba_slick .bx_wrap .bx p { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; line-height: 65px; color: #fff; }

.ba_slick .bx_wrap .bx._before p { background-color: #2a2a2a; }

.ba_slick .bx_wrap .bx._after p { background-color: #3d4d5c; }

.ba_slick .bx_wrap .img_src { display: block; height: 0; width: 100%; padding-bottom: 120%; background-repeat: no-repeat; background-position: center; background-size: cover; }

.ba_slick .tit { margin-top: 20px; line-height: 1.3; }

.tab.dot { text-align: center; }

.tab.dot li { display: inline-block; float: none; width: auto !important; color: #222; position: relative; }

.tab.dot a { padding: 10px 20px 0; position: relative; }

.tab.dot a:before { content: ''; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; height: 5px; width: 5px; border-radius: 50%; display: none; background-color: #c2a87e; }

.tab.dot a.on { color: #c2a87e; font-weight: 500; }

.tab.dot a.on:before { display: block; }

.main__notice { background-color: #414141; padding: 0; }

.main__notice .list { display: table; width: 100%; table-layout: fixed; }

.main__notice .list li { width: 33.33%; display: table-cell; background: transparent; -webkit-transition: all 500ms; transition: all 500ms; border-left: 1px solid #515151; }

.main__notice .list li:first-child { border-left: 0; }

.main__notice .list li:hover { background-color: #515151; }

.main__notice .list li:hover .icon { width: 30px; }

.main__notice .list .wrap { padding: 50px; display: block; text-align: left; font-size: 14px; font-weight: 300; color: #ccc; }

.main__notice .list .cate { font-family: 'Open Sans', 'Noto Sans KR',sans-serif; font-size: 12px; font-weight: 400; display: inline-block; padding: 0 20px; line-height: 30px; border-radius: 30px; border: 1px solid #c2a87e; color: #c2a87e; margin-bottom: 10px; }

.main__notice .list .tit { color: #f2f2f2; font-size: 20px; letter-spacing: -0.2px; font-weight: 500; margin-bottom: 20px; display: block; word-wrap: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.main__notice .list .txt { margin-top: 10px; word-wrap: normal; white-space: normal; height: 36px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.main__notice .list .icon { line-height: 1; margin-top: 20px; -webkit-transition: all 500ms; transition: all 500ms; width: 0; overflow: hidden; position: relative; font-size: 30px; height: 30px; }

.main__link { padding: 50px 0; text-align: center; }

.main__link .list { max-width: 1200px; margin: 0 auto; }

.main__link .item { width: 33.33%; float: left; }

.main__link .item:nth-child(1) { text-align: left; }

.main__link .item:nth-child(3) { text-align: right; }

.main__link .wrap { -webkit-transition: 500ms all; transition: 500ms all; position: relative; text-align: center; display: inline-block; width: 265px; height: 304px; background-image: url(../images/main/octa_bg.png); background-repeat: no-repeat; background-position: center; }

.main__link .wrap:hover { background-image: url(../images/main/octa_bg_on.png); }

.main__link .wrap:hover .txt_wrap { filter: alpha(opacity=0); opacity: 0; }

.main__link .wrap .txt_wrap { filter: alpha(opacity=100); opacity: 1; -webkit-transition: 500ms all; transition: 500ms all; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; width: 100%; line-height: 1.3; }

.main__link .wrap .txt_wrap .tit { font-size: 40px; font-family: 'Open Sans',sans-serif; font-weight: 300; color: #222; }

.main__link .wrap .txt_wrap .txt { font-size: 20px; color: #777; }

.main__insta { background-repeat: no-repeat; background-image: url("../images/main/insta_bg.jpg"); background-size: cover; background-position: center; padding: 100px 0; }

.main__insta .insta_list { margin-left: -5px; margin-right: -5px; width: 100%; }

.main__insta .insta_list li { width: 20%; float: left; padding: 10px 5px 0; }

.main__direct { padding: 0; position: relative; height: 580px; }

.main__direct .wrap iframe { width: 100% !important; height: 580px !important; }

.main__direct .txt_wrap { top: 0; position: absolute; height: 100%; width: 100%; text-align: left; margin-left: 200px; left: 50%; font-weight: 300; background-color: rgba(65, 65, 65, 0.95); }

.main__direct .txt_wrap .main_title { text-align: left; }

.main__direct .txt_wrap .main_title .tit { font-size: 40px; font-weight: 300; color: #fff; }

.main__direct .txt_wrap .main_title .tit:before { margin: 0; }

.main__direct .txt_wrap .txt { color: #fff; display: inline-block; min-width: 500px; padding: 60px; }

.main__direct .txt_wrap .tel { color: #c2a87e; font-size: 20px; font-weight: 600; margin-bottom: 10px; color: #c2a87e; }

.main__direct .txt_wrap .phone_call { color: #c2a87e; font-size: 20px; font-weight: 600; margin-bottom: 10px; color: #c2a87e; }

.main__direct .txt_wrap .btn { margin-top: 50px; }

.main__direct .txt_wrap .btn a { display: block; width: 100%; line-height: 52px; border: 1px solid #c2a87e; color: #c2a87e; text-align: center; font-size: 16px; }

.main__direct .txt_wrap .btn a:hover { background-color: #c2a87e; color: #fff; }

.main__direct .txt_wrap dl { padding-left: 120px; position: relative; margin-top: 20px; }

.main__direct .txt_wrap dl dt { position: absolute; left: 0; top: 0; font-weight: 500; font-size: 16px; }

.main__direct .txt_wrap dl dd { color: #b3b3b3; }

/*sub*/
.sub_visual_wrap { position: relative; text-align: center; vertical-align: middle; color: #fff; background-position: top center; background-repeat: no-repeat; background-size: cover; background-color: #444; height: 350px; }

.sub_visual_wrap .dis_tbl { height: 350px; display: table; width: 100%; }

.sub_visual_wrap .dis_cel { display: table-cell; vertical-align: middle; }

.sub_visual_wrap h2 { font-family: "Open Sans", "Noto Sans KR", sans-serif; font-size: 55px; font-weight: 500; letter-spacing: -1px; }

.sub_visual_wrap .txt { font-size: 18px; font-family: "Open Sans", "Noto Sans KR", sans-serif; color: #c2a87e; text-transform: uppercase; font-weight: bold; letter-spacing: 3px; }

.sub_visual_wrap .sv_nav { position: absolute; top: 0; height: 350px; line-height: 350px; width: 100%; max-width: 1520px; margin: 0 auto; left: 0; right: 0; filter: alpha(opacity=80); opacity: 0.8; }

.sub_visual_wrap .sv_nav .btn { position: absolute; top: 50%; margin-top: -30px; height: 60px; width: 60px; line-height: 60px; font-size: 0; color: #fff; border-radius: 50%; border: 1px solid #fff; display: inline-block; }

.sub_visual_wrap .sv_nav .btn._prev { left: 0; }

.sub_visual_wrap .sv_nav .btn._next { right: 0; }

.sub_visual_wrap .sv_nav .btn i { vertical-align: middle; font-size: 30px; }

.sub_menu_type_c { background: #c2a87e; position: relative; margin: 0 auto; width: 100%; }

.sub_menu_type_c .wrapper { padding: 0; }

.sub_menu_type_c .btn_home { display: block; height: 60px; line-height: 60px; text-align: center; color: #fff; font-size: 20px; position: absolute; top: 0; left: 0; width: 60px; border-left: 1px solid rgba(255, 255, 255, 0.5); }

.sub_menu_type_c .btn_home i { display: inline-block; vertical-align: middle; }

.sub_menu_type_c .btn_home, .sub_menu_type_c .updown_list > li { border-right: 1px solid rgba(255, 255, 255, 0.5); }

.sub_menu_type_c .updown_list { padding-left: 60px; }

.sub_menu_type_c .updown_list:after { content: ''; display: block; clear: both; }

.sub_menu_type_c .updown_list > li { float: left; width: 250px; position: relative; }

.sub_menu_type_c .li_01 ._hidden { display: none; }

.sub_menu_type_c .li_01 .depth02_box { display: none; }

.sub_menu_type_c .li_02 .depth_util, .sub_menu_type_c .li_02 .depth02_box, .sub_menu_type_c .li_02 .depth01 > a { display: none; }

.sub_menu_type_c .li_02 .depth02_box.on { display: block; }

.sub_menu_type_c .btn_sub_menu { background-image: url(../images/icon/nav_down); background-repeat: no-repeat; height: 60px; line-height: 60px; display: block; text-align: left; position: relative; color: #f2f2f2; padding: 0 20px; display: block; word-wrap: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.sub_menu_type_c .btn_sub_menu:before { position: absolute; top: 50%; margin-top: -8px; right: 20px; content: ""; display: block; width: 12px; height: 12px; background-image: url('../images/icon/menu_down.png'); background-size: cover; font-family: xeicon !important; display: inline-block; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.sub_menu_type_c .btn_sub_menu.on { color: #fff; background-color: #c2a87e; }

.sub_menu_type_c .btn_sub_menu.on:before { content: ""; display: block; width: 12px; height: 12px; background-image: url('../images/icon/menu_up.png'); background-size: cover;  }

.sub_menu_type_c .des_con { background: #c2a87e; padding: 20px; box-sizing: border-box; display: none; text-align: left; position: absolute; top: 60px; left: 0; width: 100%; z-index: 2; font-size: 0.95em; }

.sub_menu_type_c .des_con li { margin-top: 5px; }

.sub_menu_type_c .des_con li:first-child { margin-top: 0; }

.sub_menu_type_c .des_con a { line-height: 1.2; color: #fff; font-weight: 400; }

.sub_menu_type_c .des_con a:hover { text-decoration: underline !important; }

.sub_content { padding: 90px 0 150px; margin: 0 auto; }

.sub_content h4.title { font-size: 30px; color: #222; margin-bottom: 30px; }

.sub_content .wrapper { max-width: 1200px; }

.sub_content .sub_title { margin-bottom: 70px; text-align: center; line-height: 1.3; }

.sub_content .sub_title .tit { font-size: 45px; color: #222; letter-spacing: -1px; font-weight: 300; }

.sub_content .sub_title .tit:before { content: ''; background-image: url(../images/main/title_bg.png); background-repeat: no-repeat; width: 18px; height: 21px; margin: 0 auto 10px; display: block; }

/*content*/
.file_box_btn { display: inline-block; line-height: 1; padding: 5px 10px; border: 1px solid #ddd; font-size: 12px; }

.sort_sel { text-align: right; margin-bottom: 30px; }

.ba_list { border-top: 1px solid #111; border-bottom: 1px solid #ddd; }

.ba_list .list { margin-left: -20px; margin-right: -20px; padding-bottom: 40px; }

.ba_list .item { padding: 40px 20px 0; width: 33.33%; float: left; }

.ba_list .wrap { display: block; border: 1px solid #ddd; }

.ba_list .bx_wrap { display: block; position: relative; overflow: hidden; margin-left: -5px; margin-right: -5px; }

.ba_list .bx_wrap:after { content: ''; width: 31px; height: 30px; position: absolute; display: inline-block; left: 50%; margin-left: -15px; top: 50%; margin-top: -34px; background-image: url(../images/sub/ba_arr.png); background-repeat: no-repeat; }

.ba_list .bx_wrap .bx { text-align: center; width: 50%; float: left; position: relative; padding: 0 5px; }

.ba_list .bx_wrap .bx p { width: 100%; background-color: #1f1f1f; line-height: 37px; }

.ba_list .bx_wrap .bx._before p { color: #bbb; }

.ba_list .bx_wrap .bx._after p { color: #c2a87e; }

.ba_list .bx_wrap .img_src { display: block; height: 0; width: 100%; padding-bottom: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }

.ba_list .txt_bx { padding: 20px; text-align: left; }

.clinic_cate { display: inline-block; margin-right: 5px; border: 1px solid #3d4d5c; color: #3d4d5c; line-height: 1.3; padding: 2px 5px; font-size: 14px; }

.ba_list .tit { margin-top: 10px; line-height: 1.3; }

.event_list { margin: 60px 0; }

.event_list .list { margin-left: -20px; margin-right: -20px; }

.event_list .item { padding: 0 20px 40px; width: 50%; float: left; }

.event_list .wrap { display: block; position: relative; }

.event_list .wrap .img_src { display: block; height: 0; width: 100%; padding-bottom: 36%; background-repeat: no-repeat; background-position: center; background-size: cover; }

.event_list .wrap:hover .txt_bx { filter: alpha(opacity=100); opacity: 1; }

.event_list .wrap .txt_bx { -webkit-transition: 500ms all; transition: 500ms all; filter: alpha(opacity=0); opacity: 0; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); color: #fff; text-align: center; }

.event_list .wrap .txt_bx .txt_wrap { position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; left: 50%; width: 100%; padding: 0 20px; }

.event_list .wrap .txt_bx .date { font-size: 16px; font-weight: 300; margin-top: 10px; }

.event_list .wrap .txt_bx .tit { font-size: 22px; font-weight: 500; }

.cs_center_info { padding: 50px 0; background-color: #f4f4f4; text-align: center; }

.cs_center_info .wrapper { padding: 0 50px; max-width: 1200px; }

.cs_center_info h4.title { font-size: 30px; color: #222; margin-bottom: 30px; }

.cs_center_info .contact_info .col-lg-4 { border-left: 1px solid #c3c3c3; }

.cs_center_info .contact_info .col-lg-4:first-child { border-left: 0; }

.cs_center_info .contact_info .wrap { padding: 10px 0; display: inline-block; }

.cs_center_info .contact_info .wrap, .cs_center_info .contact_info .wrap a { color: #222; }

.cs_center_info .contact_info .tit { color: #3d4d5c; font-weight: bold; letter-spacing: -0.2px; font-size: 25px; margin: 20px auto; }

.cs_center_info .contact_info .txt_bx { display: table; width: 100%; min-height: 100px; }

.cs_center_info .contact_info .txt_bx .txt { display: table-cell; vertical-align: middle; }

.cs_center_info .contact_info .txt_bx .operate_time { text-align: left; }

.cs_center_info .contact_info .txt_bx .operate_time p { margin-top: 5px; color: #888; font-size: 13px; }

.cs_center_info .contact_info .txt_bx a { font-size: 20px; font-weight: 500; }

.cs_center_info .sns_info { margin-top: 40px; }

.cs_center_info .sns_info .wrap { display: block; padding: 40px; line-height: 1.3; font-size: 18px; font-weight: 600; }

.cs_center_info .sns_info .wrap p { margin-top: 20px; }

.cs_center_info .sns_info ._naver { color: #fff; background-color: #00c73c; }

.cs_center_info .sns_info ._kakao { color: #3a2020; background-color: #fec10d; }

.pop-kakao { text-align: center; max-width: 318px; padding: 0; border-radius: 0; background-color: transparent; }

.pop-kakao .mfp-close { right: -40px; color: #fff; }

.pop-kakao .pop-box { background-color: #fff; border-radius: 5px; position: relative; overflow: hidden; }

.pop-kakao .btn_wrap { padding: 30px 20px; }

.pop-kakao .btn-01 { max-width: 220px; margin: 0 auto; border: 1px solid #3a2020; color: #3a2020; font-size: 18px; display: block; line-height: 54px; }

/*member*/
.join_wrap .join_title { text-align: center; margin-bottom: 30px; }

.join_wrap .join_title .title { margin-top: 30px; }

.clause_list { margin-bottom: 20px; }

.clause_list li .textarea_box_border { border: 1px solid #ddd; }

.clause_list li .textarea_box_border .textarea_box { height: 200px; padding: 15px; width: 100%; box-sizing: border-box; overflow-y: auto; overflow-x: hidden; }

.clause_list li .agree_box > p { font-size: 1.25em; font-weight: 500; margin: 40px 0 10px; }

.total_clause_bx { font-size: 1.25em; color: #222; overflow: hidden; margin: 50px 0 0; background: #f4f4f4; padding: 25px 40px; }

.total_clause_bx .left { text-align: center; float: left; width: 19%; line-height: 108px; border-right: 1px solid #ccc; }

.total_clause_bx .left input[type=checkbox] + label { padding-left: 40px; }

.total_clause_bx .left input[type=checkbox] + label:before { margin-top: -15px; width: 32px; height: 32px; line-height: 32px; background-repeat: no-repeat; background-image: url(../images/sub/chk_big.png); background-size: 32px auto; }

.total_clause_bx .left input[type=checkbox]:checked + label:before { background-image: url(../images/sub/chk-on_big.png); }

.total_clause_bx .right { float: right; width: 75%; }

.total_clause_bx .right li { font-size: 0.750em; margin: 10px 0; line-height: 20px; overflow: hidden; }

.total_clause_bx .right li .txt { float: left; }

.total_clause_bx .right li .c_box { float: right; }

.total_clause_bx .right li .c_box span { margin: 0 20px; }

.join_btn_bx { text-align: center; margin-top: 70px; }

.join_btn_bx .row { margin: 0 auto; max-width: 600px; }

.join_btn_bx .row a { width: 100%; line-height: 70px; height: 70px; }

.join_btn_bx a.btn { margin: 0 5px; }

.join_wrap.step_2 .u_page_wrap { max-width: 900px; margin: 0 auto; }

.u_page_wrap .input_55 { width: 440px; }

.u_page_wrap .red_01 { color: #c2a87e; }

.u_page_wrap .e_mail_box_wrap, .u_page_wrap .num { max-width: 700px; }

.u_page_wrap .table-form-01.type_join { border-top: 0; width: 665px; margin: 40px auto; }

.u_page_wrap .table-form-01.type_join input[type='text'], .u_page_wrap .table-form-01.type_join input[type='password'], .u_page_wrap .table-form-01.type_join input[type='number'], .u_page_wrap .table-form-01.type_join input[type='tel'], .u_page_wrap .table-form-01.type_join .table-btn-01, .u_page_wrap .table-form-01.type_join select { line-height: 45px; height: 45px; }

.u_page_wrap .table-form-01.type_join .table-btn-01 { background-color: #c2a87e; }

.u_page_wrap .table-form-01 tr th { font-size: 0.938em; }

.u_page_wrap .table-form-01 tr td { font-size: 0.938em; }

.u_page_wrap .table-form-01 tr .change_pw { display: none; }

.u_page_wrap .table-form-01 tr .change_pw ul { width: 100%; }

.u_page_wrap .table-form-01 tr .change_pw ul li { margin-top: 10px; }

.u_page_wrap .table-form-01 tr .change_pw ul li span { display: inline-block; }

.u_page_wrap .table-form-01 tr .change_pw ul li span.tt { width: 130px; }

.u_page_wrap .table-form-01 tr .change_pw ul li span .btn-type-05 { margin-left: 5px; }

.docu_done_page { text-align: center; max-width: 900px; margin: 30px auto 0; padding: 80px 0; border-top: 1px solid #3d4d5c; border-bottom: 1px solid #ddd; }

.docu_done_page .img { margin-bottom: 40px; }

.docu_done_page h4.title { margin-bottom: 10px; }

.docu_done_page .btn { margin-top: 40px; }

.quit_notice .bx { border: 1px solid #ddd; padding: 40px; text-align: left; font-weight: 14px; }

.quit_notice .tit { margin-bottom: 30px; font-size: 18px; color: #333; }

.find_idpw { max-width: 920px; margin: 0 auto; }

.find_idpw_title { text-align: center; margin: 50px auto; }

.find_idpw_title h4.title { margin-bottom: 20px; }

.login_wrap { position: relative; max-width: 500px; margin: 0 auto; }

.login_wrap .left { float: left; }

.login_wrap .right { float: right; }

.login_wrap .login_list { text-align: left; }

.login_wrap .login_list li { margin-top: -1px; }

.login_wrap .login_list li input { line-height: 70px; height: 70px; }

.login_wrap .login_list li.btn { margin: 30px auto; }

.login_wrap .login_list .login_naver { background-color: #1ec800; padding-left: 100px; text-align: left; }

.login_wrap .login_list .login_naver i { position: absolute; width: 100px; left: 0; top: 0; text-align: center; line-height: 70px; font-size: 30px; }

.login_wrap .login_list .btn_login { background-color: #3d4d5c; text-align: center; }

.login_wrap .login_list .login_naver, .login_wrap .login_list .btn_login { position: relative; width: 100%; cursor: pointer; font-size: 18px; line-height: 70px; height: 70px; display: block; color: #fff; }

.login_wrap .login_list.etc { margin-top: 10px; font-size: 0.938em; line-height: 31px; overflow: hidden; width: 100%; }

.login_wrap .login_list.etc li input { padding: 0; }

.login_wrap .login_list.etc a { color: #555; position: relative; display: inline-block; }

.login_wrap .login_list.etc a.ba { margin-left: 15px; }

.login_wrap .login_list.etc a.ba:before { content: ""; width: 1px; height: 12px; background: #ccc; position: absolute; left: -8px; top: 50%; margin-top: -5px; }

.login_wrap input::-ms-input-placeholder { color: #888; }

.login_wrap input::-webkit-input-placeholder { color: #888; }

.login_wrap input::-moz-placeholder { color: #888; }

.login_wrap .join-box { text-align: center; margin: 70px 0 0; width: 100%; box-sizing: border-box; }

.login_wrap .join-box .inner { width: 100%; background: #f4f4f4; padding: 45px 0; }

.login_wrap .join-box p { display: inline-block; font-weight: 600; font-size: 1.125em; color: #555; line-height: 45px; }

.login_wrap .join-box p span { font-weight: 100; font-size: 0.938em; padding-left: 10px; }

.login_wrap .join-box .join-btn { display: inline-block; border: 1px solid #333; color: #222; font-size: 0.875em; padding: 0 60px; height: 45px; line-height: 45px; margin-left: 70px; transition: 0.3s; }

.login_wrap .join-box .join-btn:hover { background: #333; color: #fff; }

/*intro*/
.tour_slick .img_src { display: block; height: 0; width: 100%; padding-bottom: 65%; background-repeat: no-repeat; background-position: center; background-size: cover; }

.tour_slick .slick_nav { margin-left: -5px; margin-right: -5px; }

.tour_slick .slick_nav .slick-track { transform: none !important; width: 100% !important; overflow: visible !important; }

.tour_slick .slick_nav .item { padding: 10px 5px 0; }

.history_slick { position: relative; overflow: auto; width: 100%; }

.history_slick .slick_li { position: relative; }

.history_slick .slick_li dt .img, .history_slick .slick_li dt .year, .history_slick .slick_li dd { padding: 0 20px; }

.history_slick .slick_li dt { font-size: 35px; text-align: left; color: #c2a87e; }

.history_slick .slick_li dt .year { position: relative; padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #ddd; }

.history_slick .slick_li dt .year:before { content: ''; position: absolute; bottom: -5px; left: 20px; width: 10px; height: 10px; border-radius: 50%; background: #c2a87e; }

.history_slick .slick_li dd { padding-top: 30px; }

.history_slick .slick_li dd li { letter-spacing: -0.5px; margin-top: 10px; font-weight: 300; font-weight: 18px; }

.history_slick .slick_li dd li:first-child { margin-top: 0; }

.doctor_list .item { margin-bottom: 50px; text-align: center; }

.doctor_list .wrap { display: block; position: relative; }

.doctor_list .wrap:hover .txt_bx { color: #fff; }

.doctor_list .wrap:hover .txt_bx p { background-color: #3d4d5c; }

.doctor_list .wrap .img_src { border: 1px solid #ddd; display: block; height: 0; width: 100%; padding-bottom: 130%; background-repeat: no-repeat; background-position: center; background-size: cover; }

.doctor_list .wrap .txt_bx { padding: 0 27px; margin-top: -60px; line-height: 120px; font-weight: 300; font-size: 20px; color: #111; letter-spacing: -0.5px; }

.doctor_list .wrap .txt_bx p { background-color: #fff; }

.doctor_list .wrap .txt_bx .name { font-weight: 500; }

.doctor_list .wrap .txt_bx span { display: inline-block; }

.doctor_list .wrap .txt_bx span .posi { margin-left: 10px; }

h3.tit { font-family: "Open Sans", "Noto Sans KR", sans-serif; color: #111; font-weight: 100; font-size: 40px; letter-spacing: -0.2px; margin-bottom: 30px; }

h4.tit { font-size: 35px; margin-bottom: 20px; letter-spacing: -0.5px; font-weight: 500; }

.intro__introduction { text-align: center; }

.intro__introduction .txt_bx { padding-bottom: 80px; }

.intro__introduction .txt_bx .tit { margin-top: 20px; }

.intro__introduction .txt_bx .txt { color: #222; font-weight: 300; letter-spacing: -0.2px; line-height: 1.8; margin-top: 50px; font-size: 18px; }

.intro__introduction .item { padding: 80px 0; border-top: 1px solid #ddd; }

.intro__specialty { text-align: center; }

.intro__specialty .why, .intro__specialty .point { padding: 80px 0; }

.intro__specialty .point { border-top: 1px solid #ddd; }

.intro__specialty .point .list { margin-top: 50px; }

.intro__specialty .point .list li { float: left; width: 20%; border-left: 1px solid #ddd; }

.intro__specialty .point .list li:first-child { border-left: 0; }

.intro__specialty .point .list .txt_bx { margin-top: 20px; }

.intro__specialty .point .list .txt_bx .desc { font-style: italic; color: #3d4d5c; font-family: "Open Sans", "Noto Sans KR", sans-serif; font-weight: 500; font-size: 20px; }

.intro__specialty .point .list .txt_bx .txt { color: #222; font-weight: 300; font-size: 18px; }

.intro__specialty .banner { background-color: #3d4d5c; }

.intro__specialty .banner .txt_bx { padding: 80px 0; padding-left: 50%; color: #fff; text-align: left; font-weight: 300; letter-spacing: -0.2px; background-image: url(../images/intro/spec_banner.png); background-repeat: no-repeat; background-size: auto 100%; background-position: left center; }

.intro__specialty .banner .txt_bx .desc { display: inline-block; background-color: #c2a87e; padding: 0 5px; font-size: 20px; }

.intro__specialty .banner .txt_bx .tit { margin: 5px 0 30px; font-size: 40px; font-weight: 100; letter-spacing: -0.5px; }

.intro__specialty .banner .txt_bx .tit span { font-weight: 500; }

.intro__specialty .banner .txt_bx .txt { color: #b1beca; font-size: 20px; }

.intro__specialty .spec_list .item:nth-child(3) .txt_bx { width: 100%; }

.intro__specialty .spec_list .item:nth-child(4) .img_bx { vertical-align: middle; }

.intro__specialty .spec_list .item:nth-child(5) .txt_bx { width: 60%; }

.intro__specialty .spec_list .item:nth-child(2n) { background-color: #f6f9fb; }

.intro__specialty .spec_list .item:nth-child(2n) .wrap { direction: rtl; }

.intro__specialty .spec_list .wrap { display: table; width: 100%; max-width: 1200px; margin: 0 auto; text-align: left; }

.intro__specialty .spec_list .txt_bx, .intro__specialty .spec_list .img_bx { display: table-cell; }

.intro__specialty .spec_list .img_bx { padding: 0 10px; padding-top: 50px; vertical-align: bottom; }

.intro__specialty .spec_list .txt_bx { vertical-align: middle; direction: ltr; padding: 50px 0; width: 50%; line-height: 1.5; white-space: nowrap; }

.intro__specialty .spec_list .txt_bx .no, .intro__specialty .spec_list .txt_bx .quote, .intro__specialty .spec_list .txt_bx .txt { font-family: "Nanum Myeongjo", serif; line-height: 1.3; }

.intro__specialty .spec_list .txt_bx .no { color: #c2a87e; font-style: italic; font-size: 60px; font-weight: 500; }

.intro__specialty .spec_list .txt_bx .tit { color: #000; font-size: 40px; letter-spacing: -0.8px; line-height: 1.3; font-weight: 300; }

.intro__specialty .spec_list .txt_bx .desc { color: #000; font-size: 25px; margin: 10px 0 20px; }

.intro__specialty .spec_list .txt_bx .quote { font-weight: 500; font-size: 40px; color: #2e3d4c; letter-spacing: -0.5px; }

.intro__specialty .spec_list .txt_bx .txt { letter-spacing: -0.5px; color: #3d4d5c; font-size: 25px; margin-top: 10px; }

.intro__specialty .spec_list .txt_bx .step { display: table; margin-bottom: 20px; }

.intro__specialty .spec_list .txt_bx .step li { display: table-cell; vertical-align: middle; padding: 0 5px; }

.intro__specialty .spec_list .txt_bx .step i { font-size: 30px; }

.intro__specialty .spec_list .txt_bx .box { display: block; margin-top: 20px; text-align: center; padding: 20px 15px; background-color: #f0f0f0; color: #333; font-weight: 300; font-size: 18px; }

.intro__specialty .spec_list .txt_bx .box_tit { font-size: 22px; margin-bottom: 10px; }

.intro__specialty .spec_list .txt_bx .box_tit span { font-weight: 500; }

.clinic_wrapper { max-width: 1200px; margin: 0 auto; }

.intro__direction .map { position: relative; }

.intro__direction .map .map_add { position:absolute; top: 510px; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 1.0); padding: 25px 0; text-align: center; font-size: 18px; color: #fff; z-index: 99; font-weight: 300; }

.intro__direction .map .map_add span { display: inline-block; padding: 0 10px; line-height: 1; border-left: 1px solid #ddd; }

.intro__direction .map .map_add span:first-child { border-left: 0; }

.intro__direction .img_map { position: relative; display: table; width: 100%; margin-bottom: 80px; }

.intro__direction .img_map .img, .intro__direction .img_map .direct__trans { display: table-cell; vertical-align: top; }

.intro__direction .img_map .direct__trans { width: 450px; }

.intro__direction .img_map .direct__trans .col-lg-12:first-child .wrap { border-top: 0; }

.intro__direction .img_map .direct__trans .wrap { border-left: 0; border-top: 1px solid #ddd; padding: 25px 0; }

.intro__direction .direct__trans { margin: 80px 0; text-align: left; }

.intro__direction .direct__trans .col-lg-4:first-child .wrap { border-left: 0; }

.intro__direction .direct__trans .bus_type { margin-right: 5px; color: #fff; font-size: 14px; line-height: 16px; display: inline-block; padding: 3px 5px; }

.intro__direction .direct__trans .wrap { padding-left: 25px; border-left: 1px solid #ddd; font-size: 16px; color: #444; font-weight: 300; }

.intro__direction .direct__trans .tit { font-size: 25px; color: #222; font-weight: bold; margin-bottom: 20px; }

.intro__direction .direct__trans .tit img { vertical-align: middle; margin-right: 10px; }

.intro__direction .time_info { padding: 80px 0; background-color: #3d4d5c; text-align: left; }

.intro__direction .time_info .tit { font-size: 24px; font-weight: bold; margin-bottom: 10px; }

.intro__direction .time_info .tit img { margin-right: 10px; vertical-align: middle; }

.intro__direction .time_info .txt { color: #b1beca; font-size: 14px; line-height: 22px; height: 96px; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

.intro__direction .time_info .desc_bx:before, .intro__direction .time_info .desc_bx:after { display: table; content: ''; }

.intro__direction .time_info .desc_bx:after { clear: both; }

.intro__direction .time_info .desc_bx .bx { padding-left: 70px; width: 50%; float: left; position: relative; }

.intro__direction .time_info .desc_bx .bx img { position: absolute; left: 0; top: 50%; margin-top: -28px; }

.intro__direction .time_info .desc_bx .bx._doctor dt, .intro__direction .time_info .desc_bx .bx._doctor dd { line-height: 55px; display: inline; }

.intro__direction .time_info .desc_bx .bx dl { min-height: 55px; }

.intro__direction .time_info .desc_bx .bx dt { font-size: 15px; color: #b1beca; }

.intro__direction .time_info .desc_bx .bx dd { letter-spacing: -0.4px; font-size: 22px; }

.intro__direction .time_info .desc_bx .bx dd, .intro__direction .time_info .desc_bx .bx dd a { color: #fff; }

.intro__direction .time_info .desc_bx .bx dt, .intro__direction .time_info .desc_bx .bx dd { display: block; line-height: 1.3; }

.sns_log { position: relative; width: 100%; cursor: pointer; font-size: 18px; line-height: 70px; height: 70px; display: block; color: #fff; margin: 10px auto; }

.sns_log.na { background-color: #1ec800; }

.sns_log.na a { display: block; padding: 0 40px; position: relative; }

.sns_log.na span { color: #fff; position: absolute; top: 0; bottom: 0; left: 100px; }

.sns_log.na img { vertical-align: middle; }

.search_result { margin-top: 50px; }

.search_result_bx { border-top: 1px solid #ddd; margin-top: 30px; padding: 20px 0; }

.search_result_bx .tt { text-align: left; margin-bottom: 20px; }

.search_result_bx .tt dt, .search_result_bx .tt dd { display: inline-block; }

.search_result_bx .tt dt { min-width: 100px; font-weight: 500; color: #222; }

.search_result_clinic .item { width: 20%; float: left; padding: 0 5px 10px; }

.search_result_clinic .item:nth-child(6), .search_result_clinic .item:nth-child(11), .search_result_clinic .item:nth-child(16), .search_result_clinic .item:nth-child(21) { clear: left; }

.search_result_clinic .wrap { display: block; border: 1px solid #ddd; text-align: center; padding: 20px 5px; word-break: keep-all; line-height: 1.3; }

.search_result_clinic .wrap .tit { font-size: 18px; color: #222; font-weight: 500; margin-bottom: 10px; }