/*
	color list

	main blue : #47a8d7

*/

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	list-style: none;
	text-decoration : none;
	font-family: 'Nanum', sans-self;
	color : #222;
}

header { position: relative; width:100%; background-color:#fff; }
header .top-line { height: 50px; background-color: #47a8d7 }
header .top-line .member-btns { max-width: 995px; height: 100%; margin: 0 auto; display: flex; justify-content: flex-end; align-items:center; }
header .top-line .member-btns a { font-size: 12px; color : #fff; border: 1px solid #fff; padding: 3px 7px; margin-left: 10px; }

header .top-menu { max-width:995px; height: 120px; margin: 0 auto; display: flex; justify-content: flex-start; }
header .top-menu #logo { width: 174px; }
header .top-menu li { position: relative; height: 100%; display: flex; align-items: center; }
header .top-menu li .under-line { width: 100%; height: 5px; background-color: #47a8d7; align-self: flex-end; display: none;}
header .top-menu li:not(#logo) { background-repeat: no-repeat; background-image: url('/images/top/menu.png'); }

header .top-menu #m-1 { width: 118px; background-position: 12px -24px; }
header .top-menu #m-2 { width: 172px; background-position: -107px -24px; }
header .top-menu #m-3 { width: 139px; background-position: -279px -24px; }
header .top-menu #m-4 { width: 139px; background-position: -417px -24px; }
header .top-menu #m-5 { width: 127px; background-position: -558px -24px; }
header .top-menu #m-6 { width: 126px; background-position: -684px -24px; }

header .top-menu #m-1.active { background-position: 12px -195px; }
header .top-menu #m-2.active { background-position: -107px -195px; }
header .top-menu #m-3.active { background-position: -279px -195px; }
header .top-menu #m-4.active { background-position: -417px -195px; }
header .top-menu #m-5.active { background-position: -558px -195px; }
header .top-menu #m-6.active { background-position: -684px -195px; }

/* height: 0px; visibility: hidden; */
header #slide-menu { width: 100%; height: 0px; visibility: hidden; z-index: 9999; overflow-y: hidden; background-color: #f5f5f5; border-top: 1px solid #1ea0d4;  border-bottom: 1px solid #cccccc; transition: all .5s;}

/* menu hover */
header .top-menu.active ~ #slide-menu { height: 322px; visibility: visible; }

header #slide-menu .menu-items { position: relative; display: flex; justify-content: flex-end; width: 995px; height: inherit; margin : 0 auto; text-align :center;}
header #slide-menu .menu-items ul { line-height: 30px; font-size: 13px; letter-spacing: -.3px; font-weight: bold; color: #222222; padding-top: 25px; height: inherit}
header #slide-menu .menu-items ul li { height: 30px;}
header #slide-menu .menu-items ul li a { display: block; height: inherit; background-repeat: no-repeat }
header #slide-menu .menu-items ul li:hover a { background-image: url("/images/top/top_img_on.png") !important; }

header #slide-menu .menu-items ul#tm_01 { width: 118px; }
header #slide-menu .menu-items ul#tm_01 li a { width: 100%; background-image: url("/images/top/top_img_off.png"); background-position-x: -5px }
header #slide-menu .menu-items ul#tm_01 li:nth-child(1) a { background-position-y: 7px;}
header #slide-menu .menu-items ul#tm_01 li:nth-child(2) a { background-position-y: -22px;}
header #slide-menu .menu-items ul#tm_01 li:nth-child(3) a { background-position-y: -52px;}
header #slide-menu .menu-items ul#tm_01 li:nth-child(4) a { background-position-y: -82px;}
header #slide-menu .menu-items ul#tm_01 li:nth-child(5) a { background-position-y: -112px;}
header #slide-menu .menu-items ul#tm_01 li:nth-child(6) a { background-position-y: -142px;}
header #slide-menu .menu-items ul#tm_01 li:nth-child(7) a { background-position-y: -172px;}

header #slide-menu .menu-items ul#tm_02 { width: 172px; }
header #slide-menu .menu-items ul#tm_02 li a { width: 100%; background-image: url("/images/top/top_img_off.png"); background-position-x: -124px }
header #slide-menu .menu-items ul#tm_02 li:nth-child(1) a { background-position-y: 7px;}
header #slide-menu .menu-items ul#tm_02 li:nth-child(2) a { background-position-y: -22px;}
header #slide-menu .menu-items ul#tm_02 li:nth-child(3) a { background-position-y: -52px;}
header #slide-menu .menu-items ul#tm_02 li:nth-child(4) a { background-position-y: -82px;}
header #slide-menu .menu-items ul#tm_02 li:nth-child(5) a { background-position-y: -112px;}

header #slide-menu .menu-items ul#tm_03 { width: 139px; }
header #slide-menu .menu-items ul#tm_03 li a { width: 100%; background-image: url("/images/top/top_img_off.png"); background-position-x: -295px }
header #slide-menu .menu-items ul#tm_03 li:nth-child(1) a { background-position-y: 7px;}
header #slide-menu .menu-items ul#tm_03 li:nth-child(2) a { background-position-y: -22px;}
header #slide-menu .menu-items ul#tm_03 li:nth-child(3) a { background-position-y: -52px;}

header #slide-menu .menu-items ul#tm_04 { width: 139px; }
header #slide-menu .menu-items ul#tm_04 li a { width: 100%; background-image: url("/images/top/top_img_off.png"); background-position-x: -434px; }
header #slide-menu .menu-items ul#tm_04 li:nth-child(1) a { background-position-y: 7px;}
header #slide-menu .menu-items ul#tm_04 li:nth-child(2) a { background-position-y: -22px;}
header #slide-menu .menu-items ul#tm_04 li:nth-child(3) a { background-position-y: -52px;}
header #slide-menu .menu-items ul#tm_04 li:nth-child(4) a { background-position-y: -82px;}
header #slide-menu .menu-items ul#tm_04 li:nth-child(5) a { background-position-y: -112px;}
header #slide-menu .menu-items ul#tm_04 li:nth-child(6) a { background-position-y: -142px;}
header #slide-menu .menu-items ul#tm_04 li:nth-child(7) a { background-position-y: -172px;}
header #slide-menu .menu-items ul#tm_04 li:nth-child(8) a { background-position-y: -202px;}
header #slide-menu .menu-items ul#tm_04 li:nth-child(9) a { background-position-y: -232px;}

header #slide-menu .menu-items ul#tm_05 { width: 127px; }
header #slide-menu .menu-items ul#tm_05 li a { width: 100%; background-image: url("/images/top/top_img_off.png"); background-position-x: -575px }
header #slide-menu .menu-items ul#tm_05 li:nth-child(1) a { background-position-y: 7px;}
header #slide-menu .menu-items ul#tm_05 li:nth-child(2) a { background-position-y: -22px;}

header #slide-menu .menu-items ul#tm_06 { width: 126px; }
header #slide-menu .menu-items ul#tm_06 li a { width: 100%; background-image: url("/images/top/top_img_off.png"); background-position-x: -702px }
header #slide-menu .menu-items ul#tm_06 li:nth-child(1) a { background-position-y: 7px;}
header #slide-menu .menu-items ul#tm_06 li:nth-child(2) a { background-position-y: -22px;}
header #slide-menu .menu-items ul#tm_06 li:nth-child(3) a { background-position-y: -52px;}
header #slide-menu .menu-items ul#tm_06 li:nth-child(4) a { background-position-y: -82px;}
header #slide-menu .menu-items ul#tm_06 li:nth-child(5) a { background-position-y: -112px;}


.title { border-bottom: 1px solid #47a8d7; padding-bottom: 15px; margin-bottom: 40px; }

.quick { position: absolute; border: 1px solid #ccc; width:80px; height: 377px; right: -838px; top: 0; font-size:0; transition : all .4s; }

.m_left { position: relative; width: 260px; }

.left-menu { position: relative }
.left-menu .left-list { margin-top: 18px; margin-bottom: 40px; border-top: 1px solid #d4d4d4; }
.left-menu .left-list li { position: relative; width: 100%; height:38px; }
.left-menu .left-list li span.on { content:''; position:absolute; top: 0; left:0; transform: rotateX(90deg); transition: all .3s; }
.left-menu .left-list li span.on.active { transform: rotateX(0deg) }

.left-menu .left-list.admin { border: 1px dotted #fff;}
.left-menu .left-list.admin li { font-size: 12px; height: auto; text-align: right; padding: 4px 10px; background:linear-gradient(to left, #47a8d7 80%, #fff); color: #fff; border-bottom: 1px solid #fff;}
.left-menu .left-list.admin li:hover { color: #192029}

.s_top300 { position: relative; height: 300px; width: 100%; min-width: 995px; }
.s_bg300 { background-color: #ecf3fa; height: 300px; width: 100%;}
.s_top { position: relative; height: 300px; width: 100%; min-width: 995px; }
.s_bg { background-color: #ecf3fa; height: 300px; width: 100%;}
/* .s_top { position: relative; height: 252px; width: 100%; min-width: 995px; }
.s_bg { background-color: #ecf3fa; height: 252px; width: 100%;} */
.s_img { position: absolute; top: 0; width: 100%; height: 300px;}

.s_bg00 { background: url("/images/top/s_top00.jpg?"); background-position: top center;}
.s_bg01 { background: url("/images/top/s_top01.png"); background-position: top center;}
.s_bg02 { background: url("/images/top/s_top02.png"); background-position: top center;}
.s_bg03 { background: url("/images/top/s_top03.png"); background-position: top center;}
.s_bg04 { background: url("/images/top/s_top04.png"); background-position: top center;}
.s_bg05 { background: url("/images/top/s_top05.png"); background-position: top center;}

.history { border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; background: #f7f7f7;}
.history .s_history { position: relative; z-index: 9; height: 28px; display:flex; justify-content: flex-end; align-items: center; width: 995px; margin: 0 auto; text-align: right; padding: 0 20px; font-size: 12px; font-weight: bold; letter-spacing: -.8px; }
.history .s_history i { font-size: 12px; margin: 0 10px; color: #acacac; }
.history .s_history a { color: #acacac;}
.history .s_history a.now { color: #6b6b6b }

.container { position: relative; width: 100%; background-color: #fff; margin: 35px 0 95px 0;}
.container .content { width: 995px; margin: 0 auto; display: flex; justify-content: flex-start;}
.container .content .left-menu { width: 245px; padding: 0 5px; }
.container .content .left-menu .left-bottom .left-icons { display: flex; justify-content: space-around; align-items: center;}
.container .content .section { width: 750px; padding: 0 16px;}

.container.main { margin: 50px 0 95px 0; }
.container.main .content .m_section { width: 705px; height: 505px; margin-left: 30px; }

.m_btns { display: flex; justify-content: space-between; align-items: end; }
.m_btns li { width: 108px; height: 135px; }

.m_btns li#m_btns_1 { background-image: url("/images/m_btns.png"); background-position: 0 0; }
.m_btns li#m_btns_2 { background-image: url("/images/m_btns.png"); background-position: -119px 0; }
.m_btns li#m_btns_3 { background-image: url("/images/m_btns.png"); background-position: -238px 0; }
.m_btns li#m_btns_4 { background-image: url("/images/m_btns.png"); background-position: -358px 0; }
.m_btns li#m_btns_5 { background-image: url("/images/m_btns.png"); background-position: -478px 0; }
.m_btns li#m_btns_6 { background-image: url("/images/m_btns.png"); background-position: -597px 0; }

.m_btns li#m_btns_1:hover { background-position-y: -150px; }
.m_btns li#m_btns_2:hover { background-position-y: -150px; }
.m_btns li#m_btns_3:hover { background-position-y: -150px; }
.m_btns li#m_btns_4:hover { background-position-y: -150px; }
.m_btns li#m_btns_5:hover { background-position-y: -150px; }
.m_btns li#m_btns_6:hover { background-position-y: -150px; }

.mini_counsel { width: 100%; height: 249px; background-color: #eaeaea; border-top:1px solid #47a8d7; }
.mini_counsel .mini_body { width: 995px; margin: 0 auto; }
.mini_counsel .mini_body .mini_content { width: 750px; height: 249px; position: relative; float: right; display: flex; justify-content: flex-start; align-items: end;}
.mini_counsel .mini_body .mini_content .case { width: 200px; margin-right: 25px; padding: 25px 0 }
.mini_counsel .mini_body .mini_content .case ul {margin-top: 15px;}
.mini_counsel .mini_body .mini_content .fetch { position: absolute; bottom:1px; right:-55px; width: 335px; height: 323px; background:url("/images/women.png") no-repeat}

.dot { font-size: 12px;  padding: 5px 0 5px 16px; position: relative; border-bottom: 1px solid #acacac;}

.s_coun:after { content: ''; width:3px; height: 3px; position: absolute; top: 50%; left:5px; margin-top: -1px;  border-radius: 50%; background-color: #000;}
.s_blog:after { content: ''; width:3px; height: 3px; position: absolute; top: 50%; left:5px; margin-top: -1px;  border-radius: 50%; background-color: #000;}
.ml-ul { padding: 15px 18px; }
.ml-li { font-size: 12px; padding: 6px 0px;}
.ml-li img { vertical-align: middle }
.ml-li span {float: right}

.f_images { position: absolute; bottom:30px; left:0; right: 0; width:110px; margin: 0 0 0 167px;}

.variety { background-color: #e1ddd8; width: 100%; }
.variety .variety-img { width: 995px; margin: 0 auto; }
.footer { background-color:#222222; width: 100%;}
.footer .footer-img { width: 995px; margin: 0 auto; }

.youtube { position: relative }
.youtube-play { position: absolute; top: 45px; left: 4px;}

.login { text-align: center; width: 100%; margin-bottom: 170px;}
.login-title { font-size: 13px; padding: 30px 0 20px 0 }

.login-form { width: 230px; margin: 95px auto;}
.input-case { position: relative; display: flex; justify-content: flex-start; align-items: center;  height: 40px; }
.placeholder i { margin-right: 5px; }
.new-input { padding: 5px 8px; border-radius: 5px; border: 0; font-size: 14px; width:200px;}
.input-underline { display: block; position: relative }
.input-underline:after { content: ""; position: absolute; height: 1px; background-color: #47a8d7; width: 100%; bottom: -3px; left: 0;}
.login-submit { padding: 8px 0; margin-top: 10px; color: #fff; width: 100%; font-size: 17px; font-weight: bold; border:0; background-color: #47a8d7; cursor:pointer}

.m_case { margin-top: 35px; }
.m_case .t-case { display: flex; justify-content: space-between; margin-top: 25px; }
.m_case .t-case .box { width: 340px; height: 155px; border: 1px solid #ccc; }
.m_case .t-case .box .m_title { display: flex; justify-content: space-between; align-items: center; margin: 23px 21px 0 19px; padding-bottom: 17px; border-bottom: 1px solid #ccc; width: 298px;}

.clinic_1_4 span { color: #47a8d7; font-weight: bold; font-size: 14px; padding: 0 5px;}
.clinic_1_4 a { font-size: 14px; padding: 0 5px; }
.clinic_1_4 a:hover { color: #47a8d7; }

/* old versoin */

TD				{
	font-size:9pt;
	font-family:"Gulim", "arial";
	color: #595959;
	line-height: 150%;
}


#Cal {table-layout:fixed; background:#ecf3fa; width:100%}
#Cal th{font-size:12px; font-weight:bold; height:30px; background:#3c99ce; color:#eee;}
#Cal td{font-size:12px; font-weight:bold; height:70px; background:#ecf3fa; text-align:center; color:#333;}

#post{table-layout:fixed; background:#fff;}
#post th{text-align:right; padding-right:10px; font-size:11px; font-family:'dotum'; width:120px; background:#f7f7f7; color:#362E2D; border-bottom:1px solid #eee;}
#post td{text-align:left; padding:5px; font-size:11px; font-family:'dotum'; background:#fff; color:#; border-bottom:1px solid #eee;}
#post div{padding:7px 0 0 0;}
#post select{font-size:11px; font-family:'dotum'; width:100px;}
#post .zone{font-size:12px; font-weight:bold;}
.input{border:1px solid #dedfde; font-size:12px; color:#3C3C3C;}
.inputPass{border:2px solid #DCDCDA; font-size:12px;}

#privacy{width:98%; height:90px; font-size:11px; padding:10px; overflow-y:scroll; text-align:justify; line-height:140%; font-family:'����';}
#privacy_agree{width:550px; text-align:justify; padding-top:5px; margin:0; font-weight:bold; font-size:12px;}
#yak{width:100%; height:80px; border:3px solid #EEE; font-size:12px; padding:10px; overflow-y:scroll; text-align:justify; line-height:140%;}
#agree{width:550px; text-align:justify; padding-top:5px; margin:0; font-weight:bold; font-size:12px;}

#list{table-layout:fixed; background:#EEE; margin-top:5px;}
#list th{font-size:11px; font-family:'dotum'; color:#fff; height:25px; background:#47a8d7; text-align:center;}
#list td{font-size:12px; background:#fff; color:#444; padding-top:8px; padding-bottom:5px; border-bottom:1px solid #eee; line-height:1.5; text-align:center;}
#list td img {display: inline-block;}
#list .dot11{font:11px dotum; letter-spacing:-1px;}

.viewTable{table-layout:fixed;}
.viewTable th{font-size:12px; font-family:'dotum'; color:#fff; background:#192029; text-align:center; padding-top:6px; padding-bottom:5px;}
.viewTable td{font-size:12px; color:#333; padding:4px 0 3px 8px;}
.info{font-size:11px; font-family:'dotum'; background:#F0F0F0; color:#555; padding:3px; border-bottom:1px solid #E1E1E1;}
.infoD{font-size:11px; font-family:'dotum'; color:#aaa; padding:5px; text-align:right; border-bottom:1px solid #E1E1E1;}

#content{font-size:12px; line-height:170%; text-align:justify; padding:10px; width:100%; color:#333;}
#contentReply{padding:15px; margin-top:30px; border:1px dashed #CCC; background:#FFF; text-align:left;}
.file{padding:10px; text-align:center; width:100%;}


#sqlist{padding:4px; table-layout:fixed; background:#EEE; margin-top:5px; border-top:2px solid #50CE30;}
#sqlist th{font-size:11px; font-family:'dotum'; background:#f7f7f7; color:#009DB5; padding-top:4px; padding-bottom:3px;}
#sqlist td{font-size:12px; background:#fff; color:#777; padding:5px;}
#sqlist .sqlistDetail{table-layout:fixed; text-align:center;}
#sqlist .c{font-weight:bold; color:#F3D0A8; margin-right:5px}

.sqTitle{font-size:11px; font-family:'dotum'; padding-left:10px; font-weight:bold; margin-top:3px; color:#1D93D6;}
.sqCon{font-size:11px; font-family:'dotum'; padding-left:10px; text-align:justify; margin-top:3px; line-height:1.5; color:#999;}
.sqDate{font-size:10px; font-family:'Tahoma','Verdana'; padding-left:10px;}

#listPage{padding-top:10px; table-layout:fixed; margin-right:2px; margin-left:2px;}
#listPage a:link{font-size:11px; text-decoration:none; color:#666; font-family:Verdana; font-weight:bold; margin-right:2px; margin-left:2px;}
#listPage a:active{font-size:11px; text-decoration:none; color:#666; font-family:Verdana; font-weight:bold; margin-right:2px; margin-left:2px;}
#listPage a:visited{font-size:11px; text-decoration:none; color:#666; font-family:Verdana; font-weight:bold; margin-right:2px; margin-left:2px;}
#listPage a:hover{font-size:11px; text-decoration:none; color:#9ACD32; font-family:Verdana; font-weight:bold; margin-right:2px; margin-left:2px;}
.pageOn{font-size:11px; font-weight:bold; color:#4D6DCA; font-family:Verdana; margin-right:4px; margin-left:4px;}
.page{font-size:11px; font-weight:bold; color:#747474; font-family:Verdana; margin-right:8px; margin-left:8px;}

.secureon{font-weight:bold; color:red;}
.secure{font-weight:bold;}

#SQviewTable{padding:0; table-layout:fixed; background:#EEE;}
#SQviewTable th{font-size:12px; font-family:'dotum'; color:#E4F4FF; padding-top:7px; padding-bottom:6px; background:#192029; text-align:center;}
#SQviewTable td{font-size:12px; font-family:'dotum'; background:#fff; padding:10px; text-align:center; vertical-align:top;}
.baText{font-weight:bold; font-family:Tahoma, Verdana; font-size:24px; padding:15px; text-align:center;}

#SQviewDetail{margin-top:10px; border:3px solid #DEDFDE; font-size:12px;}
#SQviewDetail th{text-align:right; font-size:11px; font-family:'dotum'; width:120px; background:#192029; color:#35383D; padding:2px 10px 2px 0; border-bottom:1px solid #EEE;}
#SQviewDetail td{text-align:left; background:#fff; color:#666; padding:5px 0 5px 10px; line-height:150%; border-bottom:1px solid #EEE;}

#passTable{border:5px solid #EBEBEB; padding:1px;}
#passTable th{font-size:12px; font-family:'dotum'; color:#fff; padding-top:7px; padding-bottom:6px; height:25px; background:#192029;}
#passTable .title{background:#f7f7f7; padding:20px; font-size:12px;}
.inputPass{border:2px solid #DCDCDA; font-size:12px; margin-right: 5px;}
