@charset "UTF-8";
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
/* //// 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', '맑은고딕','Malgun Gothic','Nanum Barun Gothic', '나눔바른고딕', 'Nanum Gothic', '나눔고딕', 'Dotum';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}
body,input,button,select,textarea {font-family:'Noto Sans KR', 'sans-serif', '맑은고딕','Malgun Gothic','Nanum Barun Gothic', '나눔바른고딕', 'Nanum Gothic', '나눔고딕', 'Dotum'} 
button {cursor:pointer} 
select {padding: 3px;border:1px solid #A9A9A9}

/*************************************************
  CSS 알찬돌삐 nhosw@hanmail.net
 ************************************************/

 html,body {max-width:1920px;margin:0 auto}

/* css reset 에서 초기화한것 본문에서는 어느정도는 살려주자 */
.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-left   { text-align: left }
.tRight, .text-right  { text-align: right }
.tCenter, .text-center { text-align: center }
.pRelative { position: relative }
.pAbsolute { position: absolute }
.pFixed { position: fixed }
.icon_set { background: url('/img/icon/icon_set.gif') no-repeat; display: block; padding-left: 20px; padding-top:0px; margin-bottom: 5px; }
.w98 { width: 98% }
.w99 { width: 99% }
.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.png) center right no-repeat!ie;padding-right:13px}

/* Jeong Chan Myeong(dece24@gmail.com) */

/* 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.gif') 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.gif') -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.png') 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.gif') 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 }
.wrapper2 {position:relative}


/* header */
#h1 {margin:0;padding:0;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden;position:relative}
header {
	position:relative;
	z-index:2;
	height:182px;
	min-width:1416px;
}
header .middle-line {position:absolute;height:1px;left:0;right:0;top:116px;background:#d9d9d9;opacity:1}
header .bottom-line {position:absolute;height:1px;left:0;right:0;bottom:0;background:#d9d9d9;opacity:1}
header .bg {position:absolute;left:0;right:0;top:0;bottom:0;background:#18609C;opacity:.3;display:none}
header #logo {
	position:absolute;
	left:0%;
	margin:20px 0 0 0;
	padding:0 0 0 0;
	z-index:1;
	width:352px;height:70px;background:url('/img/menu/logo.png') center no-repeat;
}
header .wrapper {position:relative}

#header1-1 {font-size:14px;}
#header1-1 .wrapper {height:110px}
#header1-1 .outlogin {position:absolute;right:0;top:30px;font-size:1em;z-index:1}
#header1-1 .outlogin li {float:left}
#header1-1 .outlogin li a {display:block;padding:0 20px;color:#758295}
#header1-1 .outlogin li a img {padding-right:10px}
#header1-1 .outlogin li a i {position:absolute;width:1px;height:10px;background:#d9d9d9;margin:8px 0 0 20px;}
#header1-1 .outlogin li:last-child i {display:none}
#header1-1 .outlogin li:last-child a {padding-right:0}
#header1-1 .tel {position:absolute;right:0;top:65px;width:179px;height:31px;background:url('/img/menu/tel.png') center no-repeat;text-indent:-9999em;z-index:1}
#header1-1 .owl-carousel {position:absolute;right:0;left:0;margin:32px 0 0 20px;width:237px;height:106px}
#header1-1 .owl-carousel .owl-nav * {text-indent:-9999em;position:absolute;margin:-70px 0 0}
#header1-1 .owl-carousel .owl-prev {left:-20px;background:url('/img/menu/t-slider-arrow.png') no-repeat;width:21px;height:21px}
#header1-1 .owl-carousel .owl-next {right:-20px;background:url('/img/menu/t-slider-arrow.png') right top no-repeat;width:21px;height:21px}
#header1-1:after {display:block;content:'';clear:both}
#header1-2 {height:155px;border:1px solid #dfe1e9;border-left:0;border-right:0}

/* 최상단 슬라이더 */
#header2 {}
#header2 .border-left {position:absolute;left:0;height:100%;border-left:1px solid #d9d9d9;opacity:1}
#headermenu {overflow:hidden}
#headermenu li {float:left;}
#headermenu li a {
    display: block;
    font-size: 1.1em;
    font-weight: 400;
    height: 70px;
    line-height: 70px;
    padding: 0 20px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    z-index: 1;
	letter-spacing:-1px;
	color:#1a1e25;
}
.ie #headermenu li a {padding:0 19px;font-size:1em}
#headermenu>li:first-child a {}
#headermenu>li:nth-child(10) a {padding-right:0}
#header2 .wrapper a.home {
	background:url('/img/menu/home.png') center no-repeat #fff;
	border:1px solid #dcdcdc;
	border-top:0;border-bottom:0;
	padding:0;width:69px;height:69px;display:block;float:left;
}

