@charset "utf-8";

/********************************************************************************************************
  레이아웃
*********************************************************************************************************/
/*------------------------------------------------------------------------------
  스타일 리셋
-------------------------------------------------------------------------------*/
a:hover, a:focus, button:hover, button:focus { -webkit-transition: all 0.25s; transition: all 0.25s; }
img { max-width: 100%; vertical-align: top; }
table { width: 100%; max-width: 100%; }
* { box-sizing: border-box; vertical-align: top; }
::selection { text-shadow: none; background-color: #404040; color: #fff; }
strong { font-weight: bold}
/*------------------------------------------------------------------------------
  페이지 공통
-------------------------------------------------------------------------------*/
html { font-size: 16px; line-height: 1.5; color: #404040; word-wrap: break-word; word-break: keep-all; }
#container { clear: both; margin: 0 auto; }
.max-wrap { width: 1280px; margin: 0 auto; padding: 0 40px; overflow: hidden }

#skip a { position: absolute; top: 0; left: -9999px; }
#skip a:focus { display: block; left: 0; right: 0; height: 40px; line-height: 40px; background-color: #494949; color: #fff; text-align: center; z-index: 9999; -webkit-transition: none; transition: none; }

.btn-top { position: fixed; right: 0; bottom:120px; display: block; width: 60px; height: 60px; padding-top: 24px; color: #fff; background: url('../img/icn_go_top.png') top 12px center / 14px #53987d no-repeat; text-align: center; font-weight: bold; font-size: 18px; letter-spacing: 0; z-index: 1; }
.btn-top:hover, #footer .btn-top:focus { background-color: #ff5603; }

.dim { position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 1; }

h1, h2, h3, h4, h5, h6 { line-height: 1.25; }
h1 { }
h2 { font-size: 2.2em; letter-spacing: -0.125em; }
h3 { font-size: 1.7em; letter-spacing: -0.08em; }
h4 { font-size: 1.44em; letter-spacing: -0.075em; }

.blind { position: absolute !important; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -9999px; overflow: hidden; visibility: hidden; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); }
.parens { font-size: 0.85em; font-weight: normal; }
select.center { text-align-last: center; }
.input { max-width: 100%; border: 1px solid #e0e0e0; padding: 0 0.5em; }
.input:focus { border-color: #404040; outline: none; }
input.input, select.input, div.input { height: 2.5em; vertical-align: middle; }
textarea.input { padding: 0.5em; }
.input input { height: 100%; border: none; padding: 0; font-size: 100%; vertical-align: top; -webkit-appearance: none; }
.check { width: 18px; height: 18px; margin: 0; margin-top: 2px; vertical-align: middle; }

.btn { display: inline-block; background-repeat: no-repeat; text-align: center; }
.btn:active, .btn:focus { outline: none; }
/*.btn > span { display: block; }*/
.btn.box { display: block; background-color: #d05748; color: #fff; }
.btn.box:hover { background-color: #ff5603; }
.btn.line { padding: 0.5em 0.75em; border: 1px solid #d05748; color: #d05748; line-height: 2em; }
.btn.line:hover/*, .btn.line:focus*/ { background-color: #d05748; color: #fff; }
.btn-more { position: absolute; right: 0; top: 0.5em; display: inline-block; height: auto; padding: 0; padding-right: 16px; border: none; background: url('../img/icn_more_arrow.png') right center / 6px no-repeat; }

a{ cursor: pointer!important}

/*------------------------------------------------------------------------------
  header
-------------------------------------------------------------------------------*/
#header { clear: both; position: relative; height: 124px; text-align: center; z-index: 9; }
#header.floating { box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); }
#header ul, #header li { margin: 0; padding: 0; list-style: none; }
/*#header .logo { position: absolute; left: 0; top:25px; font-size: 0; }*/
#header .logo { position: absolute; left: 28px; top:10px; font-size: 0; }
/*#header .logo a { display: block; width: 220px; height: 60px; background: url('../img/logo.png') center top / 220px no-repeat; }*/
/*#header .logo a { display: block; width: 344px; height: 46px; background: url('../img/logo.png') center top / 344px 46px no-repeat; }*/
#header .logo a { display: block; width: 344px; height: 85px; background: url('../img/logo.png') left top no-repeat}


/* gnb */
#header #gnb { border-bottom: 1px solid rgba(255, 255, 255, 0.25); color: #fff; z-index: 1; min-width: 1280px }
#header #gnb:after { visibility: hidden; height: 0; opacity: 0; content: ""; display: block; position: absolute; left: 0; right: 0; top: 120px; background-color: rgba(248, 248, 248, 1); z-index: -1; -webkit-transition: all 0.25s; transition: all 0.25s; }

#header .btn-menu { position: absolute; right: 0; top:10px; width: 60px; height: 60px; background: url('../img/btn_gnb.png') center / 25px no-repeat #fff; font-size: 0; z-index: 2; }
#header .gnb { margin: 0 auto; padding: 0 20px;min-width:1280px; }
#header .gnb-wrap { position: relative; clear: both;width: 1280px; margin: auto }

#header .gnb-wrap .depth1 { font-size: 0; text-align: center; margin-left:250px }
#header .gnb-wrap .depth1 > li { position: relative; display: inline-block; height:85px; line-height:85px; padding: 0 15px; font-size: 1.20rem; -webkit-transition: background-color 0.25s; transition: background-color 0.25s; }
#header .gnb-wrap .depth1 > li > a { position: relative; cursor: pointer; }

#header .gnb-wrap .depth1 > li > a:after { content: ""; display: none; position: absolute; top: 0; margin: auto; width: 0; height: 0; border: 6px solid transparent; }

#header .gnb-wrap .depth1 > li > a:hover { font-weight: bold;color: #d05748; }

#header .gnb-wrap .depth1 li.active a { color: #d05748; font-weight: bold; }/* 메인 메뉴 색바꿈 - gisiknet 추가 */

#header { position: fixed; left: 0; right: 0; top: 0; width: 100%; z-index: 200000 }
#header #gnb { border-bottom-color: rgba(0, 0, 0, 0.15); background-color: rgba(255, 255, 255, 1); color: #404040; }
/*#header #gnb:hover:after { visibility: visible; height: 276px; opacity: 1; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15); }
#header #gnb:hover .depth2 { visibility: visible; height: auto; min-height: 276px; padding: 10px 0; opacity: 1; }*/

#header .gnb-wrap .depth1 > li > a { display: table; width: 100%; height: 100%; }




/*visual*/

/*.visual{ height:600px;  background: url( "../img/visual.jpg") 50% -250px no-repeat; background-size: cover}
.visual div{ height:600px; background:url( "../img/visual_top.jpg") center 80px no-repeat} 

.visual{ height:550px;  background:#c3c3c3; background-size: cover}
.visual div{ height:550px; background:url( "../img/visual_top.jpg") center 80px no-repeat} 
*/

.visual{ height:630px;  background:#c3c3c3; background-size: cover}
.visual div{ height:630px; background:url( "../img/visual_top.jpg") center 80px no-repeat} 



.visual.sub01{ height:300px;  background: url( "../img/visual01.jpg") 50% no-repeat;background-size: cover}
.visual.sub01 div{ height:300px; background: rgba(0, 0, 0, 0.0)}

.visual.sub01_04{ height:300px;  background: url( "../img/visual01_04.jpg") 50% no-repeat;background-size: cover}
.visual.sub01_04 div{ height:300px; background: rgba(0, 0, 0, 0.0)}


.visual.sub02{ height:300px;  background: url( "../img/visual02.jpg") 50% no-repeat;background-size: cover}
.visual.sub02 div{ height:300px; background: rgba(0, 0, 0, 0.0)}

.visual.sub03{ height:300px;  background: url( "../img/visual03.jpg") 50% no-repeat;  background-size: cover}
.visual.sub03 div{ height:300px; background: rgba(0, 0, 0, 0.0)}

.visual.sub04{ height:300px;  background: url( "../img/visual03.jpg") 50% 43px no-repeat;background-size: cover}
.visual.sub04 div{ height:300px; background: rgba(0, 0, 0, 0.0)}

.visual.sub05{ height:300px;  background: url( "../img/visual05.jpg")50% 86px; background-size: cover}
.visual.sub05 div{ height:300px; background: rgba(0, 0, 0, 0.0)}

.visual.sub06{ height:300px;  background: url( "../img/visual06.jpg") 0 no-repeat; background-size: cover}
.visual.sub06 div{ height:300px;background: rgba(0, 0, 0, 0.3)}


/* 션 소개 */
.main-wrap .about-list { position: relative; text-align: center; }
.main-wrap .about-list:after { content: ""; position: absolute; display: block; top: 200px; bottom: 200px; left: 0; right: 0; width: 100%; background-color: #e0e0e0; z-index: -1; }
.main-wrap .about-list li { background: right bottom #404040 no-repeat; color: #fff; text-align: left; }
.main-wrap .about-list li.col01 { background-color: #2972a9; }
.main-wrap .about-list li.col02 { background-color: #d05748;  }
.main-wrap .about-list li.col03 { background-color: #188a8c;  }

.main-wrap .about-list li a { display: block; padding: 22px 40px 20px; -webkit-transition: all 0.25s; transition: all 0.25s; }
.main-wrap .about-list li a:hover { background-color: rgba(0, 0, 0, 0.4); }
.main-wrap .about-list li h3 { position: relative; margin: 0 0 0.6em; padding-bottom: 0.6em; text-align: center; font-size: 1.57em; font-weight: normal; }
.main-wrap .about-list li h3:after { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; width: 16px; height: 3px; background-color: #fff; }
.main-wrap .about-list li p { min-height: 80px; margin-bottom: 1em; }
.main-wrap .about-list li .btn { position: relative; width: 150px; padding: 5px 1.5em; border-color: #fff; color: #fff;  z-index: 1; background: url()   }


/*------------------------------------------------------------------------------
  news
-------------------------------------------------------------------------------*/
.new-wrap {position: relative; width:400px; padding: 20px 0; background: #f6f6f6; box-sizing: border-box; height:276px; float: left; }
.section-wrap .new-wrap h2.section-title{font-size: 1.57em;}

.new-wrap .off h2.section-title::after{ display: none}
.new-wrap .off h2.section-title{ color:#8a8a8a }
.new-wrap ul {z-index: 1000}
.new-wrap .off ul { display: none}

.new-wrap .news .subtitle02{ margin-left: 130px;}
.new-wrap .news ul li{  padding: 0;position: relative; z-index:10000}
.new-wrap .news ul li{ line-height: 2.2em }
.new-wrap .news ul li a{ display: inline-block;  width: 230px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/*.new-wrap .news ul li::before { content: ""; display: block; position: absolute; left:4px; top: 17px; margin: 0px auto;  width:3px; height: 3px; background-color: #777777; }*/
.new-wrap .news ul li span{ float: right; color: #a5a5a5}


.right {width:375px; float: right }
.left {width:800px; float: left}
.news { position: absolute; left: 0;right: 0;padding: 0px 30px;}


.col-banner { margin-top: 20px }
.col-banner .left .banner{ width: 387px; float: left} 
.banner { padding:15px 20px ;  border: 1px solid #e2e2e2;  height: 100px}
.banner p{ color: #989898; font-size: 0.8em}
.banner h3{font-size: 1.1em;position: relative; padding:3px 0 }

.banner.service{ margin-right: 26px}
.banner.tel p{ font-size: 28px}

.photo-wrap{margin-top: 20px; position: relative }
.photo-wrap .left{ background: #b4b4b4; padding:20px 0}
.photo-wrap .left ul li { width:246px; float:left; margin-right: 20px}
.photo-wrap .left ul li img{ width: 100%}

#main #container{ position: relative}
#main #container:before{content: ''; display: block; position: absolute; bottom: 0px; left: 0px; width: 50%; height: 226px; z-index:-10; background: #b4b4b4; }
#main #container:after{content: ''; display: block; position: absolute; bottom: 0px; right: 0px; width: 50%; height: 226px; z-index:-10; background: #f6f6f6; }

/*------------------------------------------------------------------------------
  footer
-------------------------------------------------------------------------------*/
#footer { clear: both; background-color: #191919; color: #a0a0a0; margin-top: 80px;min-width: 1280px }

#footer .unb { background-color: #060606; color: #fff; }
#footer .unb .max-wrap { position: relative; }
#footer .unb li { display: inline-block; margin-right: 50px; }
#footer .unb li a { display: block; line-height: 60px; }
#footer .unb li a:hover, #footer .unb li a:focus { text-decoration: underline; }

/* 회사 정보*/
#footer .info_wrap { padding:20px 0; font-size: 0.88em; }
#footer .info { position: relative; padding-left: 0px; padding-right: 440px; }

#footer .company { position: relative; letter-spacing: 0; }
#footer .number { display: inline-block; }
#footer .number + .number { margin-left: 1em; }
#footer .number + .number:before { content:""; display: inline-block; width: 1px; height: 11px; margin-right: 1em; background-color: #525252; }
#footer .copyright { margin-top: 0.1em; }
#footer .info { padding: 0; }


/*------------------------------------------------------------------------------
  container 공통
-------------------------------------------------------------------------------*/
.visual { position: relative; min-width: 1280px; width: 100% }

.page-header { position: relative; background: center no-repeat #191919; background-size: cover; text-align: center; }
.page-header h1 { padding: 80px 0; color: #fff; font-size: 2.7em; font-weight: normal; letter-spacing: -0.1em; }

.page-header .lnb { position: fixed; left: 0; top: 240px; width: 100%; color: #fff; text-align: center; font-size: 16px; background-color: rgba(0, 0, 0, 0.7); }
.page-header .lnb li { display: inline-block; margin: 0 40px; }
.page-header .lnb li:first-child { margin-left: 0; }
.page-header .lnb li:last-child { margin-right: 0; }
.page-header .lnb li a { display: block; padding: 0 10px; line-height: 60px; }
.page-header .lnb li.active a { color: #d05748; font-weight: bold; }

.main-banner{ margin-top:0 px}
.section-wrap {}
.section-wrap h2.section-title {font-size: 32px;color: #191919; position: relative; margin: 20px 0;  }
.section-wrap h2.section-title:first-child { padding-top:5px; }
.section-wrap h2.section-title::after { content: ""; display: block; position: absolute; left: 0; top: 0; margin: 0 auto; width: 25px; height: 3px; background-color: #188a8c; }


.section-wrap h2.section-title[lang="en"] { letter-spacing: 0; }
.section-wrap h3.content-title { padding: 4em 0 0.5em; }
.section-wrap h4.section-title { }
.section-wrap h2.section-title + .content-wrap h3.content-title { padding-top: 0; }


.left .vertical_banner{ float: right; width: 375px } 
.vertical_banner .food h3, .vertical_banner .map h3{font-size: 1.5em;position: relative; padding-top: 10px }
.vertical_banner .food h3::after, .vertical_banner .map h3::after { content: ""; display: block; position: absolute; left: 0px; top: 0px; margin: 0px auto; width: 16px; height: 3px; background-color: rgba(0, 0, 0, 0.6); }

.vertical_banner p { color: #5b5f5e }
.vertical_banner .food { padding: 20px; height: 150px; background: #c5d2ce url(../img/img_food.png) 210px 5px no-repeat; margin-bottom: 25px}
.vertical_banner .map {  padding: 20px; height: 150px; background: #b4b4b4 url("../img/img_map.png") right bottom / 50% no-repeat;margin-bottom: 25px }

/* 박스형 목록 */
ul.box-list {font-size: 0; }
.box-list li { display: inline-block; margin-left: 0; margin-bottom: 1.5em; font-size: 1rem; width: 33.33333333% }




/* 게시판 */
.board-box { border-top: 2px solid #3d3a39; }
.board-box li.tr { position: relative; border-bottom: 1px solid #e0e0e0; }
.board-box li .no { width: 3rem; text-align: center; }
.board-box li .title { padding-left: 1rem; padding-right: 1rem; }
.board-box li .date { width: 6rem; color: #999; text-align: right; }

/* 게시판; 목록 */
.board-box.list li { text-align: center; }
.board-box.list li a { display: table; width: 100%; max-width: 100%; padding: 0 20px; table-layout: fixed; }
.board-box.list li a span { position: relative; display: table-cell; height: 100px; padding: 1em 0; vertical-align: middle; }
.board-box.list li .title { font-size: 1.2em; text-align: left; }
.board-box.list li.new .title em { position: relative; color: #191919; }
.board-box.list li.new .title em:before { content: "New"; overflow: hidden; position: absolute; left: -10px; top: 0; display: inline-block; width: 5px; height: 5px; background-color: #ff4646; border-radius: 50%; font-size: 0; }



/* 게시판; 페이지네이션 디자인 */
.pagiation-box { margin-top: 2em; text-align: center; }
.pagiation-box ul { display: inline-block; margin:0; font-size: 0; }
.pagiation-box li { display: inline-block; margin: 0 0.5rem; font-size: 1rem; }
.pagiation-box li > a, .pagiation-box .move { width: 28px;line-height: 27px; font-weight: 600;}
.pagiation-box li > a { display: block; font-size: 0.9em; }
.pagiation-box .move { display: inline-block; margin: 0 0.25rem; font-size: 0; background: center / 14px no-repeat; height: 30px }
.pagiation-box .move[disabled="disabled"],
.pagiation-box .move.disabled { position: relative; border-color: #f0f0f0; cursor: default; }
.pagiation-box .move[disabled="disabled"]:after,
.pagiation-box .move.disabled:after { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.8); }
.pagiation-box .move.prev { background-image: url('../img/icn_pager_prev.png'); }
.pagiation-box .move.next { background-image: url('../img/icn_pager_next.png'); }
.pagiation-box .move.first { background-image: url('../img/icn_pager_prev_page.png'); }
.pagiation-box .move.last { background-image: url('../img/icn_pager_next_page.png'); }
.pagiation-box li a:hover,
.pagiation-box li.active a { border-color: transparent; background-color: #000; color: #fff; border-radius:30px }

.pagiation-box div.title_date{display: inline-block; font-size: 24px;  margin-bottom: 20px; vertical-align: middle; line-height: 25px}


@media screen and (max-width: 1024px) {
	.pagiation-box ul { margin: 0 0.5rem; }
	.pagiation-box li { margin: 0 0.25rem; }
	.pagiation-box li > a, .pagiation-box .move { width: 28px; line-height: 27px; }
	.pagiation-box li > a { font-size: 1em; }
	.pagiation-box .move { margin: 0; }
}



/* 게시판; 이전-다음글 */
.prev-next { border-bottom: 1px solid #e0e0e0; }
.prev-next ul { overflow: hidden; padding: 1.15em 0; }
.prev-next li { float: left; width: 50%; }
.prev-next li.prev { padding-right: 2%; text-align: left; }
.prev-next li.next { padding-left: 2%; text-align: right; }
.prev-next li a, .prev-next li .a { display: block; /*overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/ }
.prev-next li a:hover { font-weight: bold; -webkit-transition: none; transition: none; }
.prev-next li .a { color: #909090; }
.prev-next li.prev a, .prev-next li.prev .a { padding-left: 120px; }
.prev-next li.next a, .prev-next li.next .a { padding-right: 120px; }
.prev-next li span { display: inline-block; width: 100px; text-align: center; color: #909090; font-weight: normal; }
.pagiation-box li.move.next a, .pagiation-box li.move.next span { padding-right: 4px; }
.pagiation-box li.move.prev a, .pagiation-box li.move.prev span { padding-left: 4px; }
.prev-next li.prev span { float: left; margin-left: -120px; }
.prev-next li.next span { float: right; margin-right: -120px; }
.prev-next li span:after { content: ""; display: block; width: 1px; height: 1em; margin: 0.25em 0; background-color: #e0e0e0; }
.prev-next li.prev span:after { float: right; }
.prev-next li.next span:after { float: left; }

@media screen and (max-width: 1024px) {
	.prev-next ul { padding: 0; }
	.prev-next li { float: none; width: auto; padding: 0.75em 0; }
	.prev-next li + li { border-top: 1px dotted #d9d9d9; }
}

@media screen and (max-width: 768px) {
	.prev-next li.prev a, .prev-next li.prev .a { padding-left: 80px; }
	.prev-next li.next a, .prev-next li.next .a { padding-right: 80px; }
	.prev-next li span { width: 60px; }
	.prev-next li.prev span { margin-left: -80px; }
	.prev-next li.next span { margin-right: -80px; }
}


/* 게시판; 버튼 박스 */
.button-box { margin-top: 2em; }
.button-box .btn { min-width: 120px; }

@media screen and (max-width: 768px) {
	.button-box .btn { min-width: auto; }
}


/* 탭 메뉴 */
.tab-menu { position: relative; margin-bottom: 3em; text-align: center; z-index: 1; }
.tab-menu .btn { display: none; }
.tab-menu ul { display: table; width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 8px; table-layout: fixed; background-color: #ebebeb; color: #191919; }
.tab-menu li { display: table-cell; padding: 8px 4px 0; vertical-align: bottom; }
.tab-menu li span { display: block; padding: 0 0.5em 4px; border-radius: 8px 8px 0 0; cursor: pointer; font-size: 1.1em; line-height: 45px; -webkit-transition: all 0.25s; transition: all 0.25s; }
.tab-menu li.active span { background-color: #fff; color: #188a8c; font-weight: bold; }

.tab-content > div { display: none; /*height: 0; opacity: 0;*/ -webkit-transition: all 0.25s; transition: all 0.25s; }
.tab-content > div.active { display: block; /*height: auto; opacity: 1;*/ }
.tab-menu li:hover span { background-color: #fff; }


/* 레이어 팝업 */
.layer-popup { position: fixed; overflow-y: scroll; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; padding: 10px; background-color: rgba(0 , 0, 0, 0.4); z-index: 9; text-align: center; }
.layer-popup:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
.layer-popup .popup-item { overflow: hidden; position: relative; max-width: 640px; display: inline-block; border: 1px solid #000; background-color: #fff; vertical-align: middle; }
.layer-popup .content { margin-bottom: 36px;/*닫기*/ padding: 20px; }
.layer-popup .close { position: absolute; left: 0; right: 0; bottom: 0; height: 36px; padding: 0 1em; background-color: #000; color: #fff; text-align: left; line-height: 36px; }
.layer-popup .close input { vertical-align: middle; margin: 0; }
.layer-popup .close a { float: right; display: block; }

@media screen and (max-width: 768px) {
	.layer-popup:before { content: none; }
	.layer-popup .content { padding: 15px; }
	.layer-popup .close { }
}

/* 테이블 */
.table-box { margin-bottom: 2em; border-top: 2px solid #3d3a39; }
.table-box th, .table-box td { padding: 0.75em 2em; border-bottom: 1px solid #e0e0e0; vertical-align: top; }
.table-box th { font-weight: bold; background-color: #fef6ed; }
.table-box .note { margin-top: 0.5em; color: #909090; font-size: 0.88em; text-align: right; }

/* UL형 테이블 */
.table-box ul.table .tr { display: table; width: 100%; max-width: 100%; padding: 0.65em 0; border-bottom: 1px solid #e0e0e0; table-layout: fixed; }
.table-box ul.table .tr .th, .table-box ul.table .tr .td { display: table-cell; padding: 0 1em; vertical-align: middle; }
.table-box ul.table .tr .th { width: 8em; padding-right: 0; }
.table-box ul.table .input[type="date"] { width: 15em; }
.table-box ul.table .tr.col2 { float: left; width: 50%; }

.table-box .table-title { margin-top: 2em; border-bottom: 1px solid #3d3a39; }

@media screen and (max-width: 768px) {
	.table-box ul.table { padding: 0.5em 0; }
	.table-box ul.table .tr { display: block; border-bottom: none; }
	.table-box ul.table .tr .th, .table-box ul.table .tr .td { display: block; padding: 0; }
	.table-box ul.table .tr .th { width: auto; padding-bottom: 0.25em; }
	.table-box ul.table .tr.col2 { float: none; width:auto; }
}


.check-box { position: relative; margin-top: 1em; }
.check-box input { position: absolute; left: 0; top: 0; width: 1em; height: 1em; margin-top: 0.25em; }
.check-box label { display: inline-block; padding-left: 1.5em; cursor: pointer; }
.check-box input:checked + label { font-weight: bold; }



/* iframe */
.iframe-wrap { position: relative; overflow: hidden; height: 0; margin: 0.5em auto; }
.iframe-wrap iframe {position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; max-width: 100%; }

.iframe-wrap.map { padding-bottom: 33.35%; }

@media screen and (max-width: 1024px) {
	.iframe-wrap.map { padding-bottom: 50%; }
}

@media screen and (max-width: 768px) {
	.iframe-wrap.map { padding-bottom: 80%; }
}




/********************************************************************************************************
  기타
*********************************************************************************************************/
.etc-wrap {}
.etc-wrap .page-header { background-image: url('../img/etc/bg_visual.jpg'); }

/*------------------------------------------------------------------------------
  사이트맵
-------------------------------------------------------------------------------*/
.etc-wrap .sitemap {}
.etc-wrap .sitemap .sitemap-wrap { margin-left: -2%; font-size: 0; }
.etc-wrap .sitemap .sitemap-wrap dl { display: inline-block; width: 31.3%; margin-left: 2%; margin-bottom: 5em; font-size: 1rem; }
.etc-wrap .sitemap .sitemap-wrap dt { padding-bottom: 0.75em; border-bottom: 2px solid #3d3a39; font-size: 1.2em; font-weight: bold; }
.etc-wrap .sitemap .sitemap-wrap dt span { margin-left: 0.25em; color: #585757; font-size: 1rem; font-weight: normal; vertical-align: baseline; }
.etc-wrap .sitemap .sitemap-wrap dd { border-bottom: 1px solid #e0e0e0; }
.etc-wrap .sitemap .sitemap-wrap dd a { display: block; padding: 0.75em; }
.etc-wrap .sitemap .sitemap-wrap dd a:hover,
.etc-wrap .sitemap .sitemap-wrap dd a:focus { font-weight: bold; background: url('../img/icn_go_arrow.png') right 0.85em top 1em / 8px no-repeat #fef6ed; -webkit-transition: none; transition: none; }
.etc-wrap .sitemap .sitemap-wrap dd.blank a { background-image: none; }
.etc-wrap .sitemap .sitemap-wrap dd a span { display: inline-block; padding-right: 1.25em; background: url('../img/icn_new_blank.png') center right 0 / 1em no-repeat; }

@media screen and (max-width: 1024px) {
	.etc-wrap .sitemap .sitemap-wrap dl { width: 48%; }
}

@media screen and (max-width: 768px) {
	.etc-wrap .sitemap .sitemap-wrap { margin-left: 0; }
	.etc-wrap .sitemap .sitemap-wrap dl { display: block; width: auto; margin-left: 0; margin-bottom: 3em; }
}

/*------------------------------------------------------------------------------
  개인정보 처리방침
-------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------
  [테이블] - 리스트 디자인
-------------------------------------------------------------------------------*/

div.tbl_list { /*overflow: hidden;*/ border-top: 2px solid #188a8c; border-bottom: 1px solid #ddd; box-sizing: border-box; }
div.tbl_list > table { text-align: left; font-size: 13px; color: #a0a0a0; font-weight: normal; }
div.tbl_list > table th,
div.tbl_list > table td { height: 40px; padding: 5px 0; font-size: 13px; vertical-align: middle; }
div.tbl_list > table th { padding-left: 10px; padding-right: 10px; }
div.tbl_list > table > thead > tr > th { border-bottom: 1px solid #dbdfe1; box-sizing: border-box; text-align: left; font-weight: bold; color: #303030; vertical-align: middle; /*color: #a0a0a0; background: #f2f6f8;*/ word-break: keep-all; word-wrap: break-word; }
div.tbl_list > table > thead > tr > th:first-child,
div.tbl_list > table > thead > tr > td:first-child { border-left: 0; }
div.tbl_list > table > tbody > tr > th,
div.tbl_list > table > tbody > tr > td { border-bottom: 1px solid #dbdfe1; box-sizing: border-box; text-align: left; color: #303030; word-break: break-all; word-wrap: break-word; }
div.tbl_list > table > tfoot > tr > td { border-top: 1px solid #ddd; box-sizing: border-box; text-align: left; color: #303030; word-break: break-all; word-wrap: break-word; }
div.tbl_list > table > tbody > tr > th { font-weight: bold; }
div.tbl_list > table > tfoot > tr > td { height: 44px; }
div.tbl_list > table > tbody > tr:last-child > th,
div.tbl_list > table > tbody > tr:last-child > td {  }
div.tbl_list > table > thead:last-child > tr > th { border-bottom: none; }

div.tbl_list > table > thead > tr > th,
div.tbl_list > table > thead > tr > td,
div.tbl_list > table > tfoot > tr > td { text-align: center; }
div.tbl_list > table > tbody > tr > th,
div.tbl_list > table > tbody > tr > td,
div.tbl_list > table > tfoot > tr > td { text-align: center; color: #303030; }
div.tbl_list > table > thead > tr > th { padding-left: 0; padding-right: 0; }
div.tbl_list > table > tbody > tr:hover > td, 
div.tbl_list > table > tbody > tr.active > td { background-color: #eff6fd; }
div.tbl_list > table > tbody > tr.notice > td { background-color: #fff6f0; }
div.tbl_list > table > tbody > tr.disable > td { background-color: #e9ebee; }


div.tbl_list.food > table > thead > tr > th{  text-align: center!important}
div.tbl_list.food > table > tbody > tr > td{ padding:10px 30px }
div.tbl_list.food > table > thead > tr > th,
div.tbl_list.food > table > tbody > tr > td { border-right: 1px solid #dbdfe1; box-sizing: border-box; text-align: left; color: #303030; word-break: break-all; word-wrap: break-word; }
div.tbl_list.food > table > tbody > tr > td.title{text-align: center!important; font-weight: bold}
div.tbl_list.food > table > thead > tr > th:last-child ,
div.tbl_list.food > table > tbody > tr > td:nth-child(5) { border-right: none; }
div.tbl_list.food > table > tbody > tr:hover > td{ background-color:#fff }


div.tbl_list.calendar > table > thead > tr > th{  text-align: center!important}
div.tbl_list.calendar > table > tbody > tr > td{ padding:5px 10px; height: 120px; vertical-align: top}
div.tbl_list.calendar > table > thead > tr > th,
div.tbl_list.calendar > table > tbody > tr > td { border-right: 1px solid #dbdfe1; box-sizing: border-box; text-align: left; color: #303030; word-break: break-all; word-wrap: break-word; }
div.tbl_list.calendar > table > tbody > tr > td.title{text-align: center!important; font-weight: bold}
div.tbl_list.calendar > table > thead > tr > th:last-child ,
div.tbl_list.calendar > table > tbody > tr > td:last-child { border-right: none; }
div.tbl_list.calendar > table > tbody > tr:hover > td{ background-color:#fff }

div.tbl_list.calendar > table > tbody > tr > td .day{ text-align: right}

.sun{color:#fc4c4e }
.sat{color:#0c43b7 }


div.tbl_read { /*overflow: hidden;*/ border-top: 2px solid #188a8c; border-bottom: 1px solid #ddd; box-sizing: border-box; }
div.tbl_read > table { text-align: left; font-size: 13px; color: #a0a0a0; font-weight: normal; }
div.tbl_read > table th,
div.tbl_read > table td { height: 40px; padding: 5px 0; font-size: 13px; vertical-align: middle; }
div.tbl_read > table th { padding-left: 10px; padding-right: 10px; }
div.tbl_read > table > thead > tr > th { border-bottom: 1px solid #dbdfe1; box-sizing: border-box; text-align: left; font-weight: bold; color: #303030; vertical-align: middle; /*color: #a0a0a0; background: #f2f6f8;*/ word-break: keep-all; word-wrap: break-word; }
div.tbl_read > table > thead > tr > th:first-child,
div.tbl_read > table > thead > tr > td:first-child { border-left: 0; }
div.tbl_read > table > tbody > tr > th,
div.tbl_read > table > tbody > tr > td { border-bottom: 1px solid #dbdfe1; box-sizing: border-box; text-align: left; color: #303030; word-break: break-all; word-wrap: break-word; }
div.tbl_read > table > tfoot > tr > td { border-top: 1px solid #ddd; box-sizing: border-box; text-align: left; color: #303030; word-break: break-all; word-wrap: break-word; }
div.tbl_read > table > tbody > tr > th { font-weight: bold; }
div.tbl_read > table > tfoot > tr > td { height: 44px; }
div.tbl_read > table > tbody > tr:last-child > th,
div.tbl_read > table > tbody > tr:last-child > td { border-bottom: none; }
div.tbl_read > table > thead:last-child > tr > th { border-bottom: none; }
div.tbl_read > table > tfoot > tr > th { border-top: 1px solid #dbdfe1;  }

div.tbl_read .read_box{ width:100%; padding: 15px 30px 30px 30px }
/*------------------------------------------------------------------------------
  [테이블] - 심플 디자인
-------------------------------------------------------------------------------*/

caption { display: none; }
div.tbl table, div.tbl_list { width: 100%; /*border-collapse: collapse;*/ border-spacing: 0; -webkit-box-sizing: border-box; box-sizing: border-box; table-layout: fixed; }


div.tbl_summary + div.tbl { margin-top: -1px; }
div.tbl { /*overflow: hidden;*/ border-top: 2px solid #188a8c; border-bottom: 1px solid #ddd; box-sizing: border-box; border-right: 1px solid #dbdfe1}
div.tbl > table { text-align: left; font-size: 13px; color: #a0a0a0; font-weight: normal; }
div.tbl > table th,
div.tbl > table td { height: 40px; padding: 5px 0; font-size: 13px; vertical-align: middle; }
div.tbl > table th { padding-left: 10px; padding-right: 10px; background-color: #f4f7fc; }
div.tbl > table > thead > tr > th { border-bottom: 1px solid #dbdfe1; box-sizing: border-box; text-align: left; font-weight: bold; color: #303030; vertical-align: middle; /*color: #a0a0a0; background: #f2f6f8;*/ word-break: keep-all; word-wrap: break-word; }
div.tbl > table > thead > tr > th:first-child,
div.tbl > table > thead > tr > td:first-child { border-left: 0; }
div.tbl > table > tbody > tr > th,
div.tbl > table > tbody > tr > td { border-bottom: 1px solid #dbdfe1; box-sizing: border-box; text-align: left; color: #303030; word-break: break-all; word-wrap: break-word; padding-left: 10px }
div.tbl > table > tfoot > tr > td { border-top: 1px solid #ddd; box-sizing: border-box; text-align: left; color: #303030; word-break: break-all; word-wrap: break-word; }
div.tbl > table > tbody > tr > th { font-weight: bold; }
div.tbl > table > tfoot > tr > td { height: 44px; }
div.tbl > table > tbody > tr:last-child > th,
div.tbl > table > tbody > tr:last-child > td { border-bottom: none; }
div.tbl > table > thead:last-child > tr > th { border-bottom: none; }

div.tbl > table th{border-right: 1px solid #dbdfe1;border-left: 1px solid #dbdfe1;}

.tel .input{ width: 100px}
.tel span{ display: inline-block; padding: 0 5px; vertical-align: middle}
.add div:first-child{ margin: 0 0 5px 0 }
.add div .btn{ vertical-align: middle; margin-left: 5px}
.input.w100{  width: 100%}
.input.w350{  width: 350px}

.result p { line-height: 50px; border-top: 2px solid #188a8c; border-bottom: 1px solid #ddd; box-sizing: border-box; border-right: 1px solid #dbdfe1 ;border-left: 1px solid #dbdfe1}


/*------------------------------------------------------------------------------
  table - search - reset
-------------------------------------------------------------------------------*/
div.tbl_search caption { display: none; }
div.tbl_search > table { border-collapse: collapse; border-spacing: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }


/*------------------------------------------------------------------------------
  table - search - default
-------------------------------------------------------------------------------*/

div.search_wrapper { display: table; width: 100%; border: 1px solid #e6e6e6; border-top: 2px solid #188a8c;padding: 10px 0; box-sizing: border-box; background: #fbfbfb; margin: 20px 0}
div.search_wrapper div.tbl_search { display: table-cell; vertical-align: middle; }
div.search_wrapper .btn_search_wrap { display: table-cell; padding: 0 30px 0 40px; box-sizing: border-box; vertical-align: middle; }
div.search_wrapper .btn_search_wrap .btn_search_inner { display: table; }
div.search_wrapper .btn_search_wrap .btn_container { display: table-cell; }
div.tbl_search:after { content: ' '; display: block; clear: both; }
div.tbl_search > table { width: 100%; table-layout: fixed; text-align: left; font-size: 13px; color: #a0a0a0; font-weight: normal; vertical-align: middle; }
div.tbl_search > table > tbody > tr > th,
div.tbl_search > table > tbody > tr > td { height: 40px; box-sizing: border-box; text-align: left; vertical-align: middle; font-size: 13px; line-height: 20px; color: #303030; font-weight: normal;  word-break: keep-all; word-wrap: break-word; }
div.tbl_search > table > tbody > tr > th { padding: 5px 10px 5px 20px; font-weight: bold; }
div.tbl_search > table > tbody > tr > td { padding: 5px 10px 5px 0; }
div.tbl_search > table > tbody > tr:first-child > th,
div.tbl_search > table > tbody > tr:first-child > td { border-top: 0; }
div.tbl_search div.select { min-width: 160px; }






/*------------------------------------------------------------------------------
  [폼] 인풋 - 라디오 - 기본타입
-------------------------------------------------------------------------------*/
div.radio { display: inline-block; position: relative; padding: 3px 0; vertical-align: middle; font-size: 1px; line-height: 1; }
div.radio input { position: absolute; top: 50%; left: 8px; width: 1px; height: 1px; opacity: 0.01; filter:alpha(opacity=1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; }
div.radio label { display: inline-block; z-index: 100; min-height: 17px;  box-sizing: border-box; font-size: 13px; line-height: 18px; color: #303030; background: url('../img/input_radio_off.png') no-repeat left 1px; cursor: pointer; padding: 0 10px  0 20px }



/*------------------------------------------------------------------------------
  [폼] 인풋 - 라디오 - 속성
-------------------------------------------------------------------------------*/
/* form - radio - checked */
div.radio input:checked + label { background-image: url('../img/input_radio_on.png'); }

/* form - radio - readonly */
div.radio.readonly:before { content: ' '; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255, 255, 255, 0.00); }
div.radio.readonly label { background-image: url('../img/input_radio_readonly.png'); cursor: default; }

/* form - radio - disabled */
div.radio.disabled:before { content: ' '; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255, 255, 255, 0.00); }
div.radio.disabled input + label,
div.radio input:disabled,
div.radio input[disabled='disabled'] + label { background-image: url('../img/input_radio_dim.png'); cursor: default; color: #acacac; }

/* form - radio - checked + readonly(disabled) */
div.radio input[disabled="disabled"]:checked + label,
div.radio.readonly input[readonly="readonly"]:checked + label,
div.radio.disabled input[readonly="readonly"]:checked + label,
div.radio.readonly input:checked + label,
div.radio.disabled input:checked + label { background-image: url('../img/input_radio_on_dim.png'); cursor: default; }


/*------------------------------------------------------------------------------
  [폼] 인풋 - 체크박스 - 기본타입
-------------------------------------------------------------------------------*/
div.checkbox { display: inline-block; position: relative; padding: 3px 0; vertical-align: middle; font-size: 0; line-height: 1; }
div.checkbox input { position: absolute; top: 50%; left: 8px; width: 1px; height: 1px; opacity: 0.01; filter:alpha(opacity=1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; }
div.checkbox label { display: inline-block; z-index: 100; min-height: 17px; box-sizing: border-box; font-size: 13px; line-height: 18px; color: #303030; background: url('../img/input_checkbox_off.png') no-repeat left 1px; cursor: pointer; padding: 0 10px  0 20px}



textarea { width: 100%; min-height: 100px; padding: 8px 10px; border: 1px solid #d5d5d5; vertical-align: top; font-size: 13px; line-height: 22px; color: #303030; background-color: #ffffff; }
textarea:focus { border-color: #909090; }




/*------------------------------------------------------------------------------
  [폼] 인풋 - 체크박스 - 속성
-------------------------------------------------------------------------------*/
/* form - checkbox - checked */
div.checkbox input:checked + label { background-image: url('../img/input_checkbox_on.png'); }

/* form - checkbox - readonly */
div.checkbox.readonly:before { content: ' '; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255, 255, 255, 0.00); }
div.checkbox.readonly  label { background-image: url('../img/input_checkbox_readonly.png'); cursor: default; }

/* form - checkbox - disabled */
div.checkbox.disabled:before { content: ' '; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255, 255, 255, 0.00); }
div.checkbox.disabled input + label,
div.checkbox input:disabled,
div.checkbox input[disabled='disabled'] + label,
div.checkbox.disabled input label { background-image: url('../img/input_checkbox_dim.png'); cursor: default; color: #acacac; }

/* form - checkbox - checked + readonly(disabled) */
div.checkbox input:checked:disabled,
div.checkbox.readonly input[readonly="readonly"]:checked + label,
div.checkbox.disabled input[disabled="disabled"]:checked + label,
div.checkbox.readonly input:checked + label,
div.checkbox.disabled input:checked + label { background-image: url('../img/input_checkbox_on_dim.png'); cursor: default; }

/*------------------------------------------------------------------------------
  [폼] 셀렉트 - 리셋
-------------------------------------------------------------------------------*/
div.select select { -webkit-appearance: none; -moz-appearance:none; appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; }
div.select select::-ms-expand { display: none; }


/*------------------------------------------------------------------------------
  [폼] 셀렉트 - 기본타입
-------------------------------------------------------------------------------*/
div.select { display: inline-block; position: relative; height: 30px; vertical-align: middle; max-width: 100%; }
div.select select { width: 100%; height: 100%; line-height: 1; padding: 0 24px 0 5px; border: 1px solid #d5d5d5; font-size: 13px; background: #ffffff url('../img/input_select_off.png') no-repeat right center; background-color: #ffffff; }
div.select select:focus { border: 1px solid #707070; background: #ffffff url('../img/input_select_on.png') no-repeat right center; }

/*------------------------------------------------------------------------------
  date_picker
-------------------------------------------------------------------------------*/

div.date_picker { width: 120px; display: inline-block }
div.date_picker input {width: 120px; padding-right: 30px; background: #ffffff url("../img/input_datepicker.png") no-repeat right center; text-align: center; }


/* button - wrap */
div.btn_wrap { margin: 20px 0 30px; text-align: center; }
div.btn_wrap.align_left { text-align: left; }
div.btn_wrap.align_right { text-align: right; }

/* 확인버튼 */
.btn.btn_confirm { min-width: 90px; line-height: 26px; border: 1px solid #188a8c;; border-radius: 2px; font-size: 14px; color: #ffffff; background-color: #188a8c; }
.btn.btn_small_confirm {  padding: 6px 9px 5px; border: 0px solid #c3c6c9; border-radius:2px; font-size: 13px; line-height: 17px; color: #ffffff; background-color: #188a8c; margin-top:4px; }


/* 취소버튼 */
.btn.btn_cancel { min-width: 90px; line-height: 26px; border: 1px solid #d5d5d5; border-radius: 2px; font-size: 14px; color: #707070; background-color: #ffffff; }

/* 기본버튼 */
.btn { padding: 6px 9px 5px; border: 1px solid #c3c6c9; border-radius:2px; font-size: 13px; line-height: 17px; color: #707070; background-color: #ffffff; }
.btn.btn_base { min-width: 70px; min-height: 30px; }


/*------------------------------------------------------------------------------
  button - type - color
-------------------------------------------------------------------------------*/
/* button - type - lightgray */
.btn.btn_lightgray { border: 0; color: #ffffff; background: #9da0ae; }

/* button - type - btn_green */
.btn.btn_green{ background: #188a8c; color: #fff;border: 0}



/* 버튼그룹 - 붙는 버튼 형태 */
div.btn_group_wrap { display: inline-block; font-size: 0; vertical-align: middle; float: right; margin-top: -40px }
div.btn_group_wrap .btn { float: left; position: relative; min-width: 30px; padding-left: 10px; padding-right: 10px; border-radius: 0; background-color: #ffffff; }
div.btn_group_wrap .btn + .btn { margin-left: -1px; }
div.btn_group_wrap .btn.active { border: 1px solid #188a8c; color: #ffffff; background-color: #188a8c; position: relative; z-index: 2; }
div.btn_group_wrap .btn:first-child { border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
div.btn_group_wrap .btn:last-child { border-top-right-radius: 2px; border-bottom-right-radius: 2px; }

.btn.view_list, .btn.view_split_ver{font-size: 0;text-indent: -9999px;}
.btn.view_list{ background:url('../img/btn_view_list.png') 9px 9px no-repeat; }
.btn.view_list.active{background-image:url('../img/btn_view_list_active.png') }



.btn.view_split_ver{background:url('../img/btn_split_ver.png') no-repeat 9px 9px}
.btn.view_split_ver.active{background-image: url('../img/btn_split_ver_active.png') }


/*------------------------------------------------------------------------------
   ta = text-align
-------------------------------------------------------------------------------*/
.ta_l { text-align: left !important; }
.ta_c { text-align: center !important; }
.ta_r { text-align: right !important; }



/* 파일아이콘 */

.file_name > a { display: inline-block; max-width: 100%; padding-left: 6px; font-size: 13px; color: #303030; text-decoration: none; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; vertical-align: middle; box-sizing: border-box; }


.icon {  text-indent: -99999px;}
.icon {   display: inline-block!important;vertical-align: middle;}

.icon_html,
.icon_xml { width: 18px; height: 20px; background: url("../img/icon_html_file.png") no-repeat center; }
.icon_mht { width: 18px; height: 20px; background: url("../img/icon_mht_file.png") no-repeat center; }
.icon_txt { width: 18px; height: 20px; background: url("../img/icon_txt_file.png") no-repeat center; }
.icon_ppt, .icon_pptx { width: 18px; height: 20px; background: url("../img/icon_ppt_file.png") no-repeat center; }
.icon_xls, .icon_xlsx { width: 18px; height: 20px; background: url("../img/icon_xls_file.png") no-repeat center; }
.icon_doc, .icon_docx { width: 18px; height: 20px; background: url("../img/icon_doc_file.png") no-repeat center; }
.icon_vcf { width: 18px; height: 20px; background: url("../img/icon_vcf_file.png") no-repeat center; }
.icon_hwp { width: 18px; height: 20px; background: url("../img/icon_hwp_file.png") no-repeat center; }
.icon_pdf { width: 18px; height: 20px; background: url("../img/icon_pdf_file.png") no-repeat center; }
.icon_zip { width: 18px; height: 20px; background: url("../img/icon_zip_file.png") no-repeat center; }
.icon_exe { width: 18px; height: 20px; background: url("../img/icon_exe_file.png") no-repeat center; }
.icon_gif,
.icon_jpg,
.icon_tif,
.icon_gif,
.icon_bmp,
.icon_png { width: 18px; height: 20px; background: url("../img/icon_gif_file.png") no-repeat center; }
.icon_wav { width: 18px; height: 20px; background: url("../img/icon_wav_file.png") no-repeat center; }
.icon_avi { width: 18px; height: 20px; background: url("../img/icon_avi_file.png") no-repeat center; }
.icon_eml { width: 18px; height: 20px; background: url("../img/icon_eml_file.png") no-repeat center; }
.icon_edms { width: 18px; height: 20px; background: url("../img/icon_edms_file.png") no-repeat center; }
.icon_etc { width: 18px; height: 20px; background: url("../img/icon_etc_file.png") no-repeat center; }
.icon_unknown { width: 18px; height: 20px; background: url("../img/icon_etc_file.png") no-repeat center; }



/*------------------------------------------------------------------------------
  콘텐츠
-------------------------------------------------------------------------------*/
/* 오시는길 */
.map_info { padding: 0; margin:20px 0; border-left: 3px solid #0068B6; padding-left:10px}
.map_info li{ list-style: none; padding-left: 40px; line-height: 2em;font-size: 20px}

.icon_map { background: url("../img/icon_map.png") left 50% no-repeat; }
.icon_tel{ background: url("../img/icon_tel.png")left 50% no-repeat}
.icon_car01:before{ background:#3D3A39 url("../img/icon_car01.png")50% no-repeat}
.icon_car02:before{ background:#3D3A39 url("../img/icon_car02.png")50% no-repeat}

.map_step h3{ font-size: 18px; font-weight: bold}
.map_step strong {display: inline-block; border-radius: 5px; background: #289DD5; color: #fff; font-weight: bold; padding: 0 10px; margin-right: 5px}
.map_step li div{ padding:5px 0}
.map_step li { position: relative; padding-left: 80px; min-height: 70px; margin-top: 30px} 
.map_step li:before{content: ''; display: block; position: absolute; top: 0px; left: 0px; width:64px; height: 64px; z-index:-10; border-radius: 64px }

/* 소개 */
.intro_doc h3{ font-size: 18px; font-weight: bold;  padding: 40px 0 10px 0}
.intro_doc.pic{ background:url("../img/pic.jpg") no-repeat; padding: 30px 50px 30px 500px; background-size: 45%}
.intro_doc .bg{ background: #f6f6f6; padding: 0 30px 30px 30px}
.intro_doc.pic02{ background:url("../img/pic02.jpg") no-repeat; padding: 30px 50px 30px 500px; background-size: 45%}

/* 연혁 */
.history-list .year-list {overflow: hidden;    position: relative; }
.history-list .year-list > li { clear: both }

.history-list .year-list > li:after {content: "";position: absolute;margin-left: 5px;width: 2px;/* height: 100%; */background-color: #ebebeb;z-index: -1;left: 270px;top: 25px;bottom: 33px;}

.history-list .year { float: left; width: 180px; background: #0068B6; color: #fff; font-weight: bold; font-size: 1.2em; text-align: center; border-radius: 15px;margin-top: 11px; }
.history-list .month-list { padding-top: 0.5em; float: left;margin-left: 140px
 }

.history-list .month-list > li {position: relative;margin-bottom: 25px}
.history-list .month-list > li:before { content: ""; position: absolute; display: block; top: 11px; left:-50px; overflow: hidden; width: 12px; height: 12px; background-color: #0068B6; border-radius: 50%; z-index: 1; }

.history-list .month {display: inline-block;width: 115px;color: #0068B6;font-size: 1.2em;}
.history-list p{ display: inline-block; line-height: 28px}

/* 연혁 */
.org div.tbl > table > tbody > tr > th, 
.org div.tbl > table > tbody > tr > th, .org div.tbl > table > tbody > tr > td{ text-align: center}

/*개인정보 처리방침*/
.include-wrap { overflow-y: scroll; height: 150px; margin: 0.5em 0; padding: 2em 1.75em; border: 1px solid #e0e0e0; font-size: 14px; }

.privacy-wrap { line-height: 1.8; }
.privacy-wrap h1 { margin-bottom: 1em; font-size: 1.65em; letter-spacing: -0.1em; text-align: center; }
.privacy-wrap h2 {font-size: 1.65em; letter-spacing: -0.1em; text-align: center; }
.privacy-wrap h3 { margin: 1.75em 0 0.5em; font-size: 1.2em; letter-spacing: -0.06em; font-weight: bold; }
.privacy-wrap p { margin-bottom: 1em; }
.privacy-wrap p:last-child { margin-bottom: 0; }
.privacy-wrap li { margin-bottom: 0.5em; }
.privacy-wrap li:last-child { margin-bottom: 0; }
.privacy-wrap ol { margin-left: 1em; list-style-type: decimal; }
.privacy-wrap ol > li { padding-left: 0.5em; }
.privacy-wrap ol > li > ol { margin-top: 0.5em; margin-bottom: 1em; list-style-type: lower-latin; }


/*이용안내*/

.guide h3{ font-size: 18px; font-weight: bold;  padding:0 0 10px 0}

.guide div.tbl_list > table > tbody > tr > th, .guide div.tbl_list > table > tbody > tr > td  {    border-left: 1px solid #dbdfe1;} 
.guide div.tbl_list > table > tbody > tr > th:first-child, .guide div.tbl_list > table > tbody > tr > td:first-child{border-left: none}
.guide .ta_r p{ padding-right: 50px}
.guide .ta_l p{ padding-left: 50px}

.guide .g_date{ float: right; margin-top: -35px}


.support {margin-right: -20px; color: #fff}
.support li {height:150px;width: 384px;border:3px solid #229ED2;display: inline-block;padding: 15px;margin: 0 20px 20px 0; background: #229ED2; border-radius: 10px}
.support li h4{ font-size: 16px; font-weight: bold;  padding:0 0 10px 0;position: relative; text-align: center; margin-bottom: 15px }
.support li h4:after { content: "";  display: block;  position: absolute; left: 0;  right: 0; bottom: 0; margin: 0 auto; width: 16px;height: 3px;  background-color: #fff;}


/*입소절차*/
.step03 > li{ margin-top: 10px}
.step03 > li::before {  content: "";  background:#0068B6; font-weight: bold;   display: inline-block;  width:5px; height:5px;border-radius:50%;  margin-right:10px; margin-bottom: 5px }
.step03 > li span{ color: #0068B6; font-weight:bold; display: inline-block; margin-right: 20px;  width:175px}
.step03 > li ol{ margin-left: 209px;  margin-top: -23px; }


/* 소개 */
.program h3{ font-size: 18px; font-weight: bold;  padding: 40px 0 10px 0}
.program h4{ font-size: 16px; font-weight: bold;  padding: 10px 0 10px 0}

.program .pic{ background:url("../img/pic.jpg") no-repeat; padding: 30px 50px 30px 500px; background-size: 45%}
.program .bg{ background: #f6f6f6; padding: 0 30px 30px 30px}
.program .pic02{ background:url("../img/pic02.jpg") no-repeat; padding: 30px 50px 30px 500px; background-size: 45%}
.program .intro_doc.pic03{ background:url("../img/pic03.jpg") no-repeat; padding: 30px 50px 30px 500px; background-size: 45%; background-position:0 -52px; margin-bottom: 50px}
.program .intro_doc .bg{ padding: 30px}
.program .fl_l > li { float: left; width: 20%;   }
.program .fl_l > li ul li{ padding-left: 20px;position: relative}
.program .fl_l > li ul li::before{ content: ""; display: block; position: absolute; left:4px; top: 12px; margin: 0px auto;  width:3px; height: 3px; background-color: #777777; }


.program .intro_doc{ clear: both; overflow: hidden; margin-bottom: 30px}

.photo li{ width: 25%; float: left; padding: 10px}
.photo li p{ text-align: center; font-weight: bold}

.result_title{  font-weight: bold}

.search { right: 40px; top: 43px; position: absolute;}
.search .select{ width: 100px}
.search .input{ height: 30px; cursor: pointer}

.circle{ width: 160px; height: 160px; border-radius: 50%; float: left; text-align: center; margin-right: 50px; margin-bottom: 60px}
.circle h3{ color:#fff; margin-top: 14px }
.circle.title_ci01{ background: #97c9c6; border: 10px solid #cbe4e2}
.circle.title_ci02{ background: #e4aa46; border: 10px solid #f1d4a2}
.circle.title_ci03{ background: #a4be59; border: 10px solid #d1deac}


.inquiry .visual { position: fixed; z-index: 22000}
.page-header .lnb{ z-index: 22000}
.inquiry .section-wrap{ padding-top: 340px}


.all_menu{ position: fixed; top: 0; left: 0; right: 0; z-index:400000; background:#fff; border: 2px solid #d05748; width: 100%;min-width: 1280px; padding: 30px; height: 220px}
.all_menu .depth1 { overflow: hidden}
.all_menu .depth1 > li{ float: left; width:16.66666666666667%; margin-bottom: 15px; border-left: 1px solid #e4e4e4; text-align: center;  height: 181px}
.all_menu .depth1 > li:first-child{border-left:none }
.all_menu .depth1 > li > a {  font-weight:bold; font-size: 1.3em; cursor:pointer}
.all_menu .depth1 > li > ul li a{ display: block}
.all_menu .depth1 > li > ul li a:hover{ color: #d05748; font-weight: bold}

.all_menu  .btn { display: block; margin:20px auto 0 auto; width: 80px; padding: 5px 1.5em; background:#d05748;  border: 2px solid #d05748; color:#fff; font-size: 12px}
.intro_doc p.ta_c {}


.floor{ background:#bebebe; float: left; width: 100px; border-radius: 8px 0px 0 8px; z-index: 10  }
.floor li{ height: 100px; line-height: 100px; color: #fff;  text-align: center; border-radius: 8px 0px 0 8px;; cursor: pointer}
.floor li.active, .floor li:hover{ height: 100px; background:#188a8c; border-radius: 8px 0px 0 8px }

.floor_img {border: 3px solid #bebebe; padding: 50px;float: left; width: 1100px; margin-left: -3px }
.floor_img p{ display: none; text-align: center}
.floor_img p.active{ display: block}

.login-wrap { display: table; width: 360px; height: 100%; margin: 0 auto; table-layout: fixed; }
.login-wrap .login-box { display: table-cell; padding: 20px 20px 80px; vertical-align: middle; }
.login-wrap .login-box legend { font-size: 31px; letter-spacing: -0.1em; }
.login-wrap .input-field { margin: 20px 0 30px; }
.login-wrap .input-field li { position: relative; margin-bottom: 10px; }
.login-wrap .input-field .input { width: 100%; padding-left: 5em; font-size: 16px; font-weight: bold; line-height: 49px; height: 49px;}
.login-wrap .input-field label { position: absolute; top: 0; left: 20px; font-size: 14px; line-height: 49px; height: 49px; vertical-align: middle; opacity: 0.6; }
.login-wrap .input-field .input:focus + label { opacity: 1; }
.login-wrap .btn { width: 100%; height: 60px; font-size: 21px; letter-spacing: -0.08em; }

.login-wrap .btn.box:hover {background-color: #ff5603;}
.login-wrap .btn.box { display: block; background-color: #f78f1e; color: #fff;; border: none}


/*------------------------------------------------------------------------------
  layer popup
-------------------------------------------------------------------------------*/
/*
div.popup_wrap { position: absolute; display: none; z-index: 300000 }
div.popup { }
div.popup_layer { /*overflow: hidden;*//* position: fixed; top: 50%; left: 50%; margin-top: -300px; margin-left: -300px; min-width: 100px; min-height: 100px; box-sizing: border-box; box-shadow: 0px 1px 2px 0px rgba(0,0,0,1);}

div.popup div.popup_inner,
div.popup_layer div.popup_inner { position: relative; width: 100%; height: 100%; }
div.popup div.popup_header,
div.popup_layer div.popup_header { z-index: 500; position: absolute; top: 0; left: 0; width: 100%; min-height: 54px; box-sizing: border-box;  padding: 19px 20px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #424b70; }
div.popup div.popup_header .popup_title,
div.popup_layer div.popup_header .popup_title { font-size: 18px; color: #ffffff; }
div.popup div.popup_header .popup_subtitle,
div.popup_layer div.popup_header .popup_subtitle { margin-top: 10px; }
div.popup div.popup_header .eb_btn.btn_close_popup,
div.popup_layer div.popup_header .eb_btn.btn_close_popup, div.login_wrap .eb_btn.btn_close_popup{ overflow: hidden; position: absolute; top: 13px; right: 13px; width: 30px; height: 30px; min-width: auto; min-height: auto;  padding: 0; border: 0; background: url('../img/btn_cross_wh.png') no-repeat center; background-size: 16px; text-indent:-9999px; }
div.popup div.popup_container,
div.popup_layer div.popup_container { height: 100%; padding: 55px 0 0; box-sizing: border-box;  }

div.popup_scroll { overflow-y: auto; height: 100%; padding: 30px 30px 0; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff }
div.popup_container div.popup_scroll:last-child { padding-bottom: 20px; }
div.popup_container div.popup_footer { z-index: 500; position: absolute; bottom: 0; width: 100%; }
div.popup_container div.popup_footer div.popup_btn_wrap { padding: 20px 20px 30px; font-size: 0; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; background: #ffffff; }
div.popup_container div.popup_footer div.popup_btn_wrap .eb_btn { margin-right: 10px; }
div.popup_container div.popup_footer div.popup_btn_wrap .eb_btn:last-child { margin-right: 0; }
div.popup_container div.popup_footer div.popup_info_etc {  }
div.popup_container div.popup_footer div.popup_checkbox_wrap { padding: 0 10px; text-align: right; }
div.popup_container div.popup_footer div.popup_checkbox_wrap div.eb_checkbox { margin-top: -2px; margin-right: 5px; }
div.popup_container div.popup_footer div.popup_checkbox_wrap div.eb_checkbox label { font-size: 12px; }
*/


/*------------------------------------------------------------------------------
  layer popup
-------------------------------------------------------------------------------*/
div.popup_wrap { position: absolute; display: none; z-index: 300000 ; margin-top:20px}
div.popup { }
div.popup_layerp { /*overflow: hidden; position: fixed; */top: 50%; left: 50%; margin-top: -300px; margin-left: -300px; min-width: 100px; min-height: 100px; box-sizing: border-box; box-shadow: 0px 1px 2px 0px rgba(0,0,0,1);}
div.popup_layer { /*overflow: hidden; position: fixed; */top: 50%; left: 100%; margin-top: 100px; margin-left: 10px; min-width: 100px; min-height: 100px; box-sizing: border-box; box-shadow: 0px 1px 2px 0px rgba(0,0,0,1);}


div.popup div.popup_inner,
div.popup_layer div.popup_inner { position: relative; width: 100%; height: 100%; }
div.popup div.popup_header,
div.popup_layer div.popup_header { z-index: 500; position: absolute; top: 0; left: 0; width: 100%; min-height: 54px; box-sizing: border-box;  padding: 19px 20px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #424b70; }
div.popup div.popup_header .popup_title,
div.popup_layer div.popup_header .popup_title { font-size: 18px; color: #ffffff; }
div.popup div.popup_header .popup_subtitle,
div.popup_layer div.popup_header .popup_subtitle { margin-top: 10px; }
div.popup div.popup_header .eb_btn.btn_close_popup,
div.popup_layer div.popup_header .eb_btn.btn_close_popup, div.login_wrap .eb_btn.btn_close_popup{ overflow: hidden; position: absolute; top: 13px; right: 13px; width: 30px; height: 30px; min-width: auto; min-height: auto;  padding: 0; border: 0; background: url('../img/btn_cross_wh.png') no-repeat center; background-size: 16px; text-indent:-9999px; }
div.popup div.popup_container,
div.popup_layer div.popup_container { height: 100%; padding: 55px 0 0; box-sizing: border-box;  }

div.popup_scroll { overflow-y: auto; height: 100%; padding: 30px 30px 0; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff }
div.popup_container div.popup_scroll:last-child { padding-bottom:30px; }
div.popup_container div.popup_footer { z-index: 500; position: absolute; bottom: 0; width: 100%;  text-align: right; padding: 5px 10px; background: #ddd}