@charset "utf-8";

/* 서브레이아웃 */
#scontainer { width:1600px; margin:0 auto 100px; }	
	#content { width:100%; }


@media (min-width:1281px) and (max-width:1600px){
	#scontainer { width:100%; padding:0 15px; margin:0 auto 100px; }				
		#content { width:100%; }
}


@media (min-width:1025px) and (max-width:1280px){
	#scontainer { width:100%; padding:0 15px; margin:0 auto 100px; }		
		#content { width:100%; }
}



@media (min-width:769px) and (max-width:1024px){
	#scontainer { width:100%; margin:0 auto 75px; }		
		#content { width:100%; padding:0 30px; }
}


@media (max-width:768px){
	#scontainer { width:100%; margin:0 auto 50px; }		
		#content { width:100%; padding:0 15px; }
}



/* 서브비주얼 */
#svisible { position:relative; width:100%; height:300px; padding-top:160px; background:url(/images/inc/svisible_img1.jpg) no-repeat 50% 50%; background-size:cover !important; text-align:center; z-index:1; }
#svisible p { color:#fff; font-family:SCDream8; font-size:200%; }

.svisible2 { background:url(/images/inc/svisible_img2.jpg) no-repeat 50% 50% !important; }
.svisible3 { background:url(/images/inc/svisible_img3.jpg) no-repeat 50% 50% !important; }
.svisible4 { background:url(/images/inc/svisible_img4.jpg) no-repeat 50% 50% !important; }


@media (max-width:1024px){
	#svisible { display:none; }
}



