@charset "UTF-8";


@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,600,700');

/* //// CSS RESET */
/* http://html5doctor.com/html-5-reset-stylesheet/ */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;/*background:transparent;*/}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block}
nav ul {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none}
mark {background-color:#fff;color:#000;font-style:italic;font-weight:bold;}
del {text-decoration: line-through}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select,textarea {vertical-align:middle;resize:none}
table {border-collapse:collapse;border-spacing:0}caption, th, td {font-weight:normal}
table caption {visibility:hidden;width:0;height:0;overflow:hidden}
/* //// */
html {overflow-y:scroll}
body{min-width:100%;background:#fff;color:#333;font-family: 'Noto Sans KR', sans-serif;font-size:16px; line-height: 1.6em; -webkit-text-size-adjust:none}
ul {border:0;list-style:none}
dd {padding:5px 0}
em {font-style:normal}
img {border:0;vertical-align:middle}
legend {display:none} label {cursor:pointer;vertical-align:middle}
h1, h2, h3, h4, h5, h6 {clear:both;margin:10px 0;padding:0}
h1 {font-size:1.2em}
h2 {font-size:1.2em}
h3 {font-size:1em}
h4 {font-size:1em}
strong {font-weight:bold}
iframe#hiddenframe {display:none;width:0;height:0}
input,button,select {} 
button {cursor:pointer} 
select {padding: 3px;border:1px solid #A9A9A9}

/*************************************************
  CSS 
 ************************************************/

.article_body table, .article_body th, .article_body td { border-width: 1px; border-style: solid }


/* 공통 */
article {position:relative; text-align:center;}
a {color:#333;text-decoration:none} a:hover, a:focus {text-decoration:underline}
.ed, .inputbox { border:1px solid #d5d5d5; padding: 5px 0px 4px 3px } 
.readonly { cursor: not-allowed; background: #eee }
.ed_full { width: 99% }
.tx { border:1px solid #d5d5d5; padding: 5px 0px 4px 3px } 
.bold { font-weight: bold }
.small { font-size:11px }
.esmall {font-size:.9em}
.cloudy, a.cloudy {color:#888888;} /* 흐림 */
.pull-left, .fLeft   { float: left }
.pull-right, .fRight  { float: right }
.clearfix, .clr     { clear: both; content: ''; display: block }
.clr2    { clear: both !important; float: none !important; line-height: 0 !important; height: 0 !important; font-size: 0 !important; content: ''; display: block }
.tLeft   { text-align: left }
.tRight  { text-align: right }
.tCenter { text-align: center }
.pRelative { position: relative }
.pAbsolute { position: absolute }
.pFixed { position: fixed }
.icon_set { background: url('../img/icon/icon_set.html') no-repeat; display: block; padding-left: 20px; padding-top:0px; margin-bottom: 5px; }
.w100 { width: 100% }



/* placeholder */
label.placeholder {	color:#999 !important; line-height:1em }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {	color:#999 !important; }
input:-moz-placeholder, textarea:-moz-placeholder {	color:#999 !important; }


a.external { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFZJREFUeF59z4EJADEIQ1F36k7u5E7ZKXeUQPACJ3wK7UNokVxVk9kHnQH7bY9hbDyDhNXgjpRLqFlo4M2GgfyJHhjq8V4agfrgPQX3JtJQGbofmCHgA/nAKks+JAjFAAAAAElFTkSuQmCC) center right no-repeat;background:url(../img/icon/external-link.html) center right no-repeat!ie;padding-right:13px}



/* Button Reset */
.button,
.button a,
.button button,
.button input { position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; white-space:nowrap; background:url(../img/btn/buttonWhite.gif) no-repeat; overflow:visible; color:#333;}
.button { height:23px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top;}
.button a,
.button button,
.button input{ left:2px; vertical-align:top; cursor:pointer;}

/* Button Size */
.button.large { height:29px; background-position:left -30px; }
.button.xLarge { height:35px; background-position:left -65px; }
.button.small { height:18px; background-position:left -107px; }
.button a,
.button button,
.button input { height:23px; padding:0 10px 0 8px; font-size:12px; line-height:23px; background-position:right top;}
.button.large a,
.button.large button,
.button.large input { height:30px; padding:0 10px 0 8px; font-size:16px; line-height:29px; background-position:right -30px;}
.button.xLarge a,
.button.xLarge button,
.button.xLarge input { height:35px; padding:0 10px 0 8px; font-size:20px; line-height:35px; background-position:right -65px;}
.button.small a,
.button.small button,
.button.small input { height:18px; padding:0 6px 0 4px; font-size:11px; line-height:18px; background-position:right -107px;}

/* Button Text Color */
.button *:hover,
.button *:active,
.button *:focus{ color:#690;}
.button.green,
.button.green a,
.button.green button,
.button.green input { background-image:url(../img/btn/buttonGreen.gif); color:#fff;}
.button.green *:hover,
.button.green *:active,
.button.green *:focus{ color:#ff0;}
.button.black,
.button.black a,
.button.black button,
.button.black input { background-image:url(../img/btn/buttonBlack.gif); color:#fff;}
.button.black *:hover,
.button.black *:active,
.button.black *:focus{ color:#ff0;}
.button.red,
.button.red a,
.button.red button,
.button.red input { background-image:url(../img/btn/buttonRed.gif); color:#fff;}
.button.red *:hover,
.button.red *:active,
.button.red *:focus{ color:#ff0;}
.button.blue,
.button.blue a,
.button.blue button,
.button.blue input { background-image:url(../img/btn/buttonBlue.gif); color:#fff;}
.button.blue *:hover,
.button.blue *:active,
.button.blue *:focus{ color:#ff0;}

/* Button Text Strong */
.button.strong * { font-weight:bold !important;}

/* 테이블 공통 */
/* 폼 테이블 */
.frm_tbl {margin-bottom:20px;width:100%;border-collapse:collapse;border-spacing:0}
.frm_tbl caption {padding:10px 0;color:#4b8b99;font-weight:bold;text-align:left; visibility:visible; width: auto; height: auto}
.frm_tbl th {padding-left:10px;width:100px;border-top:1px solid #eee;border-bottom:1px solid #eee;font-weight:normal;text-align:left}
.frm_tbl td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.frm_tbl textarea,
.frm_input {padding:2px 2px 3px;border:1px solid #b8c9c2;background:#f7f7f7;vertical-align:middle}
.frm_input:focus, input.required:focus {padding:3px 3px 4px;border:0;background:#21272e !important;color:#fff}
.frm_tbl textarea {width:90%;height:70px}
.frm_tbl #captcha {margin:0;padding:0;border:0;background:transparent}
.frm_tbl #captcha input {margin-left:5px;text-align:center}
.frm_tbl a {text-decoration:none}

/* 상단검색폼 */
.form-wrapper { width: 446px; height: 26px; background: url('../img/menu/search.html') no-repeat; display: block; padding: 8px 10px 16px 10px; top: 15px; left: 300px }
.form-wrapper input { float: left; width: 330px; border: 0; padding: 8px 10px 3px 10px; *padding: 10px 10px 1px 10px; background-image: none !important; background-color: #e9e9e9; font: bold 14px/12px Dotum; overflow: hidden }
.form-wrapper button { float: right; right: 10px; background: url('../img/menu/search.html') -366px center no-repeat; border: 0; padding: 5px 0px; width: 90px; font-size: 0; height: 30px }


/* 인덱스페이지 */
#header_skip { z-index: 1000; display: block; top: 0; left: 0; width: 1px; height: 1px; overflow: hidden; position: absolute; text-align: center; font-size: 16px; color: #fff; background: #666 }
#header_skip:focus { font-weight: bold; color: #ff0000; text-decoration: none; width: 100%; max-width: 100%; min-width: 100%; line-height: 2em; height: 35px }
#index_latest { background: url('../img/index/bg.html') no-repeat; width: 710px; height: 500px; margin-left:0px }
#index_latest ul li { margin-bottom: 5px }

/* 각 게시판 상단 안내글 테두리 */
.board_desc {clear:both; margin-bottom:5px;padding:7px 10px 5px;border:1px solid #eee;background:#f9f9f9;color:#BF0000;line-height:1.5em;letter-spacing:-0.1em}
.board_desc a {color:#888;text-decoration:underline}

/* 새창 기본 스타일 */
.new_win {}
.new_win h1 {margin-bottom:20px;padding:0 20px;height:60px;border-top:3px solid #4e5d60;border-bottom:1px solid #e9e9e9;background:#fff;font-size:1.2em;line-height:5em}
.new_win table {margin:0 auto 20px !important;width:93% !important;background:#fff !important}
.new_win_ul {margin:-20px 0 20px 0;padding:0 0 0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
.new_win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win_ul li {float:left;margin-left:-1px}
.new_win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-family:"dotum";font-weight:bold;text-decoration:none}
.new_win_desc {margin:0 auto;width:93%}

/* 기본테이블 */
.basic_tbl {margin-bottom:10px;width:100%;border-collapse:collapse;border-spacing:0}
.basic_tbl caption {margin:0;padding:0;font-size:0;line-height:0;overflow:hidden}
.basic_tbl thead th {padding:12px 0 8px;background:#565e60;color:#fff}
.basic_tbl thead a {color:#fff}
.basic_tbl thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.basic_tbl tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.basic_tbl tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center}
.basic_tbl td {padding:8px 5px 6px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}
.basic_tbl a {}
.bo_sideview td {padding:6px 4px} /* 사이드뷰 사용하는 테이블 셀 패딩값 */
td.empty_table {padding:85px 0;text-align:center}

.empty_list {padding:85px 0;text-align:center}
.btn_win {clear:both;margin-bottom:20px;text-align:center} /* 새창용 */

/* legend 를 이용한 fieldset */
.fieldset { margin-top: 30px; border: 1px solid #ccc; padding: 10px; padding-top: 20px; }
.fieldset legend { display: block; position: absolute; background: #2080D0; margin-top: -35px; padding: 5px 10px; color: #fff }

/* 검색어 강조 */
.sch_word { font-weight: bold }


/* 페이징리스트 */
/* new_paging */
.paging_area {padding:15px 0; text-align:center;}
.new_page span,
.new_page a {display:inline-block; text-decoration: none}
#contents .new_page a {display:inline-block; text-decoration: none}
.new_page a {color:#555;}
.new_page a,
.new_page .curent {height:15px; line-height:15px; padding:0 10px 0 10px; border-left:1px solid #e9e9e9;}
.new_page .curent {letter-spacing:-1px; font-weight:bold; color:#fd650d;}
.new_page .first,
.new_page .first a {border:none;}
.new_page .pre2,
.new_page .pre,
.new_page .next,
.new_page .next2 {padding:0; width:15px; height:15px; overflow:hidden; text-indent:-9000px; border:none; background:url('../skin/board/jy.basic/img/sprites_btn.html') no-repeat; vertical-align:top;}
.new_page .pre2,
.new_page .pre {margin-right:3px;}
.new_page .next,
.new_page .next2 {margin-left:3px;}
.new_page span.pre2 {background-position:-1440px 0;}
.new_page span.pre {background-position:-1460px 0;}
.new_page span.next {background-position:-1480px 0;}
.new_page span.next2 {background-position:-1500px 0;}
.new_page a.pre2 {background-position:-1520px 0;}
.new_page a.pre {background-position:-1540px 0;}
.new_page a.next {background-position:-1560px 0;}
.new_page a.next2 {background-position:-1580px 0;}


span.page_navigation {padding:5px 6px;margin:5px 3px;border:#FF9494 1px solid}
a.page_navigation {padding:5px 7px;margin:0}
/* a.page_navigation {padding:5px 7px;margin:0;border:transparent 1px solid} */
a.page_navigation:hover {border:#ACACAC 1px solid;margin:0 -1px}
a.page_navigation:link,a.page_navigation:active,a.page_navigation:visited {text-decoration:none;color:#1B6C8F}

.member { font-weight: bold }
.member em { font-weight: normal; font-size: 11px; font-style: normal }
.level_icon { padding-right: 5px }


/* 쪽지 */
#memo_view section {margin:0 auto 20px;padding:0px;width:87%}
#memo_view section h2 {width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#memo_view_ul {margin:0;padding:0 0 10px;border-bottom:1px solid #eee;list-style:none}
.memo_view_li {position:relative;padding:5px 0}
.memo_view_subj {display:inline-block;width:65px}
#memo_view_ul a {}
#memo_view section p {padding:10px;min-height:150px;height:auto !important;height:150px;background:#fff}

#memo_write textarea {height:100px}

#sideview { position: absolute; background: #fff; border: 1px solid #999; z-index:1 }
#sideview li { float: none; list-style: none; margin: 0; padding: 0 }
#sideview li a { float: none; display: block; border-bottom: 1px solid #ccc; padding: 3px 30px 2px 10px; font-weight: normal }
#sideview li a:hover, #sideview li a:focus { text-decoration: none; background: #333; color: #fff !important }


/* layout  */
.wrapper,
.bigwrapper { width: 1416px; min-width: 1416px; margin: 0 auto }


/*=============================================================
						  new_헤더
=============================================================*/
#header { position:fixed; width:100%; height:105px; box-sizing:border-box; z-index:9873; background:#fff; /*border-bottom:1px solid #ddd; */transition:all 0s ease; transition:.5s;}
#header .headBox {position:relative; width: 1416px; height:100%; margin:0 auto;}
#header h1 { position:absolute; top:13px; left:0; }
#header h1 img {}

/*헤더1차메뉴*/
#gnb { width:100%; box-sizing:border-box; padding-left:400px;  }
#gnb ul.gnb-depth1 {width:100%; text-align:center; font-size:0;}
#gnb ul.gnb-depth1>li {position:relative; display:inline-block; padding:40px 23px; font-size:20px;}
#gnb ul.gnb-depth1>li::after {position:absolute; top:50%; margin-top:-8px; left:0; width:1px; height:16px; background:#e6e6e6; content:'';}
#gnb ul.gnb-depth1>li:first-of-type::after {display:none;}
#gnb ul.gnb-depth1>li>a {display:block; color:#272727; text-decoration:none; font-size:18px; }
#gnb ul.gnb-depth1>li:hover>a {color:#bbd100;}

#gnb ul.gnb-depth1>li.gnb_list01 { padding:40px 30px; }
#gnb ul.gnb-depth1>li.gnb_list02 { padding:40px 18px; }
#gnb ul.gnb-depth1>li.gnb_list03 { padding:40px 50px; }

#gnb ul.gnb-depth1>li:hover .gnb-depth2 {background:#fafafa; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
#gnb ul.gnb-depth1>li:hover .gnb-depth2::after {width:100%;}
#gnb ul.gnb-depth1>li:first-of-type .gnb-depth2{border-left:1px solid #ddd;}


/*마우스 오버 2차 드롭메뉴*/
#gnb .gnb-depth2 { position:absolute; top:105px; left:0; width:100%; height:0; box-sizing:border-box; z-index:5; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; overflow:hidden;  }
#gnb .gnb-depth2.on { height:310px; display:block; } 
#gnb .gnb-depth2::after {position:absolute; top:-1px; left:0; width:0; height:3px; background:#bbd100; content:''; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
#gnb .gnb-depth2 ul {width:100%; height:100%; padding:25px 0;}
#gnb .gnb-depth2 ul::after {position:absolute; top:0; right:0; width:1px; height:100%; background:#ddd; content:'';}
#gnb .gnb-depth2 ul li {text-align:center; font-size:15px; line-height:23px; width:auto; padding:7px 15px; }

#gnb .gnb-depth2 ul li a {color:#2d2d2d;}
#gnb .gnb-depth2 ul li a:hover {color:#bbd100; text-decoration:none; }

.gnb_bg { border-top:1px solid #ddd; position:fixed; top:142px; left:0; width:100%; height:0; background:#fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.gnb_bg.on {height:310px}


/**/
#header.active { top:0; height:80px; background:#fff; }
#header.active h1 { top:0px; transform:scale(0.7,0.7); transition:padding .5s, transform .5s;}
#header.active ul#glob {display:none;}
#header.active ul#gnb {transition:top .5s;}
#header.active #gnb ul.gnb-depth1>li {position:relative; display:inline-block; padding:30px 23px; font-size:17px;}
#header.active #gnb ul.gnb-depth1>li.gnb_list01 { padding:30px !important; }
#header.active #gnb ul.gnb-depth1>li.gnb_list03 { padding:30px 50px !important; }
#header.active .gnb_bg { top:80px; }
#header.active #gnb .gnb-depth2 {position:absolute; top:80px; }


@media screen and (max-width: 1416px) {
	
	 
}

/* header */
#h1 {margin:0;padding:0;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden;position:relative}
header {
	background:#fff;
	min-width:1416px;
}
header #logo {
	position:absolute;
	left:5%;
	margin:0 0 0 -80px;
	padding:15px 0;
	z-index:1;
}
header .wrapper {position:relative}

#header1-1 {font-size:13px; border-bottom:1px solid #d2d2d2;}
#header1-1 ul li {float:left;  }
#header1-1 ul li a {display:block; padding:5px 10px 6px 28px;position:relative; text-decoration: none;}
#header1-1 ul li a:hover {text-decoration: underline;}

#header1-1 ul li.nth-child-1 {background:url('../img/menu/gnb_sns_001.jpg') center left no-repeat; }
#header1-1 ul li.nth-child-2 {background:url('../img/menu/gnb_sns_002.jpg') center left no-repeat; }
#header1-1 ul li.nth-child-3 {background:url('../img/menu/gnb_sns_003.jpg') center left no-repeat; }
#header1-1 ul li.nth-child-4 {background:url('../img/menu/gnb_sns_004.jpg') center left no-repeat; }
#header1-1 ul li.nth-child-5 {background:url('../img/menu/gnb_sns_005.jpg') center left no-repeat; }
#header1-1 ul li.nth-child-2 a,
#header1-1 ul li.nth-child-3 a,
#header1-1 ul li.nth-child-4 a,
#header1-1 ul li.nth-child-5 a{padding-left:38px;}

#header1-1 .site-link {float:left}
#header1-1 .site-link li a.on {border:1px solid #dfe1e9;border-top:0;border-bottom:0;color:#00a7af}
#header1-1 .site-link li a.on i {position:absolute;width:100%;left:0m:-1px;border-bottom:1px solid #fff;}
#header1-1 .outlogin {float:right}
#header1-1:after {display:block;content:'';clear:both}

#header1-2 {height:105px;border:1px solid #dfe1e9;border-left:0;border-right:0}



/* #header2 {border-bottom:1px solid #d2d2d2;background:url('/img/menu_text.jpg') center no-repeat #fff;} */
#header2 {/*border-bottom:1px solid #d2d2d2;*/background: #fff;}  

#headermenu {overflow:hidden; float:right; }
#headermenu li,
#headermenu2 li {float:left}
#headermenu li:nth-child(1) {/*margin-left:296px*/}
#headermenu li a,
#headermenu2 li a {
    display: block;
    font-size:1.1em;
    font-weight:normal;
    height: 94px;
    line-height: 94px;
    padding: 0 29px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    z-index: 1;
	letter-spacing:-1px;
/* 	display:block;position:relative;
	line-height:74px;
	height:74px;
	text-indent:0;
    z-index:1;
	text-align:center;
	padding:0 25px;
	text-decoration:none;
	font-size:1.1em;
	font-weight:bold; */
	/*
    transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
	*/
}
#header2 .wrapper a.home {
	background:url('../img/menu/home.png') center no-repeat #00a7af;
	padding:0;width:77px;height:74px;display:block;float:left;
}
#headermenu2 li a {background:#00a9b0;color:#fff;border-right:1px solid #4ebdc4}
#headermenu2 li:last-child a {border:0}

#headermenu li a:hover, #headermenu li a:focus, #headermenu li a.on {color:#bbd100; }
#headermenu2 li a:hover, #headermenu2 li a:focus, #headermenu2 li a.on {background-color:#222}

#headermenu2 {position:absolute;right:0;top:0px}
#header2:after {display:block;content:'';clear:both}

/* 멤버쉽,센터소개,상담 및 예약은 대메뉴에서 감춤 */
#headermenu li a#header2menu910,
#headermenu li a#header2menu920 {display:none}

/* 서브 메뉴 */
.header2smenu {
	position:absolute;display:block;z-index:3;
	height:0;
	width:700px;
	left:650px;top:115px;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	overflow:hidden;
}
.header2smenu ul { float:left; width:200px;  height:200px !important; overflow:hidden; box-sizing:border-box; padding-top:10px;  }
#headermenu2 .header2smenu {left:-510px}
#headermenu .header2smenu li {width:100%;margin:0;}
#headermenu .header2smenu li,
#headermenu2 .header2smenu li {/*float:left*/}
#headermenu .header2smenu li a,
#headermenu2 .header2smenu li a {
	display:block;
	position:relative;
	line-height:1.4em;
	height:auto;
	font-size:1.1em;
	padding:12px 0;
	width:180px; 
	font-weight:normal;
	color:#333;
	border:0;
	text-align:left;
	letter-spacing:-1px;
	background:transparent;
	
}
header .header2smenu.on {height:auto;}
#headermenu .header2smenu li a:hover, #headermenu .header2smenu li a:focus, #headermenu .header2smenu li a.on,
#headermenu2 .header2smenu li a:hover, #headermenu2 .header2smenu li a:focus, #headermenu2 .header2smenu li a.on {color:#bbd100}

#header2smenuBG {position:absolute;height:0;width:100%;min-width:1416px;left:0;margin-top:0px;z-index:2; overflow:hidden; box-sizing:border-box;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	background:#fff;
}
#header2smenuBG.on {
	height:250px; background:#fff;
}
#header2smenuBG .bg {
	width:100%;height:100%; background:#fff; 
}
#header2smenuBG .header2menu110 {background:url('../img/menu/smenu.110.png') center bottom no-repeat}
#header2smenuBG .header2menu120 {background:url('../img/menu/smenu.120.png') center bottom no-repeat}
#header2smenuBG .header2menu130 {background:url('../img/menu/smenu.130.png') center bottom no-repeat}
#header2smenuBG .header2menu140 {background:url('../img/menu/smenu.140.png') center bottom no-repeat}
#header2smenuBG .header2menu150 {background:url('../img/menu/smenu.150.png') center bottom no-repeat}
#header2smenuBG .header2menu160 {background:url('../img/menu/smenu.160.png') center bottom no-repeat}
#header2smenuBG .header2menu170 {background:url('../img/menu/smenu.170.png') center bottom no-repeat}
#header2smenuBG .header2menu180 {background:url('../img/menu/smenu.180_new.png') center bottom no-repeat}/* 의료진 소개 */

#header2smenuBG .header2menu200 {background:url('../img/menu/smenu.200.png') center bottom no-repeat}
#header2smenuBG .header2menu300 {background:url('../img/menu/smenu.300.png') center bottom no-repeat}
#header2smenuBG .header2menu600 {background:url('../img/menu/smenu.600.png') center bottom no-repeat}
#header2smenuBG .header2menu700 {background:url('../img/menu/smenu.700.png') center bottom no-repeat}



/* 상단 top-menu */
#allmenu2 {background:#bbd100;border:0;width:60px;height:60px;float:right;position:relative; margin-top:15px;}
#allmenu2 i {position:absolute;width:73%;height:2px;background:#fff;
left:16%;
	transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
	margin-top:-5px;


}
#allmenu2 i:nth-child(1) {top:25px}
#allmenu2 i:nth-child(2) {top:35px}
#allmenu2 i:nth-child(3) {top:45px}
#allmenu2.on i:nth-child(2) {display:none}
#allmenu2.on i:nth-child(1) {
  left:20%;
  margin-top:-1px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform-origin: 25% 10%;
	-ms-transform-origin: 25% 10%;
	-webkit-transform-origin: 25% 10%;
	-o-transform-origin: 25% 10%;
	-moz-transform-origin: 25% 10%;
}
#allmenu2.on i:nth-child(3) {
   left:20%;
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
    transform-origin: 20% 80%;
	-ms-transform-origin: 20% 80%;
	-webkit-transform-origin: 20% 80%;
	-o-transform-origin: 20% 80%;
	-moz-transform-origin: 20% 80%;
}
#allmenu2-wrap {/*background:rgb(0,0,0,0.8);*/ background:#fff; border-bottom: 1px solid #e0e0e0; 
	color:#fff;letter-spacing:-1px;padding:0px 0 0px 0;z-index:1001;position:absolute;left:0;right:0;height:0;
	overflow:hidden;
	transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
}
#allmenu2-wrap.on {height:430px;padding:15px 0 20px}
#allmenu2-wrap h5 {font-weight:normal; font-size:19px; font-weight: 500; color: #212121; position:relative;padding:10px 0;}
#allmenu2-wrap h5:after {height:3px;background:#bbd100;width:85%;left:0;bottom:0;content:'';position:absolute;}
#allmenu2-wrap a {color:#555;font-size:16px;}
#allmenu2-wrap a:hover { color:#bbd100;  }
#allmenu2-wrap .ul li {float:left;width:14%}
#allmenu2-wrap .ul:after {display:block;content:'';clear:both}
#allmenu2-wrap .ul li li {float:none;width:100%; line-height:32px; }

#top-menu {position:absolute;right:0;top:40px}
#top-menu ul {}
#top-menu li {float:left;list-style:none;margin-right:10px}
#top-menu>li>a{    font-size: 1.2em;font-weight: bold;margin-left: 10px;}
#top-menu .header2smenu {left:inherit;top:30px;right:0;width:400px;}
#top-menu .header2smenu li a {color:#8F8F8F;font-size:12.5px;letter-spacing:-1px}
#top-menu #header2smenu300 {width:575px}
#top-menu #header2smenu600 {width:280px}
.ie #top-menu #header2smenu300 {width:600px}
.ie #top-menu #header2smenu600 {width:290px}


/* 상단 메뉴 배경 이미지를 미리 로드한다. 깜빡임 방지 */
.preload {position:absolute;left:-10000px}
.preload img {width:1px}

#header2smenu130 {width:600px;}
#headermenu #header2smenu130 li a {width:145px}
#header2smenu140 {width:600px;}
#headermenu #header2smenu140 li a {width:170px}
#header2smenu150 {width:600px;}
#headermenu #header2smenu150 li a {width:170px}
#header2smenu200 {width: 550px;}
#header2menu910,
#header2menu920 {display:none !important}
#headerMouse { position: fixed; bottom: 0; left: -46px; z-index:2 }

/* 우측 fixed 
#asideRight {
	position:fixed;top:205px;width:97px;z-index:10;right:0px;
	border:1px solid #c6c3c6;
	background:#fff;
	border-bottom:0;
	border-right:0;
	-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out
}
#asideRight.scroll{top:0}

#asideRight aside a {display:block;position:relative}
#asideRight aside span {display:block;width:96px;height:94px;text-indent:-9999em;background:url('/img/menu/asideRight.png') no-repeat;position:relative;z-index:1}
#asideRight aside a {border-bottom:1px solid #c6c3c6}
#asideRight aside a i {position:absolute;width:0%;height:100%;right:0%;top:0;background:#fda681;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}
#asideRight aside a:hover i, #asideRight aside a:focus i {width:100%}
#asideRight aside li.nth-child-1 span {height:93px;background-position:-1px -1px}
#asideRight aside li.nth-child-2 span {background-position:-1px -95px}
#asideRight aside li.nth-child-3 span {background-position:-1px -190px}
#asideRight aside li.nth-child-4 span {background-position:-1px -285px}
#asideRight aside li.nth-child-5 span {background-position:-1px -380px}
#asideRight aside li.nth-child-6 span {background-position:-1px -475px}
#asideRight aside li.nth-child-7 span {background-position:-1px -570px}*/

/* 우측 fixed */
#asideRight {position:absolute;top:250px;right:20px;bottom:0;width:105px;z-index:9999;}
#asideRight aside { padding: 0 0 0 2px;height: 505px;background:url('../img/page/asideRightBg.png') no-repeat;}
#asideRight aside a {background:url('../img/page/asideRight.png') no-repeat;display:block;height:101px;text-indent:-9999em; width:87px;}
#asideRight aside li.nth-child-2 a {background-position:0 -101px;height:85px;}
#asideRight aside li.nth-child-3 a {background-position:0 -185px;height:83px;}
#asideRight aside li.nth-child-4 a {background-position:0 -268px;height:83px;}
#asideRight aside li.nth-child-5 a {background-position:0 -350px;height:77px;}
#asideRight aside li.nth-child-6 a {background-position:0 -426px;height:70px;}
#asideRight aside li a:hover, #asideRight aside li a:focus {background-position-x:right}




/* 상단 전체 메뉴 */
#allmenu-wrap {position:absolute;width:1416px;left:50%;margin-left:-708px;z-index:11;display:none;font-size:13px}
#allmenu-wrap .wrapper {width:1416px;min-width:1416px}
#allmenu-wrap h3 {font-size:24px;padding:10px 0}
#allmenu-wrap .inner {border:4px solid #23ace3;padding:0 60px 60px 60px;position:relative;background:#fff}
#allmenu-wrap #allmenu-close {position:absolute;right:0;top:0;background:#23ace3;color:#fff;padding:20px 30px;font-size:24px}
#allmenu-wrap h5 {position:absolute;left:60px;margin:25px 0 0 0px;color:#23ace3;font-weight:normal;font-size:1.15em}
#allmenu-wrap h5 span {color:#3a3a3a}
#allmenu-wrap a {color:#333333;display:inline-block;line-height:1.2em;vertical-align:middle;font-size:1.15em;}
#allmenu-wrap .ul {margin-left:225px}
#allmenu-wrap .allmenu-ul {padding:20px 0}
#allmenu-wrap .allmenu-ul li {float:left;width:25%}
#allmenu-wrap .allmenu-ul li ul {display:inline-block;margin-left:20px}
#allmenu-wrap .allmenu-ul li li {width:auto !important;display:inline-block;margin:0;margin-bottom:-8px;margin-right:20px}
#allmenu-wrap .allmenu-ul li li a {color:#858584;font-size:.9em;line-height:1em}
#allmenu-wrap ul:after {display:block;content:'';clear:both}
#allmenu-wrap div {border-bottom:1px solid #d2d2d2;position:relative;clear:both;}


/* 좌측 메뉴 */
#lmenu em {display:none}
#lmenu li:first-child a {border-top:1px solid #d5d7de}
#lmenu li a {display:block;position:relative;text-decoration:none;position:relative;font-size:1em;border-bottom:1px solid #d5d7de;overflow:hidden}
#lmenu li a span {display:block;position:relative;z-index:1;padding:10px 0 10px 25px;letter-spacing:-1px}
#lmenu li a span,
#lmenu li a i {
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}
#lmenu li a i {
	background:#1853d9;
	right:-230px;width:100%;height:100%;top:0;
	position:absolute;
}
#lmenu li a:hover span, #lmenu li a:focus span, #lmenu li a.on span {color:#fff}
#lmenu li a:hover i, #lmenu li a:focus i, #lmenu li a.on i {right:0}

#lmenu .snbLeftSub {border-bottom:1px solid #d5d7de;padding:10px 0}
#lmenu .snbLeftSub li a {font-size:0.95em;padding:3px 0 3px 30px;border:0;color:#585858}
#lmenu .snbLeftSub li a:hover, #lmenu .snbLeftSub li a:focus, #lmenu .snbLeftSub li a.on {color:#1853d9}


/* 서브페이지 상단 */
.pagetitle .wrapper {position:relative;background:#fff;height:80px;margin-top:-80px;text-align:center}
.pagetitle .prev,
.pagetitle .next {position:absolute;width:25px;height:25px;background:url('../img/page/current-arrow.png') no-repeat;top:0px;z-index:1;margin-top:-90px}
.pagetitle .prev {left:0}
.pagetitle .next {background-position:right top;right:0}
.pagetitle h2 {position:absolute;width:50%;margin-left:25%;text-align:center;top:-100px;color:#fff;font-size:2em}
.pagetitle ul {padding-top:20px}
.pagetitle ul li {display:inline-block}
.pagetitle ul li a {display:inline-block;position:relative;padding:5px 15px;text-decoration:none}
.pagetitle ul li a:hover, .pagetitle ul li a:focus, .pagetitle ul li a.on {color:#00a9b0}
.pagetitle ul li a i {position:absolute;right:0;top:10px;width:1px;height:15px;background:#dfe1e9}
.pagetitle ul li:last-child a i {display:none}
.pagetitle a:hover, .pagetitle a:focus {background-position-y:bottom}


/* 상단 타이틀 */
#snbMain { padding-top:105px; }
#contents-wrap {position:relative;}
#contents-wrap:after {display:block;visibility:hidden;clear:both;float:none;content:""}

#topimg {}
#topimg .wrapper {position:relative}
.menu110 #topimg {height:245px;background:url('../img/page/topimg/110.jpg') center no-repeat}
.menu120 #topimg {height:245px;background:url('../img/page/topimg/120.jpg') center no-repeat}
.menu130 #topimg {height:245px;background:url('../img/page/topimg/130.jpg') center no-repeat}
.menu140 #topimg {height:245px;background:url('../img/page/topimg/140.jpg') center no-repeat}
.menu150 #topimg {height:245px;background:url('../img/page/topimg/150.jpg') center no-repeat}
.menu160 #topimg {height:245px;background:url('../img/page/topimg/160.jpg') center no-repeat}
.menu170 #topimg {height:245px;background:url('../img/page/topimg/170.jpg') center no-repeat}
.menu200 #topimg {height:245px;background:url('../img/page/topimg/200.jpg') center no-repeat}
.menu200104 #topimg {height:245px;background:url('../img/page/topimg/200104.jpg') center no-repeat}
.menu200105 #topimg {height:245px;background:url('../img/page/topimg/200105.jpg') center no-repeat}
.menu300 #topimg {height:245px;background:url('../img/page/topimg/300.jpg') center no-repeat}
.menu300101 #topimg {height:245px;background:url('../img/page/topimg/300101.jpg') center no-repeat}
.menu300102 #topimg {height:245px;background:url('../img/page/topimg/300102.jpg') center no-repeat}
.menu300103 #topimg {height:245px;background:url('../img/page/topimg/300103.jpg') center no-repeat}
.menu300104 #topimg {height:245px;background:url('../img/page/topimg/300104.jpg') center no-repeat}
.menu300105 #topimg {height:245px;background:url('../img/page/topimg/300105.jpg') center no-repeat}
.menu300106 #topimg {height:245px;background:url('../img/page/topimg/300106.jpg') center no-repeat}
.menu300107 #topimg {height:245px;background:url('../img/page/topimg/300107.jpg') center no-repeat}
.menu300108 #topimg {height:245px;background:url('../img/page/topimg/300108.jpg') center no-repeat}
.menu600 #topimg {height:245px;background:url('../img/page/topimg/600.jpg') center no-repeat}
.menu600102 #topimg {height:245px;background:url('../img/page/topimg/600102.jpg') center no-repeat}
.menu600103 #topimg {height:245px;background:url('../img/page/topimg/600103.jpg') center no-repeat}
.menu600104 #topimg {height:245px;background:url('../img/page/topimg/600104.jpg') center no-repeat}
.menu700 #topimg {height:245px;background:url('../img/page/topimg/700.jpg') center no-repeat}
.menu700102 #topimg {height:245px;background:url('../img/page/topimg/700102.jpg') center no-repeat}
.menu700103 #topimg {height:245px;background:url('../img/page/topimg/700103.jpg') center no-repeat}
.menu700104 #topimg {height:245px;background:url('../img/page/topimg/700104.jpg') center no-repeat}
.menu700105 #topimg {height:245px;background:url('../img/page/topimg/700105.jpg') center no-repeat}
.menu700106 #topimg {height:245px;background:url('../img/page/topimg/700106.jpg') center no-repeat}
.menu910 #topimg,
.menu920 #topimg {height:245px;background:url('../img/page/topimg/910.jpg') center no-repeat}



/* 하단 공통 */
#article-footer {display:none}


/* 하단 */
footer {position:relative}

#footer1 {background:#f2f2f2}
#footer1 .wrapper {position:relative;height:276px}
#footer1 .line {position:absolute;left:0;top:50px;margin:0 0 0 -1px;width:1px;height:180px;background:#d2d2d2}
#footer1 .sec {float:left;margin-right:1px;position:relative}
#footer1 .sec-2 {padding-top:43px;width:352px;}
#footer1 .sec-2 .sec-2-banner {position:absolute;left:0;top:43px;width:352px;}
#footer1 .sec-2 .sec-2-banner li {float:left;width:33.333333%}
#footer1 .sec-2 .sec-2-banner li a {display:block;height:108px;text-indent:-9999em;background:url('../img/page/transparent.png') center no-repeat;}
#footer1 .sec-2 .sec-2-banner li.nth-child-1 a{background:url('../img/page/footer/footer1-ico-1.png') center top no-repeat;}
#footer1 .sec-2 .sec-2-banner li.nth-child-1 a:hover{background:url('../img/page/footer/footer1-ico-on-1.png') center top no-repeat;}
#footer1 .sec-2 .sec-2-banner li.nth-child-2 a{background:url('../img/page/footer/footer1-ico-2.png') center top no-repeat;}
#footer1 .sec-2 .sec-2-banner li.nth-child-2 a:hover{background:url('../img/page/footer/footer1-ico-on-2.png') center top no-repeat;}
#footer1 .sec-2 .sec-2-banner li.nth-child-3 a{background:url('../img/page/footer/footer1-ico-3.png') center top no-repeat;}
#footer1 .sec-2 .sec-2-banner li.nth-child-3 a:hover{background:url('../img/page/footer/footer1-ico-on-3.png') center top no-repeat;}
#footer1 .sec-2 .sec-2-banner li.nth-child-4 a{background:url('../img/page/footer/footer1-ico-4.png') center top no-repeat;}
#footer1 .sec-2 .sec-2-banner li.nth-child-4 a:hover{background:url('../img/page/footer/footer1-ico-on-4.png') center top no-repeat;}
#footer1 .sec-2 .sec-2-banner li.nth-child-5 a{background:url('../img/page/footer/footer1-ico-5.png') center top no-repeat;}
#footer1 .sec-2 .sec-2-banner li.nth-child-5 a:hover{background:url('../img/page/footer/footer1-ico-on-5.png') center top no-repeat;}
#footer1 .sec-2 .sec-2-banner li.nth-child-6 a{background:url('../img/page/footer/footer1-ico-6.png') center top no-repeat;}
#footer1 .sec-2 .sec-2-banner li.nth-child-6 a:hover{background:url('../img/page/footer/footer1-ico-on-6.png') center top no-repeat;}

#footer1 .sec-2 .latest-wrap {padding:0 20px 0 20px;position:relative}
#footer1 .sec-2 .latest-wrap ul {font-size:.9em}
#footer1 .sec-2 .latest-wrap li a {display:block;padding-right:0px;position:relative}
#footer1 .sec-2 .latest-wrap li a em {display:none}
#footer1 .sec-2 .latest-wrap .more {position:absolute;right:20px;top:0;font-size:.8em}



#footer1 .sec-3 {padding-top:50px;padding-left:50px}
#footer1 .sec-3 form {position:relative;width:540px}
#footer1 .sec-3 .checkbox {font-size:.9em;margin-left:10px}
#footer1 .sec-3 .checkbox input {
	-ms-transform: scale(1.5); /* IE */
	-moz-transform: scale(1.5); /* FF */
	-webkit-transform: scale(1.5); /* Safari and Chrome */
	-o-transform: scale(1.5); /* Opera */
}
#footer1 .sec-3 h4 {display:inline;font-size:1.4em}
#footer1 .sec-3 ul {margin:20px 0 0}
#footer1 .sec-3	li {font-size:.9em;position:relative;padding:5px 0 5px 80px;width:245px}
#footer1 .sec-3	li .label {position:absolute;left:0}
#footer1 .sec-3 li input {width:96%}
#footer1 .sec-3 li select {width:98%}
#footer1 .sec-3 li.tel input,
#footer1 .sec-3 li.tel select {width:73px}
#footer1 .sec-3 button {position:absolute;left:330px;top:57px;background:#00a7af;border:1px solid #00a7af;color:#fff;padding:40px 20px}
#footer1 .sec-3 .hint {position:absolute;right:0;top:57px;color:#00a7af;font-size:.8em;letter-spacing:-1px}
.ie #footer1 .sec-3 button {padding:38px 18px}

#footer1 .wrapper:after {display:block;content:'';clear:both}


#footer2 {height:361px;min-width:1416px;background:url('../img/page/footer/footer2.jpg') center no-repeat}
#footer2 .wrapper {position:relative}
#footer2 a {position:absolute;left:654px;top:260px;width:109px;height:33px;background:url('../img/page/footer/footer2-more.png') no-repeat;text-indent:-9999em}
#footer2 a:hover, #footer2 a:focus {background-position:left bottom}

#footer3 {}
#footer3 .wrapper {position:relative;}
#footer3 #footermenu1 {text-align:center;/*border-bottom:1px solid #d2d2d2;*/ border-top:1px solid #d2d2d2}
#footer3 .wrapper ul {}
#footer3 .wrapper li {display:inline-block}
#footer3 .wrapper a {padding:15px 20px 15px 20px;display:inline-block;font-size:.9em;position:relative;color:#343434}
#footer3 .wrapper a i {position:absolute;right:0;top:21px;width:1px;height:12px;background:#343434}
#footer3 .wrapper li:last-child a i {display:none}
#footer3 .wrapper a:hover, #footer3 .wrapper a:focus {}
#footer3:after {display:block;content:'';clear:both}

#footer4 {position:relative;min-width:1416px;padding:30px 0 80px;font-size:.85em;letter-spacing:-1px;text-align:center}
#footer4 address {margin:0;padding:0;font-style:normal;display:inline}
#footer4 div {margin-top:30px}
#footer4 .wrapper:after {display:block;content:'';clear:both}


/*=========================================================
  푸터 컨텐츠
=========================================================*/
/*.f_contbx{padding:40px 0;background:#fff; }
.f_logo{width:333px; float: left;margin-left: 100px;padding-top:10px;}
.f_logo a{display: block; line-height: 0;}
.f_contbx .f_cont{overflow: hidden;padding-right: 124px;position: relative;}
.f_contbx .f_cont .info_nav{margin-bottom: 20px;}
.f_contbx .f_cont .info_nav ul:after{content: ""; display: table; clear: both;}
.f_contbx .f_cont .info_nav ul li{float: left;padding-right: 17px; margin-right: 16px;position: relative;}
.f_contbx .f_cont .info_nav ul li:after{content: "";width:1px; height: 12px; background: #666666; position: absolute; top:50%; margin-top:-7px; right:0;}
.f_contbx .f_cont .info_nav ul li:last-child{padding-right: 0; margin-right: 0;}
.f_contbx .f_cont .info_nav ul li:last-child:after{display: none;}
.f_contbx .f_cont .info_nav ul li a{display: block;font-size: 14px; color:#333; line-height: 1.4em;font-weight: bold;}
.f_address{font-size: 14px; color:#333; line-height: 1.5em;margin-bottom: 5px;}
.f_contbx .copy{font-size: 14px; color:#666666; line-height: 1.5em;margin-bottom: 15px;}
.f_right_cont{float:right;}*/

.f_contbx{padding:20px 0 30px 0; background:#fff; border-top: 1px solid #d2d2d2; }
.f_logo{width:100%; text-align:center; }
.f_logo a{display: block; line-height: 0;}
.f_contbx .f_cont{overflow: hidden; position: relative; text-align:center; }
.f_contbx .f_cont .info_nav{margin-bottom: 20px;}
.f_contbx .f_cont .info_nav ul:after{content: ""; display: table; clear: both;}
.f_contbx .f_cont .info_nav ul li{float: left;padding-right: 17px; margin-right: 16px;position: relative;}
.f_contbx .f_cont .info_nav ul li:after{content: "";width:1px; height: 12px; background: #666666; position: absolute; top:50%; margin-top:-7px; right:0;}
.f_contbx .f_cont .info_nav ul li:last-child{padding-right: 0; margin-right: 0;}
.f_contbx .f_cont .info_nav ul li:last-child:after{display: none;}
.f_contbx .f_cont .info_nav ul li a{display: block;font-size: 16px; color: rgb(85, 85, 85); line-height: 1.4em;font-weight: bold;}
.f_address{font-size: 16px; color: rgb(85, 85, 85); line-height: 1.5em;margin-bottom: 5px;}
.f_contbx .copy{font-size: 16px; color:#666; line-height: 1.5em;margin-bottom: 15px;}
.f_right_cont{ text-align:center; }

/*info ls*/
.f_info_bx ul { width:270px; text-align:center; margin:0 auto; }
.f_info_bx ul:after{content: ""; display: table; clear: both;  }
.f_info_bx ul li{  float: left;font-size: 15px; color:#666; line-height: 1.8em; font-weight: bold; padding-left:20px; margin-right:20px; position: relative;}
.f_info_bx ul li:last-child {margin-right:0px !important;}

.f_info_bx ul li:before{content: ""; background: url(../img/page/footer/icon/icon_item.png) no-repeat;background-size: 250px 250px;position: absolute; top:50%; left:0; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.f_info_bx ul li a{display: block; color:#ccc;}

/*아이콘*/
.f_info_bx ul li.tel:before{width:15px; height: 16px; background-position: 0 -43px;}
.f_info_bx ul li.fax:before{width:17px; height: 16px; background-position: 0 -66px;}
.f_info_bx ul li.email:before{width:17px; height: 14px; background-position: 0 -88px;}

/*호버*/
.f_info_bx ul li a:hover{color:#f36e21;}



/* 웹접근성 */
#header_skip { z-index: 1000; display: block; top: 0; left: 0; width: 1px; height: 1px; overflow: hidden; position: absolute; text-align: center; font-size: 16px; color: #fff; background: #666 }
#header_skip:focus { font-weight: bold; color: #ff0000; text-decoration: none; width: 100%; max-width: 100%; min-width: 100%; line-height: 2em; height: 35px }


.board_page { text-align: center; padding-top:20px; height:auto }
.board_page a, .board_page b, .board_page .noact { display: inline-block; margin-right: 3px; vertical-align: middle; border:1px solid #dedede; padding: 11px;line-height:1em }
.board_page img { vertical-align: middle }
.board_page a span, .board_page b {color:#aaa;font-weight:bold}
.board_page b { background:#00a9b0; color: #fff } 

/* 게시판 공통 버튼 */
.board_button {margin: 20px 0 0 0;position:relative}
.board_button a { background: #1472ca; display: inline-block; padding: 6px 30px 6px 30px; color: #fff; font-weight: normal; vertical-align: middle}
.board_button a:hover {text-decoration:none}
.board_button .btn { border: 1px solid #1472ca; background: #1472ca; display: inline-block; padding: 6px 30px 6px 30px; color: #fff; font-weight: normal; vertical-align: middle }
.board_button .blue {background:#2754ae;border-color:#444}
.board_button .black {background:#232021;border-color:#232021}
.board_button .lite-black {background:#4b4b4b;border-color:#4b4b4b}
.board_button .sky {background:#00b8cc;border-color:#00b8cc}
.board_button .cancel {background: #aaa;border-color:#aaa}
.board_button .dark {background: #181619;border-color:#181619}
.board_button .litedark {background: #7d7d7d;border-color:#7d7d7d}
.board_button .gray {background:#bdbdbd;border-color:#bdbdbd}
.board_button .red {background:#00a7af;border-color:#00a7af}
.board_button .orange {background:#00a9b0;border-color:#00a9b0}
.board_button .lite-brown {background:#a78752;border-color:#a78752}
.board_button .lite-sky {background:#7ad2d4;border-color:#7ad2d4}
.board_button .purple2 {background:#5e35ab;border-color:#5e35ab}

.board_button a, .board_button .btn {font-size:13px}
.board_button .btn {line-height:23px}

.board_button a.bigPadding { padding: 15px 30px }
.board_button button.bigPadding { padding: 15px 30px 15px 30px }
.board_button a:hover, .board_button a:focus, .board_button button:hover, .board_button button:focus {}
.board_button:after {display:block;visibility:hidden;clear:both;float:none;content:""}

/* 게시판 공통 버튼2 */
.board_button2 {margin: -30px 0 10px 0;position:relative}
.board_button2 a { background: #1472ca; display: inline-block; padding: 6px 30px 6px 30px; color: #fff; font-weight: normal; vertical-align: middle}
.board_button2 a:hover {text-decoration:none}
.board_button2 .btn { border: 1px solid #1472ca; background: #1472ca; display: inline-block; padding: 6px 30px 6px 30px; color: #fff; font-weight: normal; vertical-align: middle }
.board_button2 .blue {background:#2754ae;border-color:#444}
.board_button2 .black {background:#232021;border-color:#232021}
.board_button2 .lite-black {background:#4b4b4b;border-color:#4b4b4b}
.board_button2 .sky {background:#00b8cc;border-color:#00b8cc}
.board_button2 .cancel {background: #aaa;border-color:#aaa}
.board_button2 .dark {background: #181619;border-color:#181619}
.board_button2 .litedark {background: #7d7d7d;border-color:#7d7d7d}
.board_button2 .gray {background:#bdbdbd;border-color:#bdbdbd}
.board_button2 .red {background:#9a0d16;border-color:#9a0d16}
.board_button2 .orange {background:#00a9b0;border-color:#00a9b0}
.board_button2 .lite-brown {background:#a78752;border-color:#a78752}
.board_button2 .lite-sky {background:#7ad2d4;border-color:#7ad2d4}
.board_button2 .purple2 {background:#5e35ab;border-color:#5e35ab}

.board_button2 a, .board_button .btn {font-size:13px}
.board_button2 .btn {line-height:23px}

.board_button2 a.bigPadding { padding: 15px 30px }
.board_button2 button.bigPadding { padding: 15px 30px 15px 30px }
.board_button2 a:hover, .board_button a:focus, .board_button button:hover, .board_button button:focus {}
.board_button2:after {display:block;visibility:hidden;clear:both;float:none;content:""}


/* ie fix */
.ie .board_button a { padding: 6px 30px }
.ie .board_button a.bigPadding { padding: 15px 30px 14px 30px }
.ie .board_button button.bigPadding {padding: 15px 30px 15px 30px}

.board_search {text-align: center;margin-bottom:0px;background:#FFF;border:1px solid #FFF;padding:20px 0 0 0;margin-top:0px}
.view_bottom_spacer {height:110px}
.board_bottom_spacer {height:0px}
.board_view td.viewContentTD {word-break:break-all; padding:50px 60px;border-bottom:0}
.board_view td.viewContentTD td {border:0}

.sr-only,.sound_only,.sound_only2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
.sound_only { margin:0; padding:0; font-size: 1px; text-indent: -9999px }
.sound_only2 { margin:0; padding:0; font-size: 1px; text-indent: -9999px; height: 1px}
fieldset.sound_only { display: inline-block; font-size: 12px; text-indent: 0; position: static; left: 0 }
legend.sound_only, .sound_onlyA { position: absolute; left: -9999px }

hr.hr { border: 0; margin: 0; border-bottom: 1px dotted #bdc5cb; height: 1px; width: 460px; text-align: left }


/* iframe 레이어 팝업 */
#inner_bg              { left: 0; top: 0; width: 100%; height: 100%; position: absolute; background: url('../img/bg/popupbg.png') repeat; z-index: 1001 }
#inner_bg_layer        { position: absolute; left: 0; top: 0; width: 100% }
#inner_bg_frame_area   { position: relative; width: 885px; margin: 0 auto; margin-top: -9999px }

/* 게시판 */
.gothic {font-family:'맑은고딕','Malgun Gothic','나눔고딕','Nanum Gothic','Dotum'}
.board_list tr td.empty {line-height:400px}
.board-wrap {font-size:.9em;position:relative;width:1180px;min-width:1180px;margin:0 auto 100px auto}
.board_tit {font-size:1.2em}

.w95 {width:95%}
.w98 {width:98%}


/* 하단 공통 탭 배너 */
#mContentBottomCommon{width:1200px;position:absolute;left:50%;margin-left:-600px;}
.menu100200  #mContentBottomCommon{top:751px;}
.menu200200  #mContentBottomCommon{bottom:151px;}
.menu400100  #mContentBottomCommon{bottom:111px;}
.menu500100  #mContentBottomCommon{bottom:111px;}
.mContentBottomCommon a {position:absolute;width:172px;height:25px}
.mContentBottomCommon a:hover, .mContentBottomCommon a:focus {box-shadow:0 0 10px 1px #666}
#mContentBottomCommon img {display:block;margin-bottom:30px}
#mContentBottomCommon li {float:left;margin-right:1px}
#mContentBottomCommon li.nth-child-4 {margin:0}
#mContentBottomCommon li a {display:block;background:#8b9ec3;text-align:center;color:#FFF;width:299px;font-size:21px;line-height:26px;padding:10px 0 15px 0;letter-spacing:-2px}
.menu100200 #mContentBottomCommon li a {background:#e6e0ca;color:#967813;}
#mContentBottomCommon li.nth-child-4 a{width:300px;}
#mContentBottomCommon li a span.s{font-size:16px;}
#mContentBottomCommon li a:hover, #mContentBottomCommon li a.on {background:#1f1142;color:#FFF;text-decoration:none}
.menu100200 #mContentBottomCommon li a:hover, .menu100200 #mContentBottomCommon li a.on {background:#1f1142;color:#FFF;}
#mContentBottomCommon1 {background:url('../img/page_a/mContentBottomCommon1.html') no-repeat;height:598px;position:relative}
#mContentBottomCommon2 {background:url('../img/page_a/mContentBottomCommon2.html') no-repeat;height:598px;position:relative;display:none}
#mContentBottomCommon3 {background:url('../img/page_a/mContentBottomCommon3.html') no-repeat;height:598px;position:relative;display:none}
#mContentBottomCommon4 {background:url('../img/page_a/mContentBottomCommon4.html') no-repeat;height:598px;position:relative;display:none}
/* 서브 컨텐츠 가로 폭 */
.sContentWrap {width:908px;margin:0 auto}
.sContentWrap p {margin:0;padding:0;line-height:1.8em}
.sContentWrap h3 {font-size:28px;line-height:35px;letter-spacing:-1px;margin:0;padding:0;margin-bottom:35px;color:#272727;font-weight:normal}
.sContentWrap h3.ico_circle {background:url('../img/ico/ico_heading.png') left center no-repeat;text-indent:38px}
.sContentWrap h4 {color:#272727;font-size:20px;font-weight:normal}
.sContentWrap .sHeading {color:#272727;font-weight:normal;font-size:22px;letter-spacing:-1px;line-height:1.4em}
.sContentWrap .sContent {color:#6d6d6d;margin:5px 0}
.sContentWrap .cSky {color:#00a6f4}
.sContentWrap .fUpdot2 {font-size:1.2em;line-height:1.6em}
.sContentWrap .cGray {color:#6d6d6d}
.sContentWrap .mT20 {margin-top:20px}

.thumbul li {position:relative;padding-left:390px;padding-bottom:40px;min-height:151px}
.thumbul li h4 {font-size:22px;color:#272727;padding-top:5px}
.thumbul li img {position:absolute;left:0;top:0}




/* 가로해상도 미디어 쿼리 */
@media all and (max-width: 1880px) {
	.responsive-wrap {width:1416px;min-width:1416px;position:relative;margin:0 auto}
	#header1 .ico {right:0px;top:0;z-index:1}
	#header1 .ico li {float:left}
	#header1 .ico li a {display:block;width:35px;height:35px;background-size:15px !important}
	#topmenu {position:absolute;right:80px;top:0}
}
@media all and (max-width: 1780px) {
	header #logo {}
	header #logo .big {display:none}
	header #logo .small {display:block}
}





.blind {
  position: absolute !important;
  height: 1px; width: 1px; 
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}


.ellipsis {text-overflow: ellipsis; white-space: nowrap; overflow: hidden}
.imgResize {border:1px dotted #829C2C;padding:2px}


/* padding */
.pt5 { padding-top:5px !important; }
.pt10 { padding-top:10px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }
.pt35 { padding-top:35px !important; }
.pt40 { padding-top:40px !important; }
.pt45 { padding-top:45px !important; }
.pt50 { padding-top:50px !important; }

.pr5 { padding-right:5px !important; }
.pr10 { padding-right:10px !important; }
.pr15 { padding-right:15px !important; }
.pr20 { padding-right:20px !important; }
.pr25 { padding-right:25px !important; }
.pr30 { padding-right:30px !important; }
.pr35 { padding-right:35px !important; }
.pr40 { padding-right:40px !important; }
.pr45 { padding-right:45px !important; }
.pr50 { padding-right:50px !important; }

.pb5 { padding-bottom:5px !important; }
.pb10 { padding-bottom:10px !important; }
.pb15 { padding-bottom:15px !important; }
.pb20 { padding-bottom:20px !important; }
.pb25 { padding-bottom:25px !important; }
.pb30 { padding-bottom:30px !important; }
.pb35 { padding-bottom:35px !important; }
.pb40 { padding-bottom:40px !important; }
.pb45 { padding-bottom:45px !important; }
.pb50 { padding-bottom:50px !important; }

.pl0 { padding-left:0px !important; }
.pl5 { padding-left:5px !important; }
.pl10 { padding-left:10px !important; }
.pl15 { padding-left:15px !important; }
.pl20 { padding-left:20px !important; }
.pl25 { padding-left:25px !important; }
.pl30 { padding-left:30px !important; }
.pl35 { padding-left:35px !important; }
.pl40 { padding-left:40px !important; }
.pl45 { padding-left:45px !important; }
.pl50 { padding-left:50px !important; }

.pppp10{padding:10px !important;}
.pppp15{padding:15px !important;}
.pppp20{padding:20px !important;}
.pppp30{padding:30px 40px !important;}

/* margin */
.mt-25{margin-top:-25px !important;}
.mt-40{margin-top:-40px !important;}
.mt0 { margin-top:0px !important;}
.mt5 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt45 { margin-top:45px !important; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px !important; }
.mt70 { margin-top:70px !important; }
.mt80 { margin-top:80px !important; }
.mt90 { margin-top:90px !important; }
.mt100 { margin-top:100px !important; }



.mr5 { margin-right:5px !important; }
.mr8 { margin-right:8px !important; }
.mr10 { margin-right:10px !important; }
.mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }
.mr25 { margin-right:25px !important; }
.mr30 { margin-right:30px !important; }
.mr35 { margin-right:35px !important; }
.mr40 { margin-right:40px !important; }
.mr45 { margin-right:45px !important; }
.mr50 { margin-right:50px !important; }

.mb0 { margin-bottom:0 !important; }
.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb45 { margin-bottom:45px !important; }
.mb50 { margin-bottom:50px !important; }

.ml-20{margin-left:-20px !important;}
.ml-15{margin-left:-15px !important;}
.ml0 { margin-left:0 !important; }
.ml5 { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }
.ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }
.ml35 { margin-left:35px !important; }
.ml40 { margin-left:40px !important; }
.ml45 { margin-left:45px !important; }
.ml50 { margin-left:50px !important; }
.ml70 { margin-left:70px !important; }

