/* ------------------------------------------------------------------ */
/* Common Styles
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/* Color
main : 00a1cb
point : 464c58
point : 353942
/* ------------------------------------------------------------------ */

/* page title */
#sub-spot { padding-top: 52px; padding-bottom: 64px;}
#sub-spot { background: url("../images/sub-title-bg.jpg") repeat-x scroll 50% 50% / cover ; }
#sub-spot h1 {color: #464c58;font-weight: 300; letter-spacing: -0.05em }
#sub-spot h1 span {font-weight: 700;}
#page-title { padding: 0 0 10px 0; margin: 0 0 50px 0; font-family: inherit; font-size: 28px; line-height: 40px; color: #666; font-weight: 600; border-bottom: 1px solid #e5e5e5 }
#page-title p { padding: 0; margin: 12px 5% 0; font-size: 18px; line-height: 36px; color: #b4a9a9;}
#page-title .root {color: #fff;}

/* page content */
#page-content { padding-top: 54px; padding-bottom: 54px; margin: 0 auto; }

/* page */
.page section { padding-top: 0px; padding-bottom: 12px; }
.content-img {width: 100%; margin-bottom: 10px; }
.page h1, .title-heading { margin-bottom: 0px; font-family: 'notokr', sans-serif ; line-height: 48px; font-weight: 100; letter-spacing: -0.05em}
.page h1:after {background:#e5e5e5; content:""; display:block; height:2px;width:150px;margin:10px 0 40px 0;}
.page h1 span {color: #464c58; font-weight: 600;}
.page h2 {margin-bottom: 30px; font-weight: 400;}
.page h3 {margin-bottom: 30px; font-weight: 400; color: #353942;}
.page h3:after {background:#353942; content:""; display:block; height:2px;width:20px;margin:10px 0 30px 0;}
.page h3 span {font-weight: 600;}
.page h4 {margin-bottom: 20px; font-weight: 600; color: #464c58;}
.page h5 {margin-bottom: 10px;}


/* ------------------------------------------------------------------ */
/* About Styles
/* ------------------------------------------------------------------ */

.cont_about {}
.con02-tel {width: 700px;padding: 20px 20px 0 20px;border: 1px solid #e5e5e5}
.con02-tel li {margin-bottom: 20px; font-size: 16px; font-weight: bold;}
.con02-tel li span {display: inline-block; width: 50%; padding-right: 20px; font-weight: normal; text-align: right;}

.tbl01, .tbl02, .tbl03, .tbl04 { width: 100%; margin:0 0 0px 0px; border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}
.tbl02 td:nth-child(1) {text-align: center; color: #fff; background: #464c58; font-weight: normal;}
.tbl02 td:nth-child(2) {}
.tbl02 td:nth-child(3) {}
.tbl02 td:nth-child(4) {}
.tbl02 td {
  padding: 15px 15px;
  font-size: 14px;
  color: #444;
  border-left: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  vertical-align: middle;
  text-align: left;
}
.tbl02 td:first-child {  }
.tbl02 img {width: 100%; max-width: 100%; }

/* ------------------------------------------------------------------ */
/* Location Styles
/* ------------------------------------------------------------------ */
/* Location */
 h4.add {display:block; margin:20px 0 10px 5px; font-weight: 400; }
 .add_table {width:100%; border-top:2px solid #444; border-bottom: 1px solid #ccc; }
 .add_table td {padding: 8px 10px;border-bottom: 1px solid #e5e5e5}
 .add_table td.sub{font-weight:400; color: #222; background-color:#f5f5f5;}
 .map {display:block; margin-top: 20px; border: 0px solid #e5e5e5 }

 /* ------------------------------------------------------------------ */
 /* History Styles
 /* ------------------------------------------------------------------ */

 /*-- GENERAL STYLES ------------------------------*/
 .timeline { line-height: 1.4em; list-style: none; margin: 0; padding: 0; width: 100%; }
 .timeline h1, .timeline h2, .timeline h3, .timeline h4, .timeline h5, .timeline h6 { line-height: inherit; }

 /*----- TIMELINE ITEM -----*/
 .timeline-item { padding-left: 40px; position: relative; }
 .timeline-item:last-child { padding-bottom: 0; }
 li.timeline-item {margin:0;}

 /*----- TIMELINE INFO -----*/
 .timeline-info { margin: 0 0 .5em 0; padding-top:2px; font-size: 16px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; white-space: nowrap; }

 /*----- TIMELINE MARKER -----*/
 .timeline-marker { position: absolute; top: 0; bottom: 0; left: 0; width: 15px; }
 .timeline-marker:before { background: #464c58; border: 3px solid transparent; border-radius: 100%; content: ""; display: block; width: 15px; height: 15px; position: absolute; top: 4px; left: 0; transition: background 0.3s ease-in-out, border 0.3s ease-in-out; }
 .timeline-marker::after { content: ""; width: 3px; background: #e5e5e5; display: block; position: absolute; top: 24px; bottom: 0; left: 6px; }
 .timeline-item:last-child .timeline-marker:after { content: none; }
 .timeline-item:not(.period):hover .timeline-marker:before { background: transparent; border: 3px solid #00a1cb; }

 /*----- TIMELINE CONTENT -----*/
 .timeline-content { padding-bottom: 20px; }
 .timeline-content h3 {margin-bottom:10px;}
 .timeline-content p {padding-top:2px;}
 .timeline-content p span {display: inline-block; padding-right:10px; font-weight: bold; letter-spacing: 3px; margin: 0 0 .5em 0; text-transform: uppercase; white-space: nowrap;}
 .timeline-content p:last-child { margin-bottom: 0; }

 /*----- TIMELINE PERIOD -----*/
 .period { padding: 0; }
 .period .timeline-info { display: none; }
 .period .timeline-marker:before { background: transparent; content: ""; width: 15px; height: auto; border: none; border-radius: 0; top: 0; bottom: 30px; position: absolute; border-top: 3px solid #ccc; border-bottom: 3px solid #ccc; }
 .period .timeline-marker:after { content: ""; height: 32px; top: auto; }
 .period .timeline-content { padding: 40px 0 70px; }
 .period .timeline-title { margin: 0; }

 /*--    MOD: MARKER OUTLINE
 ----------------------------------------------*/
 .marker-outline .timeline-marker:before { background: transparent; border-color: #00a1cb; }
 .marker-outline .timeline-item:hover .timeline-marker:before { background: #00a1cb; }
 /* ------------------------------------------------------------------ */
 /* business Styles
 /* ------------------------------------------------------------------ */

 /* business box */
 #business-wrapper { }
 #business-wrapper .box { margin-bottom: 20px; margin-top: 10px; }
 #business-wrapper img { margin-bottom: 12px; max-width: 100%}
 #business-wrapper h5 { font: 16px/24px "notokr", sans-serif; }
 #business-wrapper span { position: relative; top: -6px; font-size: 13px; line-height: 18px; color: #00a1cb; }




/* ------------------------------------------------------------------ */
/* formmail Module Styles
/* ------------------------------------------------------------------ */
.formmail .formmail_title_bgcolor {background: none;}
.formmail .formmail_title_bgcolor font {display: block; width: 90%; margin: 5px; padding: 5px; font-size: 14px; line-height: 24px;background: #ccc; border-radius: 3px;}
.formmail .formmail_title_bgcolor, .formmail .formmail_cell_bgcolor {float:none !important;vertical-align: top; }
.formmail .btn-area {margin-top: 20px;}
.formmail .btn-area input {margin: 0;}

/* ------------------------------------------------------------------ */
/* Board Module Styles
/* ------------------------------------------------------------------ */
/* Board Common */
.bbsnewf5 {font:inherit !important}
.bbsnewf5 a:hover {color:#000 !important}
.bbsnewf5 input {margin: 0;}
.board {font-family:inherit !important}
.att_title {border-bottom: 1px solid #ccc; }

.ico-board {width:100%; margin-bottom:40px; border-top:2px solid #666}
.ico-board .att_title {text-align: center; background: #f5f5f5;}
.ico-board input[type=file] {width:80%}
.ico-board input[type=text], .ico-board input[type=password] {width:80%; }
.ico-board tbody td {font:inherit !important; font-size:14px !important; padding:5px; border-bottom:1px solid #e0e0e0}
.ico-board tbody td font, .ico-board tbody td span, .ico-board tbody td a {font:inherit !important; font-size:14px !important}
.board_bgcolor {width:30% !important; font:inherit !important; color:#333; background:#f9f9f9 !important}
#post_area {padding: 0;}
#post_area img {width:100% !important; height:auto !important}
.prvThumbList {margin-top:40px}
.prvThumbList > table td table {width:135px}
div.nneditor-container .seResize2 span {font-size:0 !important}
.board_desc input[type="checkbox"] {width: auto !important;}
.brd_btngroup {margin-top:50px}
.brd_btngroup a {margin-top:2px; margin-bottom:2px}
#check_all {margin-left:5px; vertical-align:-5px}
.board_bottom {margin-top:50px}
.board_bottom > a {float:right}
.board_admin_bgcolor {vertical-align: top;}
#ext_search {float:none}
table#search_table {float: none; width: 370px !important; margin: 0 auto !important;}
table#search_table .est_keyword_cell input {width: 94% !important ;}
.est_btn_cell {vertical-align:middle;}

.board_comment_bgcolor {padding-bottom:20px; background-color:#f9f9f9 !important}
.comment_txt {padding:10px 0 !important; word-break:}
.comment_txt:first-child {padding:20px !important}
.comment_txt textarea {width:60%; width:-webkit-calc(100% - 120px); width:-moz-calc(100% - 120px); width:calc(100% - 120px); height:50px; padding:10px; font:inherit !important; border:1px solid #e8e8e8; border-radius:3px}
.comment_txt > a.btn {margin:2px 0; padding:0 15px !important; height:30px !important; line-height:28px !important}
.comment_txt > font {display:block; margin-bottom:10px; color:#ccc !important}
/* 게시판 글쓰기 폰트 설정 */
div.nneditor-container .nneditor-iframe-container body {font-family: "notokr", sans-serif !important;}

/* Gallery Style */
.gallery { }
.gallery > table {float:left; display:block; width:30.89% !important; margin:0 1.219% 10px 1.219%}
.gallery > table.board {float: none; }
.gallery td.bbsnewf5 {position:relative; overflow:hidden; border: 1px solid #e5e5e5}
.gallery td.bbsnewf5:hover, .gallery td.bbsnewf5:focus {box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); cursor: pointer; }
.gallery td.bbsnewf5 > table td a {display: block; overflow: hidden}
.gallery td.bbsnewf5 a > img {display:block; width:100%; height:auto !important; transition:all .5s ease}
.gallery td.bbsnewf5 a:hover > img {transform:scale(1.1)}

.gallery .hoverBox {position:absolute; display:block; top:0; left:0; width:100%; height:100%; padding:32% 30px 0 30px; text-align:center; background:rgba(0,0,0,.8); opacity:0; transition:all .5s ease}
.gallery .hoverBox .inner {}
.gallery .hoverBox .inner h3 {font-size:24px; font-weight:600; color:#fff; line-height:1.2}
.gallery .hoverBox .inner h3:after {display:block; width:40px; height:1px; margin:20px auto; content:''; background:#fff; opacity:.5}
.gallery .hoverBox .inner p {display:-webkit-box; color:#fff; max-height:69px; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis}
.gallery .bbsnewf5:hover .hoverBox {opacity:1}
.gallery .board_write {text-align: right;}
.brd_paging {display:none; text-align:center}
.brd_paging > b, .brd_paging > a {display:inline-block; width:38px; height:38px; line-height:36px; text-align:center; margin:0 -2px; border:1px solid #e8e8e8}
.brd_paging > b {color:#fff; border-color:#666; background:#666}
.brd_paging > a {color:#666}
.brd_paging > a:hover {color:#555; border-color:#cdcdcd; background:#f4f4f4}