@charset "utf-8";

#wrap {position:relative; overflow:hidden; min-width:320px; min-height:1000px;}
#main {margin-top:100px;}

#pc_header {overflow:hidden; position:absolute; top:0; left:0; z-index:100; width:100%; height:100px; transition:height 0.4s;}
#pc_header:before {position:absolute; top:0; z-index:-1; width:100%; height:100px; background:linear-gradient(to right,#f27420, #f6a400); content:'';}
#pc_header:after {position:absolute; top:100px; z-index:-1; width:100%; height:100px; opacity:0.8; background:#fff; content:'';}
#pc_header .inwrap {position:relative; width:96%; max-width:1194px; margin:0 auto; padding-left:150px; text-align:center;}
#pc_header h1 {position:absolute; top:0; left:0;}
#pc_header h1 a {display:block; overflow:hidden; width:149px; height:100px; text-indent:-999px; background:url('../images/common/t_logo.png') no-repeat center; background-size:100% auto;}
#pc_header .sns {display: inline-block; margin-left: 66px;}
#pc_header .sns > li {float:left; line-height: 100px; margin-right: 30px;}
#pc_header .sns > li:last-child {margin: 0;}
#pc_header .sns > li > a > img {vertical-align: middle; margin-bottom: 7px;}
#pc_gnb {display:inline-block;}
#pc_gnb .depth1 > li {float:left; position:relative;}
#pc_gnb .depth1 > li > a {display:block; position:relative; line-height:100px; font-size:20px; color:#fff; font-weight:500; letter-spacing:0;}
#pc_gnb .depth1 > li > a:after {position:absolute; bottom:0; left:50%; right:50%; height:3px; background:#fed469; content:''; transition:all 0.4s;}
#pc_gnb .depth1 > li+li {margin-left:40px;}
#pc_gnb .depth1 > li+li:before {position:absolute; top:50%; left:-20px; width:1px; height:18px; margin-top:-9px; background:#fff; content:'';}
#pc_gnb .depth2 {display:none; position:absolute; top:100px; left:0; width:500px;}
#pc_gnb .depth2 > li {float:left;}
#pc_gnb .depth2 > li > a {display:block; position:relative; padding:0 20px; line-height:100px; font-size:18px; color:#555555; font-weight:500; letter-spacing:0; transition:color 0.3s;}
#pc_gnb .depth2 > li > a:hover {color:#f27420;}
#pc_gnb .depth2 > li+li > a:before {position:absolute; top:50%; left:0; width:1px; height:16px; margin-top:-8px; background:#aaaaaa; content:'';}
#pc_gnb .depth1 > li.on > a:after {left:0; right:0;}
#pc_gnb .depth1 > li.active > a:after {left:0; right:0;}
#pc_gnb .depth1 > li.on .depth2 {display:block;}



.product #pc_header:before {background:#fff;}
.product #pc_header h1 a {background-image:url('../images/common/t_logo_product.png');}
.product #pc_gnb .depth1 > li > a {color:#555555; transition:color 0.3s;}
.product #pc_gnb .depth1 > li > a:after {background:#f27420;}
.product #pc_gnb .depth1 > li.on > a,
.product #pc_gnb .depth1 > li.active > a {color:#f27420;}

#pc_header.open {height:200px; border-bottom:1px solid #dddddd;}