/* 서브메뉴 */
.sSubmenu { position:absolute; top:250px; width:100%; height:50px; border-bottom:1px solid #ddd; z-index:1; }
.sSubmenu ul { width:1600px; margin:0 auto; display:flex; flex-wrap:nowrap; justify-content:flex-start;  }
.sSubmenu ul li { float:left; width:100%; }
.sSubmenu ul li a:link,
.sSubmenu ul li a:visited { width:100%; height:50px; line-height:50px; color:#ccc; text-align:center; font:130% SCDream6; letter-spacing:-1px; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block; }
.sSubmenu ul li a:active,
.sSubmenu ul li a:focus,
.sSubmenu ul li a:hover,
.sSubmenu ul li a.select { position:relative; top:0px; border-bottom:3px solid #ff5244; color:#fff; font-family:SCDream8; }

@media (min-width:1281px) and (max-width:1600px){
	.sSubmenu ul { width:100%; border-left:none; }
	.sSubmenu ul li:last-child { border-right:none; }
}


@media (min-width:1025px) and (max-width:1280px){
	.sSubmenu ul { width:100%; border-left:none; }
	.sSubmenu ul li { width:33.333%; }
	.sSubmenu ul li:last-child { border-right:none; }
	.sSubmenu ul li.long a { letter-spacing:-2px; }

	.sSubmenu ul li a:link,
	.sSubmenu ul li a:visited { font-size:105%; }
}


@media (min-width:769px) and (max-width:1024px){
	.sSubmenu { position:relative; top:-1px; height:auto; border-bottom:none; } 
	.sSubmenu ul { width:100%; padding:1px 0 0 1px; border-left:none; flex-wrap:wrap; }
	.sSubmenu ul li { width:calc(33.333% + 1px); border:1px solid #ddd; margin-left:-1px; margin-top:-1px; }
	.sSubmenu ul li:nth-child(3n + 1) { border-left:none; }
	.sSubmenu ul li:nth-child(3n) { border-right:none; } 
	.sSubmenu ul li a:link,
	.sSubmenu ul li a:visited { height:40px; line-height:40px; background:#f4f4f4; color:#555;  font-size:110%;	}
	.sSubmenu ul li a.select { position:static; height:40px; line-height:40px; border:0; border-radius:0; background:#ff5244; color:#fff; box-shadow:none; }
}

@media (max-width:768px){
	.sSubmenu { position:relative; top:-1px; height:auto; border-bottom:none; } 
	.sSubmenu ul { width:100%; padding:1px 0 0 1px; border-left:none; flex-wrap:wrap; }
	.sSubmenu ul li { width:calc(33.333% + 1px); border:1px solid #ddd; margin-left:-1px; margin-top:-1px; }
	.sSubmenu ul li:nth-child(3n + 1) { border-left:none; }
	.sSubmenu ul li:nth-child(3n) { border-right:none; } 
	.sSubmenu ul li a:link,
	.sSubmenu ul li a:visited { height:40px; line-height:40px; background:#f4f4f4; color:#555; font-size:90%;	}
	.sSubmenu ul li a.select { position:static; height:40px; line-height:40px; border:0; border-radius:0; background:#ff5244; color:#fff; box-shadow:none; }
}

@media (max-width:500px){
	.sSubmenu ul li { width:calc(50% + 1px); }
	.sSubmenu ul li:nth-child(3n + 1) { border-left:1px solid #ddd; }
	.sSubmenu ul li:nth-child(3n) { border-right:1px solid #ddd; } 
	.sSubmenu ul li:nth-child(odd) { border-left:none; } 
	.sSubmenu ul li:nth-child(even) { border-right:none; }
}





/* 페이지 타이틀 */
.pagetitle { position:relative; width:100%; height:140px; border-bottom:1px solid #ddd; margin-bottom:50px; }

.pagetitle .path { position:absolute; right:0; top:100px; font-size:90%; color:#888; word-spacing:5px;  display:none; }
.pagetitle .path span { position:relative; width:4px; height:7px; line-height:7px; background:url(/images/common/path_blt.gif) no-repeat 0 50%; text-indent:-9999em; display:inline-block; }
.pagetitle .path strong { color:#666; font-weight:normal; }

.pagetitle h1 { padding:50px 0 0 0px; font-family:SCDream8; font-size:250%; color:#000; text-align:center; }
.pagetitle h1 span { position:relative; top:-3px; font-size:60%; margin:0 0 0 10px;}

@media (min-width:1281px) and (max-width:1600px){
	
}


@media (min-width:1025px) and (max-width:1280px){
	
}


@media (min-width:769px) and (max-width:1024px){
	.pagetitle { height:110px; border:none;  }
	.pagetitle h1 { padding:40px 15px 0 15px; font-size:200%; }			
}

@media (max-width:768px){
	.pagetitle { height:auto; border:none; margin-bottom:30px; }
	.pagetitle h1 { padding:40px 15px 0 15px; font-size:200%; }
}






/* 1. 회사소개 */
/* 1. 회사소개 */
/* 1. 회사소개 */

/* 회사소개 */
.company { width:100%; }
.company p.center img { max-width:949px; width:100%; }
.company ul li span { width:65px; display:inline-block; }

.company .comul { display:flex; flex-wrap:nowrap; justify-content:space-between; }
.company .comul li { width:32%; height:50px; line-height:48px; border:1px solid #154462; background:#fff; color:#113d8e; text-align:center; font-family:SCDream8; font-size:115%; }

.company .txt { line-height:1.8; }

.company .certificate { display:flex; flex-wrap:wrap; justify-content:space-between; }
.company .certificate li { width:calc(20% - 20px); }
.company .certificate li img { width:100%; border:1px solid #ddd; }



@media (max-width:1030px){
	
}

@media (max-width:490px){
	.company .comul { flex-wrap:wrap; }
	.company .comul li { width:100%; margin-bottom:10px; }
}



/* 파트너 */
.partner { width:100%; }
.partner ul { padding:30px 30px 10px 30px; border-radius:30px; background:#f4f4f4; }
.partner ul li { float:left; width:calc(16.666% - 16.666px); border:1px solid #ddd !important; border-radius:10px !important; background:#fff !important; text-align:center; overflow:hidden; cursor:pointer; display:block; margin:0 20px 20px 0; }
.partner ul li:nth-child(6n) { margin:0 0 20px 0; }
.partner ul li img { max-width:288px; width:100%; display:block; margin:0 auto; }
.partner ul li p { padding:10px 0; border-top:1px solid #eee; background:#f4f4f4; font:90% SCDream4; display:block;  }

@media (min-width:1401px) and (max-width:1600px){
	.partner ul li { width:calc(20% - 16px); }
	.partner ul li:nth-child(6n) { margin:0 20px 20px 0; }
	.partner ul li:nth-child(5n) { margin:0 0 20px 0; }
}

@media (min-width:1025px) and (max-width:1400px){
	.partner ul li { width:calc(25% - 15px); }
	.partner ul li:nth-child(6n) { margin:0 20px 20px 0; }
	.partner ul li:nth-child(4n) { margin:0 0 20px 0; }
}


@media (min-width:769px) and (max-width:1024px){
	.partner ul li { width:calc(33.333% - 13.333px); }
	.partner ul li:nth-child(6n) { margin:0 20px 20px 0; }
	.partner ul li:nth-child(3n) { margin:0 0 20px 0; }
}

@media (min-width:521px) and (max-width:768px){
	.partner ul { padding:15px 15px 0 15px; border-radius:20px; }
	.partner ul li { width:calc(33.333% - 13.333px); }
	.partner ul li:nth-child(6n) { margin:0 20px 20px 0; }
	.partner ul li:nth-child(3n) { margin:0 0 20px 0; }
}

@media (max-width:520px){
	.partner ul { padding:15px 15px 0 15px; border-radius:20px; }
	.partner ul li { width:calc(50% - 10px); }
	.partner ul li:nth-child(6n) { margin:0 20px 20px 0; }
	.partner ul li:nth-child(2n) { margin:0 0 20px 0; }
}


/* 오시는길 */
.location { width:100%; }
.location .cont { display:none; } 
.location ul li span { width:60px; color:#06c; display:inline-block; }








/* 2. 서비스 */
/* 2. 서비스 */
/* 2. 서비스 */



/* 서브페이지 공통부분 */

#content .box2 { word-break:keep-all; }

.pcLeft { float:left; width:600px; text-align:center; margin:0 50px 0 0; }
.pcRight { position:relative; float:left; width:calc(100% - 650px); }

.eximg { width:100%; text-align:center; }
.eximg img { max-width:600px; width:100%; text-align:center; }

.pcRight .subTxt { position:relative; height:321px; margin-bottom:50px; }
.pcRight .subTxt p { position:absolute; top:140px; left:0; color:#000; font:normal 200% SCDream8; line-height:1.5; word-break:keep-all; opacity:0; transition:0.6s; }
.pcRight .subTxt.active p { top:90px; opacity:1; }

.pcRight .subTxt2 { position:relative; height:321px; margin-bottom:50px; }
.pcRight .subTxt2 p { position:absolute; top:140px; left:0; color:#000; font:normal 200% SCDream8; line-height:1.5; word-break:keep-all; opacity:0; transition:0.6s; }
.pcRight .subTxt2.active p { top:90px; opacity:1; }

.pcRight .box { padding:0; border:none; }


.pcLeft a:link,
.pcLeft a:visited { width:210px; padding:10px 10px; border-radius:6px; background:#203180; color:#ccc; text-align:center; transition:0.3s; display:inline-block; margin:40px auto 0; }
.pcLeft a:active,
.pcLeft a:focus,
.pcLeft a:hover { background:#ff5244; color:#fff; }

.pcLeft a span { display:inline-block; margin-right:10px; }


@media (min-width:1025px) and (max-width:1280px){
	.pcLeft { width:450px; margin:0 50px 0 0; }
	.pcRight { width:calc(100% - 500px); }
}



@media (max-width:1024px){
	.pcLeft { width:100%; margin:0 0 40px 0; }
	.pcRight { width:100%; }

	.pcRight .subTxt { height:auto; margin-bottom:40px; }
	.pcRight .subTxt p { position:static; opacity:1; }
	.pcRight .subTxt.active p { position:static; }
}


@media (max-width:768px){
	.pcRight .subTxt p { font:normal 150% SCDream8; }
}







/* 웹사이트구축 */
.proHomepage { width:100%; }

@media (min-width:1025px) and (max-width:1400px){
	.pcRight .subTxt p { top:120px; }
	.pcRight .subTxt.active p { top:70px; }
}





/* 유지보수 */
.proMaintenance { width:100%; }
.proMaintenance .eximg img { max-width:749px; width:100%; text-align:center; }
.proMaintenance .cimgBox { width:100%; padding:40px 20px; border:1px solid #ddd; text-align:center; margin:100px auto 0;}
.proMaintenance .cimgBox img { max-width:927px; width:100%;  }
.proMaintenance .txt1 { line-height:1.5; }

@media (max-width:1024px){
	.proMaintenance .cimgBox { padding:40px 15px; margin:50px auto 0; }
}

@media (max-width:768px){
	.proMaintenance .cimgBox { padding:20px 15px; margin:40px auto 0; }
}






/* 3. 솔루션 */
/* 3. 솔루션 */
/* 3. 솔루션 */


/* XCOM */
.proMinutes { width:100%; }





/* XMCaster */
.proBroadcast { width:100%; }





/* 스마트의정 시스템 */
.proPortalsystem { width:100%; }






/* 의안처리 시스템*/
.proBillsystem { width:100%; }
.proBillsystem .billsystem2 { padding-top:100px; border-top:1px dashed #ddd; margin-top:100px; }
.proBillsystem h1 { width:auto; padding:15px 35px; border-radius:40px; background:#113d8e; color:#fff; font:150% SCDream8; display:inline-block; margin-bottom:40px;}

.proBillsystem .pcLeft p img { max-width:675px; width:100%; }

.proBillsystem .txt1 { line-height:1.5; }

.proBillsystem h1 {   }




/* 의원재부재시스템 */
.proJaebujae { width:100%; }
.proJaebujae .eximg img { max-width:800px; width:100%; text-align:center; }
.proJaebujae .img img { max-width:1058px; width:100%; }
.proJaebujae .txt1 { line-height:1.5; }










/* 4. 고객지원 */
/* 4. 고객지원 */
/* 4. 고객지원 */




/* 솔루션문의 */
.cusInquiry { width:100%; display:flex; flex-wrap:nowrap;  }
.cusInquiry .cusInquiryLeft { position:relative; width:500px; background:#f4f4f4 url(/images/sub/cusInquiry_img1.png) no-repeat 50% bottom; border-radius:30px; overflow:hidden; box-shadow:5px 5px 10px rgba(0,0,0,0.07); margin-right:50px; }
.cusInquiry .cusInquiryRight { width:calc(100% - 550px); padding:10px 0 15px 0; }

.cusInquiry dl dt { margin-bottom:5px; }
.cusInquiry dl dd { margin-bottom:13px; }

.cusInquiry dl dt:before { content:''; position:relative; top:-3px; width:6px; height:6px; background:#ff5244; display:inline-block; margin-right:6px; }

.cusInquiry input,
.cusInquiry textarea { transition:0.1s; }

.cusInquiry input:active,
.cusInquiry input:focus,
.cusInquiry input:hover,
.cusInquiry textarea:active,
.cusInquiry textarea:focus,
.cusInquiry textarea:hover { border:2px solid #ff5244; border-radius:7px; background:#f9f9f9; }


.cusInquiry .cusInquiryLeft .txt1 { position:absolute; left:140px; top:100px; color:#000; font:120% SCDream6; opacity:0; transition:0.5s; }
.cusInquiry .cusInquiryLeft .txt2 { position:absolute; left:140px; top:130px; color:#113d8e; font:250% SCDream8; opacity:0; transition:0.5s; }

.cusInquiry .cusInquiryLeft.active .txt1 { left:40px; opacity:1;  }
.cusInquiry .cusInquiryLeft.active .txt2 { left:40px; opacity:1; transition-delay:0.2s;  }


.cusInquiry .submit_submit { width:140px; height:50px; line-height:50px; border-radius:5px; border:none; background:#203180; color:#fff; display:inline-block; cursor:pointer; }
.cusInquiry .submit_submit:active,
.cusInquiry .submit_submit:focus,
.cusInquiry .submit_submit:hover { background:#203180; border-radius:5px; border:none; line-height:50px;  }


@media (min-width:769px) and (max-width:1120px){
	.cusInquiry .cusInquiryLeft { width:350px; margin-right:30px; }
	.cusInquiry .cusInquiryRight { width:calc(100% - 380px); }

	.cusInquiry .cusInquiryLeft .txt1 { left:120px; font:110% SCDream6; }
	.cusInquiry .cusInquiryLeft .txt2 { left:120px; font:220% SCDream8; }

	.cusInquiry .cusInquiryLeft.active .txt1 { left:30px; }
	.cusInquiry .cusInquiryLeft.active .txt2 { left:30px; }
}

@media (max-width:965px){
.cusInquiry .cusInquiryRight .text_200.text_email1 { margin-bottom:5px; }
}

@media (max-width:768px){
	.cusInquiry { display:block;  }
	.cusInquiry .cusInquiryLeft { width:100%; padding:30px 15px; border-radius:20px; background:#f4f4f4; box-shadow:none; margin:0 0 30px 0; }
	.cusInquiry .cusInquiryRight { width:100%; padding:0; }

	.cusInquiry .cusInquiryLeft .txt1 { position:static; font:110% SCDream6; text-align:center; opacity:1; }
	.cusInquiry .cusInquiryLeft .txt2 { position:static; font:220% SCDream8; text-align:center; opacity:1; }
	
	.cusInquiry .cusInquiryRight .text_200 { width:200px; }
	.cusInquiry .cusInquiryRight .text_300 { width:300px; }

	
}

@media (max-width:425px){
	.cusInquiry .cusInquiryRight .text_200 { width:100%; }
	.cusInquiry .cusInquiryRight .text_200.text_email1 { width:calc(100% - 17px); margin-bottom:5px; }
	.cusInquiry .cusInquiryRight .text_300 { width:100%; }
}











/* 5. 회원로그인 */
/* 5. 회원로그인 */
/* 5. 회원로그인 */


/* 회원로그인 */
#gaonwraplogin { width:100%; height:100vh; overflow:hidden; font-size:90%; }
.loginbox { width:700px; box-shadow:0 0 10px rgba(0,0,0,0.1); border-radius:10px; overflow:hidden; margin:150px auto 0; }
.loginbox .loginLeft { float:left; width:50%; height:400px; padding:50px 30px; background:#fff; text-align:center; }
.loginbox .loginRight { float:left; width:50%; height:400px; background:url(/images/sub/memberLogin_bg.jpg) no-repeat 50% 50%; text-align:center;  }

.loginbox .loginLeft h1 { color:#000; font-family:SCDream8; font-size:150%; margin-bottom:20px;   }
.loginbox .loginLeft .text_idpw { width:100%; height:45px; line-height:43px; border:1px solid #ddd; padding-left:15px; margin-bottom:5px; }
.loginbox .loginLeft .submit_login { width:100%; height:45px; line-height:43px; background:#201b51; color:#fff; display:block; margin-top:10px; margin-bottom:50px; cursor:pointer; }


.loginbox .loginLeft .left { text-align:left; line-height:1.5; }


.loginbox .loginRight .loginRightArea { width:100%; height:400px; padding:90px 30px 0 30px; background:rgba(0,0,0,0.5); }
.loginbox .loginRight p { line-height:1.5; }



@media (max-width:1024px){
	.loginbox { width:400px; }
	.loginbox .loginLeft { width:100%; }
	.loginbox .loginRight { display:none; }
}

@media (max-width:425px){
	.loginbox { width:calc(100% - 30px); margin:50px auto 0; }
	.loginbox .loginLeft { height:auto; }
}