#headermenu li a span {display:block;position:relative}
#headermenu li a i {
	/*
	position:absolute;
	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;
	width:0%;
	left:50%;height:1px;bottom:20px;background:#333;
	*/
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #1e66af;
	position:absolute;
	left:50%;bottom:0;margin-left:-5px;
	display:none;
}
#headermenu li:first-child a i {}
#headermenu li a:hover, #headermenu li a:focus, #headermenu li a.on {color:#1e66af;}
#headermenu li a:hover i, #headermenu li a:focus i, #headermenu li a.on i {display:block}

#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;
	margin:10px 0 0 20px;
	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;
}
#headermenu .header2smenu li {width:inherit;margin:0;}
#headermenu .header2smenu li {float:left}
#headermenu .header2smenu li a {
	display:block;
	position:relative;
	width:auto;
	line-height:1.4em;
	height:auto;
	padding:20px 20px;
	font-weight:normal;
	color:#fff;
	border:0;
	text-align:left;
	letter-spacing:-1px;
	background:transparent;
	text-decoration:none;
}
#headermenu .header2smenu li a i {position:absolute;left:inherit;margin:0;right:0;top:22px;width:1px;height:18px;background:#4b85bf;border:0;display:block}
#headermenu .header2smenu li:last-child a i {display:none}

#headermenu .header2smenu li:first-child a {padding-left:10px}
header .header2smenu.on {height:auto;}
#headermenu .header2smenu li a:hover, #headermenu .header2smenu li a:focus, #headermenu .header2smenu li a.on {color:#b5d4f2}
.ie #headermenu .header2smenu li a {padding:20px 20px;letter-spacing:-2px}


#header2smenuBG {position:absolute;height:0;width:1416px;min-width:1416px;left:0;margin-top:0px;z-index:2;
	left:50%;margin-left:-708px;
	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;
	background:#1e66af;
}
#header2smenuBG.on {
	height:87px;
}
#header2smenuBG.onx {
	/*
	height:75px !important;
	border-bottom:1px solid #d7d7d7;
	*/
}
#header2smenuBG .bg {
}

/* 상단 메뉴 배경 이미지를 미리 로드한다. 깜빡임 방지 */
.preload {position:absolute;left:-10000px}
.preload img {width:1px}


#header2smenu120 {left:0px}
#header2smenu130 {margin-left:-100px}
#header2smenu140 {margin-left:-100px}
#header2smenu150 {margin-left:-200px}
#header2smenu160 {margin-left:-300px}
#header2smenu170 {margin-left:-80px}
#header2smenu180 {margin-left:-470px}
#header2smenu190 {margin-left:-140px}
#header2smenu710 {margin-left:-300px}
#header2smenu730 {margin-left:-200px}
#header2smenu910,
#header2smenu920 {margin:10px 0 0 250px;display:none}
#header2menu910,
#header2menu920 {display:none !important}
#headerMouse { position: fixed; bottom: 0; left: -46px; z-index:2 }


#allmenu {
	position:absolute;right:0px;top:1px;border:0;width:85px;height:84px;border:0px solid #fff;padding:0;vertical-align:top;
	background:#3079c2;z-index:1;
}
#allmenu:focus {outline:none}
#allmenu i {
	display:block;
	position:relative;
	width:40px;height:3px;
	margin:0 0 0 20px;
	background:#fff;
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	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;
}
#allmenu i:first-child {margin-top:0px}
#allmenu i:nth-child(2) {margin-top:8px}
#allmenu i:nth-child(3) {margin-top:8px}
#allmenu.on i:nth-child(2) {display:none}
#allmenu.on i:nth-child(1) {
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform-origin: 35% 10%;
	-ms-transform-origin: 35% 10%;
	-webkit-transform-origin: 35% 10%;
	-o-transform-origin: 35% 10%;
	-moz-transform-origin: 35% 10%;
}
#allmenu.on i:nth-child(3) {
	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%;
}