#mobile_header {display:none; position:absolute; top:0; left:0; z-index:15; width:100%;}
#mobile_header .header_top {position:relative; z-index:11; height:80px; border-bottom:1px solid rgba(255,255,255,0.3);}
#mobile_header h1 {position:absolute; top:0; left:30px;}
#mobile_header .logo {display:block; overflow:hidden; width:107px; height:80px; text-indent:-999px; background:url('../images/common/t_logo.png') no-repeat center; background-size:100% auto;}
#mobile_header .sns {position: relative; left: 50%; transform: translateX(-15%); top: 20px;}
#mobile_header .sns > li {float:left; margin-right: 30px;}
#mobile_header .sns > li:last-child {margin: 0;}
#mobile_header .sns > li > a > img {vertical-align: middle; margin-bottom: 7px;}
#mobile_gnb {position:fixed; top:0; right:-80%; z-index:9; width:50%; min-width:170px; height:100%; background:linear-gradient(to right,#f27420, #f6a400); transition:right 0.5s;}
#mobile_gnb .logo {position:absolute; top:0; left:20px;}
#mobile_gnb .depth1 {margin-top:80px;}
#mobile_gnb .depth1 > li {border-bottom:1px solid rgba(255,255,255,0.3);}
#mobile_gnb .depth1 > li > a {display:block; position:relative; padding-left:50px; font-size:20px; color:#fff; line-height:58px;}
#mobile_gnb .depth1 > li:not(.no_child) > a:after {position:absolute; top:50%; right:30px; width:20px; height:2px; margin-top:-1px; background:#ffffff; content:'';}
#mobile_gnb .depth1 > li:not(.no_child) > a:before {position:absolute; top:50%; right:30px; width:2px; height:20px; margin-top:-10px; margin-right:9px; background:#ffffff; content:'';}
#mobile_gnb .depth2 {display:none; padding:10px 0; background:#fff;}
#mobile_gnb .depth2 > li > a {display:block; padding-left:50px; font-size:18px; color:#193f5f; line-height:43px;}
#mobile_gnb .depth1 > li.on > a:before {display:none;}
#mobile_gnb .depth1 > li.on .depth2 {display:block;}

.open #mobile_gnb {right:0;}



.btn_menu {display:none; position:absolute; top:42px; right:30px; width:30px; height:30px; padding-top:11px; text-decoration:none;}
.btn_menu span {display:block; width:100%; height:3px; background:rgba(255,255,255,1); color:transparent; text-decoration:none; transform:translate(0,-15px); transition:all 0.4s 0.4s;}
.btn_menu span:before,
.btn_menu span:after {position:absolute; left:0; top:0; width:100%; height:3px; background:rgba(255,255,255,1); transition:all 0.4s 0.4s; content:'';}
.btn_menu span:before {top:-11px;}
.btn_menu span:after {top:11px;}
.open .btn_menu span {background:rgba(255,255,255,0);}
.open .btn_menu span:before {top:0px; transform:rotate(45deg);}
.open .btn_menu span:after {top:0px; transform:rotate(-45deg);}


#lnb {position:relative; z-index:10; margin-top:-60px; text-align:center;}
#lnb ul {display:inline-block;}
#lnb li {float:left; width:175px;}
#lnb a {display:block; line-height:60px; text-align:center; color:rgba(255,255,255,0.3); background:rgba(25,63,95,.3); transition:all 0.4s;}
#lnb li.active a,
.pc #lnb li a:hover {color:#111111; background:#fff;}



#footer {padding:50px 20px 70px; text-align:center; font-size:14px; color:#aaaaaa; line-height:1.7; letter-spacing:0em; background:#333333;}
#footer .b_logo {margin-bottom:25px;}
#footer .tel {color:#fff;}
#footer span {display:inline-block; position:relative; padding:0 13px;}
#footer span+span:before {position:absolute; top:50%; left:0; width:1px; height:16px; margin-top:-8px; background:#aaaaaa; content:'';}
#footer a {color:#d9d8d8;}


#use_hospital02 {height:340px; position:relative; background:url('../images/common/use_hospital02_bg.jpg') center; background-size:cover;}
#use_hospital02 .mtitle {position:absolute; top:50%; left:3%; right:3%; transform:translateY(-50%); color:#fff; color:#fff;}



