@charset "utf-8";

.wrap {position:relative; max-width:1400px; margin:auto;}

header {background:#354789; z-index:100;}
header:before {display:block; content:""; position:absolute; left:0; right:0; top:0; height:50px; background:#1c2134;}
header:after {display:block; content:""; clear:both;}
header .gnb {position:absolute; top:15px;}
header .gnb>ul.site>li:after {display:none;}
header .gnb>ul>li>a {color:#fff;}
/* header .gnb>ul.site>li.family>a {background-image:url('/clinic/img/inc/gnb_family.gif');} */
header .gnb>ul.etc>li.allmenu>a {background-image:url('/clinic/img/inc/gnb_allmenu.gif');}
header .gnb>ul.etc>li.login>a {background-image:url('/clinic/img/inc/gnb_login.gif');}
header .gnb>ul.etc>li.lang  {display:none;}
header h1 {height:123px; padding-top:62px; padding-bottom:12px;}
header h1 a {color:#fff !important; font-size:22px;}
header h1 img {vertical-align:middle; width:38px; margin-right:5px; margin-bottom:4px;}
header h1 a span {font-weight:normal;}

header nav#lnb div.submenu>ul>li>ul {display:none;}
header nav#lnb .close {display:none;}
header nav#lnb div.submenu>ul>li br {display:none;}

header .inc_search {position:absolute; right:0; top:50px;}
header .inc_search h2>a {width:71px; height:72px; background:#3a62ba url('/clinic/img/inc/ic_search.gif') no-repeat center center;}
header .inc_search h2>a.close {position:relative; background:#3a62ba;}
header .inc_search h2>a.close:before, header .inc_search h2>a.close:after {display:block; content:""; position:absolute; left:34px; top:20px; width:2px; height:29px; background:#fff;}
header .inc_search h2>a.close:before {transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
header .inc_search h2>a.close:after {transform:rotate(45deg); -webkit-transform:rotate(45deg);}
header .inc_search>div {display:none; position:fixed; left:0; right:0; top:122px; padding:60px 0 50px; background:#f1f1f1; z-index:500;}
header .inc_search>div>form {position:relative; max-width:550px; margin:0 auto; padding:10px; border:3px solid #4a4a4a; background:#fff;}
header .inc_search input[type=text] {width:80%; border:0;}
header .inc_search dl {text-align:center; margin-top:15px;}
header .inc_search dt, header .inc_search dd {display:inline-block;}
header .inc_search dt {font-weight:bold;}
header .inc_search dd {position:relative; margin-left:30px;}
header .inc_search dd:before {display:block; content:""; position:absolute; left:-17px; top:8px; width:1px; height:6px; background:#bebebe; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
header .inc_search dd:first-of-type {margin-left:10px;}
header .inc_search dd:first-of-type:before {display:none;}
header .inc_search input {margin-right:5px;}
header .inc_search input[type=submit] {width:29px; height:29px; border:0; text-indent:500%; background:url('/main/img/sub/search_submit.gif') no-repeat center center;}

footer {background:#252525;}
footer #footer {position:relative; max-width:1400px; margin:0 auto; padding:50px 0; overflow:hidden;}
/* footer .logo {position:absolute; top:70px; color:#fff; font-size:23px;} */
footer #footer>ul {float:left; padding-left:20%;}
footer #footer>ul>li {margin-bottom:5px;}
footer #footer>ul>li>a {font-size:14px; color:#afafaf;}
footer #footer>ul>li:first-child>a {color:#398edd;}
footer #footer>div.rCon {float:left; margin-left:5%; color:#fff; letter-spacing:0;}
footer #footer>div.rCon p.txt {margin:8px 0 50px;}
footer #footer #selectLink {position:absolute; right:0; top:50px;}
footer #footer #selectLink form {margin-bottom:15px;}
footer #footer #selectLink select {min-width:160px; padding:5px; border:0; background:#e6e6e6;}
footer #footer #selectLink input[type=submit] {padding:6px; font-size:16px !important; color:#fff; font-weight:bold; border:0; background:#333;}

/*pc*/
@media all and (min-width:801px){
	header h1 a {position:relative; z-index:500;}
	header .gnb {z-index:600;}
	header nav#lnb {position:absolute; right:70px; top:73px; width:78%; z-index:100;}
	header nav#lnb>div>ul {text-align:center;}
	header nav#lnb>div>ul:after {display:block; content:""; clear:both;}
	header nav#lnb>div>ul>li {display:inline-block; margin-left:5%;}
	header nav#lnb>div>ul>li:first-child {margin-left:0;}
	header nav#lnb>div>ul>li>a {display:block; padding-bottom:40px; font-size:18px; color:#fff;}
	header nav#lnb .submenu {display:none; text-align:left; position:absolute; top:49px; padding:30px 20px; background:rgba(28, 33, 52, 0.9);}
	header nav#lnb .submenu>div {display:none;}
	header nav#lnb .submenu>ul>li {margin-bottom:5px;}
	header nav#lnb .submenu>ul>li>a {font-size:13px; color:#fff;}
}

@media all and (max-width:1280px) and (min-width:801px){
	body {min-width:1263px;}
	header nav#lnb>div>ul>li {margin-left:3.5%;}
}

/*pc_min*/
@media all and (max-width:1024px){
	footer #footer>ul {display:none;}
}

/*tablet*/
@media all and (max-width:800px){
	header:before {display:none;}
	header h1 {text-align:center; height:auto; padding:10px 0; margin:0 80px;}
	header h1 img {width:32px;}
	header h1 a {display:block; font-size:18px;}
	header nav#lnb h2 a {position:absolute; left:20px; top:20px; width:17px; height:12px; border-top:2px solid #fff; border-bottom:2px solid #fff;}
	header nav#lnb h2 a:after {display:block; content:""; position:absolute; left:0; top:3px; width:17px; height:2px; background:#fff;}
	header nav#lnb .submenu>div>p>span {display:none;}

	header .inc_search {left:auto; right:20px; top:17px; margin-left:0;}
	header .inc_search h2>a {width:20px; height:20px; background-color:transparent; background-size:100%;}
	header .inc_search h2>a.close {background-color:transparent;}
	header .inc_search h2>a.close:before, header .inc_search h2>a.close:after {left:9px; top:1px; width:2px; height:18px; background:#fff;}
	header .inc_search>div {top:55px; padding:30px 0;}
	header .inc_search>div .key {display:none;}
	header .inc_search input[type=submit] {position:absolute; right:10px; top:6px;}
	header .inc_search dl {display:none;}

	footer #footer {text-align:center; padding:30px 20px;}
	footer #footer>div.rCon {float:none; margin-left:0;}
	footer #footer>div.rCon p.txt {margin:0 0 10px;}
	footer #footer>div.rCon p.txt span {display:block;}
	footer #selectLink {display:none;}
}


/*mobile*/
@media all and (max-width:640px){
	header .inc_search>div {padding:20px;}
}