/* 우측 fixed  */
#asideRight {
	position:fixed;top:202px;width:99px;z-index:10;right:0px;
	border-bottom:0;
	border-right:0;
	background:url('/img/page/asideRight.png');
	height:593px;
}
#asideRight aside {padding:20px 16px 0 0}
#asideRight aside a,
#asideRight aside span {display:block;position:relative;text-indent:-9999em;z-index:1;overflow:hidden;height:83px;}
#asideRight aside li {width:73px;float:right}
#asideRight aside a i {
	position:absolute;
	width:0;height:0;
	left:50%;top:50%;
	background:#000;
	border-radius:60px;
	opacity:.3;
	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:30%;height:25%;left:35%;top:45%; }





/* 상단 전체 메뉴 */
#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 #3079c2;padding:0 60px 60px 60px;position:relative;background:#fff}
#allmenu-wrap #allmenu-close {position:absolute;right:0;top:0;background:#3079c2;color:#fff;padding:20px 28px 20px 28px;font-size:24px}
#allmenu-wrap h5 {position:absolute;left:60px;margin:25px 0 0 0px;color:#3079c2;font-weight:normal;font-size:1.15em}
#allmenu-wrap h5 span {color:#3079c2}
#allmenu-wrap a {color:#333333;display:inline-block;line-height:1.2em;vertical-align:middle;}
#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 .allmenu120 li,
#allmenu-wrap .allmenu130 li {width:50%}
#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 {min-width:1416px;}
.pagetitle .wrapper {position:relative;height:250px;text-align:center}
.pagetitle .home {position:absolute;left:0;bottom:0;width:85px;height:85px;background:url('/img/menu/home.png') center no-repeat;border-right:1px solid #d9d9d9;z-index:1}
.pagetitle .prev,
.pagetitle .next {position:absolute;width:57px;height:57px;background:#fff;top:0px;z-index:1;top:40px;display:none}
.pagetitle .prev {left:0}
.pagetitle .next {background-position:right top;right:0}
.pagetitle h2 {position:absolute;left:0;right:0;text-align:center;text-align:center;color:#202020;font-size:2.8em;line-height:1em;margin:0;font-weight:bold;bottom:0px;letter-spacing:-2px;background:#fff;
	border-radius:30px 30px 0 0;
	padding:40px 0;
}
.pagetitle ul {position:absolute;left:0;right:0;background:#fff;bottom:0;height:59px;padding-top:25px;border:1px solid #d9d9d9}
.pagetitle ul li {display:inline-block}
.pagetitle ul li a {display:inline-block;position:relative;padding:5px 10px;text-decoration:none;color:#45474b}
.pagetitle ul li a:hover, .pagetitle ul li a:focus, .pagetitle ul li a.onx {color:#1e66af}

.pagetitle ul li a i {position:absolute;right:0;top:10px;width:1px;height:15px;background:#d9d9d9}
.pagetitle ul li:last-child a i {display:none}
.pagetitle .current_nav {color:#606468;position:absolute;right:50px;bottom:35px}
.pagetitle .line {position:absolute;background:#d4d4d4;width:1180px;height:3px;left:45px;bottom:0}

.menu110 .pagetitle {background:url('/img/page/topimg/110.jpg') center no-repeat}
.menu120 .pagetitle {background:url('/img/page/topimg/120.jpg') center no-repeat}
.menu130 .pagetitle {background:url('/img/page/topimg/130.jpg') center no-repeat}
.menu140 .pagetitle {background:url('/img/page/topimg/140.jpg') center no-repeat}
.menu150 .pagetitle {background:url('/img/page/topimg/150.jpg') center no-repeat}
.menu160 .pagetitle {background:url('/img/page/topimg/160.jpg') center no-repeat}
.menu170101 .pagetitle {background:url('/img/page/topimg/170101.jpg') center no-repeat}
.menu170102 .pagetitle {background:url('/img/page/topimg/170102.jpg') center no-repeat}
.menu180101 .pagetitle {background:url('/img/page/topimg/180101.jpg') center no-repeat}
.menu180102 .pagetitle {background:url('/img/page/topimg/180102.jpg') center no-repeat}
.menu180103 .pagetitle {background:url('/img/page/topimg/180103.jpg') center no-repeat}
.menu180104 .pagetitle {background:url('/img/page/topimg/180104.jpg') center no-repeat}
.menu180105 .pagetitle {background:url('/img/page/topimg/180105.jpg') center no-repeat}
.menu180106 .pagetitle {background:url('/img/page/topimg/180106.jpg') center no-repeat}
.menu710101 .pagetitle {background:url('/img/page/topimg/710101.jpg') center no-repeat}
.menu710102 .pagetitle {background:url('/img/page/topimg/710102.jpg') center no-repeat}
.menu710103 .pagetitle {background:url('/img/page/topimg/710103.jpg') center no-repeat}
.menu710104 .pagetitle {background:url('/img/page/topimg/710104.jpg') center no-repeat}
.menu910 .pagetitle,
.menu920 .pagetitle {background:url('/img/page/topimg/910.jpg') center no-repeat}


/* 상단 타이틀 */
#snbMain {}
#contents-wrap {position:relative;}
#contents-wrap:after {display:block;visibility:hidden;clear:both;float:none;content:""}






/* 하단 */
footer {position:relative;min-width:1416px;}

#footer0 {display:none}
#footer1 {background:#e6ecf2;border:1px solid #cfdae6;border-left:0;border-right:0;padding:60px 0}
#footer1 .wrapper {position:relative}
#footer1 h4 {color:#343434;font-weight:bold;margin:0 0 10px;padding:0;font-size:1.6em;line-height:1em;letter-spacing:-3px}
#footer1 .pull-left, #footer1 .pull-right {width:50%}
#footer1 .pull-left ul {left:0;top:0;margin:40px 0 0 275px;position:absolute}
#footer1 .pull-left ul li {float:left;margin-right:10px}
#footer1 .pull-left ul li a {display:block;width:118px;height:118px;background:url('/img/page/footer/footer-ico1.png') 50% 30% no-repeat #2b70b8;border-radius:100%;position:relative;color:#fff;text-align:center;text-decoration:none}
#footer1 .pull-left ul li:nth-child(2) a {background-image:url('/img/page/footer/footer-ico2.png')}
#footer1 .pull-left ul li:nth-child(3) a {background-image:url('/img/page/footer/footer-ico3.png')}
#footer1 .pull-left ul li a span {display:block;padding-top:70px}
#footer1 .pull-left ul li a,
#footer1 .pull-left ul li a span {
	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;
}
#footer1 .pull-left ul li a:hover {background-color:#333}
#footer1 .pull-left ul li a:hover span {padding-top:80px}
#footer1 .pull-right form {margin:0 20px 0 60px}
#footer1 .line {position:absolute;left:50%;top:0;bottom:0;width:1px;background:#cfdae6}
#footer1 form {font-size:.8em;color:#525252}
#footer1 form ul {margin-top:20px}
#footer1 form li {margin-bottom:7px}
#footer1 form li label {display:inline-block;width:55px}
#footer1 .pull-right .checkbox {font-size:.9em;}
#footer1 .pull-right .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 */
	vertical-align:middle;
}
#footer1 .pull-right input[type=text] {width:215px;}
#footer1 .pull-right .tel input,
#footer1 .pull-right .tel select {width:53px}
#footer1 .pull-right textarea {position:absolute;right:110px;top:0px;width:220px;height:98px}
#footer1 .pull-right select {width:220px}
#footer1 .pull-right button {position:absolute;top:0px;right:0;background:#3079c2;color:#fff;display:block;border:0;padding:44px 30px;}
#footer1 .checkbox-wrap {position:absolute;top:0;margin:-45px 0 0 120px}



#footer2 {}

#footer3 {display:none}

#footer4 {background:#fff;padding:0px 0 70px;font-size:.8em;text-align:left}
#footer4 .wrapper {position:relative}
#footer4 #footermenu {border-bottom:1px solid #d6d6d6;text-align:center;margin-bottom:30px}
#footer4 #footermenu li {display:inline-block;margin-right:20px}
#footer4 #footermenu li a {color:#525253;position:relative;padding:20px 0px 20px 0;display:block;text-decoration:none}
#footer4 #footermenu li i {width:1px;height:10px;background:#fff;position:absolute;right:-5px;top:4px;display:none}
#footer4 #footermenu li a:hover {color:#3079c2}
#footer4 #footermenu:after {display:block;content:'';clear:both}
#footer4 .address {color:#525253;margin-top:20px}
#footer4 address {margin:0;padding:0;font-style:normal;display:inline}

#footer4 .ico {margin-top:20px}
#footer4 .ico li {float:left;margin-right:10px}
#footer4 .ico li a img {transition:transform 0.5s;-webkit-transition:-webkit-transform 0.5s;-moz-transition:-moz-transform 0.5s;}
#footer4 .ico li a:hover img {transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);}





/* 웹접근성 */
#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:#1a50a8; 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:#00b9ff;border-color:#00b9ff}
.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: #2d2d2d;border-color:#2d2d2d}
.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:#00baff;border-color:#00baff}
.board_button .orange {background:#2b70b8;border-color:#2b70b8}
.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}
.board_search button[type=submit] {background:#575757;color:#fff;border:1px solid #575757;border-radius:2px;padding:2px 15px 4px 15px;vertical-align:middle}
.view_bottom_spacer {height:110px}
.board_bottom_spacer {height:0px}
.board_view td.viewContentTD {word-break:break-all; padding:50px 20px;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              { left: 0; top: 0; width: 100%; height: 100%; position: absolute; z-index: 1001 } 
#inner_bg_fix          { left: 0; top: 0; right: 0; bottom: 0; position: fixed; background: url('/img/bg/popupbg.png') repeat; z-index: 998 }
#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-bottom:80px}
.page-wrap {font-size:.9em;position:relative;width:1278px;min-width:1278px;margin-top:55px}
.board-footer {margin-bottom:70px;position:relative}
.board-footer ul {position:absolute;left:0;top:0;right:0;bottom:0}
.board-footer ul li {float:left;width:33.333333333%;height:100%}
.board-footer ul li a {display:block;width:100%;height:100%}
.board_tit {font-size:1em}

.w95 {width:95%}


/* 서브 컨텐츠 가로 폭 */
.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) {
}
@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}





#sms-popup {position:fixed;padding:0px 5px 30px;border-radius:10px;background:#070707;z-index:1;left:90px;top:270px;box-shadow:10px 10px 30px 0px  rgba(0, 0, 0, 0.5);}
@media all and (max-width:1416px) {
	#sms-popup {left:0}
}
#sms-popup h4 {color:#fff;padding:10px 0 10px 10px;margin:0;font-weight:normal;position:relative}
#sms-popup #sms-popup-close {position:absolute;right:10px}
#sms-popup .inner {background:#fff;font-size:13px;width:280px;padding:10px;color:#707070;position:relative}
#sms-popup li {margin:3px 0;color:#888}
#sms-popup .label {display:inline-block;width:70px}
#sms-popup input[type=text], #sms-popup select {width:195px}
#sms-popup textarea {width:99%}
#sms-popup .inner .tel .ed {width:60px}
#sms-popup .inner .small {font-size:12px}
#sms-popup .inner hr {border-color:#ececec}
#sms-popup button {background:#d31e47;display:block;width:110px;height:35px;margin:10px auto 10px auto;color:#fff;border:0;}
#sms-popup .anchor-close {position:absolute;bottom:3px;color:#fff;font-size:14px;left:30%}

/* #sms-popup2{background:url('/img/page/vasectomy/popup2.jpg') left center no-repeat; font-size:1.5em; color:#fff;height: 223px;} */
#sms-popup2{background:#1B4F98; font-size:1.5em; color:#fff;height: 223px;}
#sms-popup2 .sms-popup2_div{width: 1150px; margin: 0 auto;}
#sms-popup2 .img{width: 364px; float:left}
#sms-popup2 .inner {width: 780px; margin: 45px 0 0 0; float:left; }
#sms-popup2 .inner ul>li{margin:0 0 13px 0;}
#sms-popup2 .ed, .inputbox{width:100px;height: 40px; padding:0;}
#sms-popup2 .inner .wr_name{width:312px; margin:0 0 0 0; padding:0;height: 40px;  }
#sms-popup2 .label {display:inline-block;width:105px; color:#fff; font-size:1em;}
#sms-popup2 .small {margin: 0 0 0 105px;font-size: 0.65em;}

#sms-popup2 button {float:right; height: 132px; width:323px; background:#fff049; border:none; font-size:1.4em; letter-spacing:-3px;margin: -139px 0 0 0;}






.a-animate {
	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;
}