.mtitle {margin-bottom:25px; color:#193f5f; text-align:center; line-height:1.01;}
.mtitle h2 {font-size:48px; font-weight:700;}
.mtitle p {margin-top:13px; font-size:20px; letter-spacing:0; text-transform:uppercase; line-height:1.5;}
.stitle {margin-bottom:50px; font-size:48px; font-weight:700; color:#193f5f; text-align:center; line-height:1.01;}
.stitle01 {background:no-repeat center 0; }
.stitle01 h2 {line-height:109px;}
.stitle01 p {margin-top:8px; font-size:20px; color:#111111;}
.stitle01.disease01 {background-image:url('../images/sub/disease01_tit.png');}
.stitle01.disease02 {background-image:url('../images/sub/disease02_tit.png');}
.stitle01.disease03 {background-image:url('../images/sub/disease03_tit.png');}

.msection {margin-bottom:100px !important;}

.pop_dimmed_bg {position:fixed; top:0; left:0; z-index:111; width:100%; height:100%; background:rgba(0,0,0,0.7);}
.dimmed_bg {display:none; position:fixed; top:0; left:0; z-index:5; width:100%; height:100%; background:rgba(0,0,0,0.7);}
.csize01 {width:96%; max-width:1194px; margin-left:auto; margin-right:auto;}


.btn_go {display:inline-block; margin-top:28px; padding:0 35px; border:1px solid #fff; color:#fff; line-height:59px; transition:all 0.4s;}
.pc .btn_go:hover {color:#5b6e7a; background:#fff;}

.quick_contact { position: fixed; bottom: 0; left: 0; width: 100%; height: 5px; background: #f5920c; z-index: 100;}
.quick_contact .button_link {position: absolute; bottom: 0; right: 50px; width: 300px; height: 68px; background: #f5920c; }
.quick_contact .button_link li {float: left; color: #fff; line-height: 68px; margin-left: 10px; text-align: center;}
.quick_contact .button_link li div {display: inline-block; vertical-align: middle; line-height: normal; font-weight: 100;}
.quick_contact .button_link li img {vertical-align: middle;}

@media all and (max-width: 1023.99px){
	#pc_header {display:none;}
	#mobile_header {display:block}
	.btn_menu {display:block;}
	#main {margin-top:0px;}

	.t_hidden {display:none;}
}
@media all and (max-width: 1100px){
	
	
}
@media all and (max-width: 767.88px){
	#mobile_header h1 {left:20px;}
	#mobile_header .header_top {height:65px;}
	#mobile_header .logo {width:85px; height:65px;}
	#mobile_gnb .depth1 {margin-top:65px;}
	#mobile_gnb .depth1 > li > a {padding-left:40px; font-size:16px; line-height:48px;}
	#mobile_gnb .depth2 {padding:8px 0;}
	#mobile_gnb .depth2 > li > a {padding-left:40px; font-size:14px; line-height:35px;}
	#mobile_gnb .depth1 > li:not(.no_child) > a:after {right:20px; width:15px; height:1px;}
	#mobile_gnb .depth1 > li:not(.no_child) > a:before {right:20px; width:1px; height:15px; margin-top:-8px; margin-right:7px;}
	
	.btn_menu {top:31px; right:17px; transform:scale(0.8);}

	#lnb {margin-top:-35px;}
	#lnb ul {display:block; overflow:hidden;}
	#lnb li {width:33.33%;}
	#lnb a {line-height:35px;}
	

	
	#footer {padding:30px 10px 80px; font-size:11px;}
	#footer .b_logo {height:25px; margin-bottom:15px;}
	#footer span {padding:0 6px;}
	#footer span+span:before {height:10px; margin-top:-5px;}


	.m_hidden {display:none;}
	.csize01 {width:auto; margin-left:10px; margin-right:10px;}

			
	
	.mtitle {margin-bottom:17px; font-size:15px;}
	.mtitle h2 {font-size:28px;}
	.mtitle p {margin-top:8px; font-size:12px;}
	.stitle {margin-bottom:30px; font-size:28px;}
	.stitle01 {background-size:auto 40px; background-position:center 15px;}
	.stitle01 h2 {line-height:66px;}
	.stitle01 p {padding:0 20px; margin-top:-10px; font-size:14px; line-height:1.4;}

	.msection {margin-bottom:60px !important;}

    .btn_go {margin-top:17px; padding:0 20px; line-height:36px;}
    
    .quick_contact .button_link {width: 240px; right: 4%;}
}