@charset "utf-8";
body, table, input, select, textarea, button { font-family:'Noto Sans KR',"돋움",Dotum,"굴림",Gulim,Helvetica,AppleGothic, sans-serif; font-size:13.5px; color:#555 }
.page-content { line-height:22px; word-break: keep-all; word-wrap: break-word; }
.page-content .article-title { color:#0083B9; font-weight:bold; padding-top:30px; padding-bottom:10px; }
.page-content p { margin:0 0 15px; padding:0; }
	

.BranchCSS h3			{ font-family:'Noto Sans KR';padding:5px 0 5px 0px; font-size:24px; color:#a46223; border-bottom:1px solid #e4d0bd; }
.BranchCSS h3 span		{ font-family:'Noto Sans KR';color:#492a0d}
.BranchCSS>div				{ position:relative; margin-bottom:8%}
.BranchCSSInner		{ margin-bottom:30px; letter-spacing:-.05em;}
.BranchCSS p		{ font-family:'Noto Sans KR';padding:20px 0 50px; font-size:1.2em; color:#5c5753; letter-spacing:-.075em; line-height:1.6; word-break:keep-all}
.BranchCSS p span	{ font-family:'Noto Sans KR';color:#222f3f; text-decoration:underline}

.BranchCSS dl 			{ font-family:'Noto Sans KR';margin:0; padding:0 }
.BranchCSS dt			{ font-family:'Noto Sans KR';padding:0 3px; font-weight:500; font-size:1.2em; color:#22374c; line-height:2.5; border:2px solid #919ba5}
.BranchCSS dt span		{ font-family:'Noto Sans KR';display:inline;  font-weight:700; color:#7e8790; }
.BranchCSS dd			{ font-family:'Noto Sans KR';margin-top:5px; margin-bottom:30px}
.BranchCSS ul		{ font-family:'Noto Sans KR';padding-left: 10px;ist-style:none; }
.BranchCSS dd li	{ font-family:'Noto Sans KR';list-style:none; padding: 5px; ; font-size:1em; line-height:1.3;  color:#38231e; border-bottom:1px dotted #deccc2 }
.BranchCSS li		{ font-family:'Noto Sans KR';list-style:none; padding: 5px; font-size:1em; line-height:1.3;  color:#38231e; border-bottom:1px dotted #deccc2 }

.big            { font-family:'Noto Sans KR';margin:30px 0; font-size:20px;padding: 25px; color:#333; letter-spacing:-.05em}
.big span           { font-family:'Noto Sans KR';display:block; font-size:.20px;padding: 25px;}
.txt dl         { font-family:'Noto Sans KR';padding:18px 0; letter-spacing:-.05em; border-top:1px solid #ebebeb;}
.txt dl dt      { font-family:'Noto Sans KR';float:left; width:23%; padding-left:2%; font-weight:500; font-size:20px; color:#111}
.txt dl dt *        { font-family:'Noto Sans KR';vertical-align:middle}
.txt dl dt i        { font-family:'Noto Sans KR';color:#c3c3c3}
.txt dl dd      { font-family:'Noto Sans KR';float:left; width:75%; margin:0; font-size:20px; color:#666}
.txt dl dd a        { font-family:'Noto Sans KR';font-size:1em}
.txt dl dd li       { font-family:'Noto Sans KR';float:left; margin-left:20px;}
.txt dl dd li:first-child { font-family:'Noto Sans KR';margin-left:0}
.txt dl dd li *     { font-family:'Noto Sans KR';vertical-align:middle}
.txt dl dd li span  { font-family:'Noto Sans KR';margin-left:3px}
.txt dl dd strong   { font-family:'Noto Sans KR';color:#181818}


h2.tit     { position:relative; margin:40px 0 30px; padding-top:100px; font-family:'NanumMyeongjo'; font-weight:700; font-size:40px; text-align:center; letter-spacing:-.05em; color:#181818 }
h2.tit:before  { position:absolute; top:45px; left:50%; width:100%; height:300px; margin-left:-800px; background:#f9f9f9; content:""; z-index:-1}
h2.tit:after   { position:absolute; top:0; left:50%; width:1px; height:85px; background:#181818; content:""}  

.BranchCSSTab {font-family:'Noto Sans KR';}
.BranchCSSTab li{list-style:none;float:left; display:table;  width:calc(100% / 13); height:45px; padding:1px;}
.BranchCSSTab li a{display:table-cell; vertical-align:middle; text-align:center; border:1px solid #dfdfdf; font-size:13px; color:#000; font-weight: bold;}
.BranchCSSTab li a:hover{background:#EAEAEA; border:1px solid #000;}


.BranchCSSTab2 {margin:0 -5px;}
.BranchCSSTab2 li{list-style:none;float:left; display:table;  width:11%; height:25px; padding:1px;}
.BranchCSSTab2 li a{display:table-cell; vertical-align:middle; text-align:center; border:1px solid #dfdfdf;border-top:2px solid orange; font-size:10px; color:#000; font-weight: bold;}
.BranchCSSTab2 li a:hover{background:#EAEAEA; border:1px solid #000;}

/* .BranchListImg {width: 500px; height: 160px;}*/
 .BranchListImg {width: 140px; height: 140px;} 
@media screen and (max-width:1024px){
	/*.BranchListImg {width: 300px; height: 160px;}*/
	.BranchListImg {width: 140px; height: 140px;}
	.BranchCSSTab li{float:left; display:table;  width:calc(100% / 8);}
}

@media screen and (max-width:768px){
	/*.BranchListImg {width: 200px; height: 160px;}*/
	.BranchListImg {width: 120px; height: 120px;}
	.BranchCSSTab li{float:left; display:table;  width:calc(100% / 4);}
	
	h2.tit			{ position:relative; margin:30px 0; padding-top:10px; font-family:'NanumMyeongjo'; font-weight:700; font-size:23px; text-align:center; letter-spacing:-.05em; color:#181818 }
	h2.tit:after	{ position:absolute; top:0; left:50%; width:50px; height:1px; margin-left:-25px; background:#181818; content:""}
	h2.tit:before	{ position:absolute; top:45px; left:50%; width:1600px; height:400px; margin-left:-800px; background:#f9f9f9; content:""; z-index:-1}
	h4.slogan		{ font-size:16px;}
	.BranchCSS .big            { margin:30px 0; font-size:20px; color:#333; letter-spacing:-.05em}
	.big span           { display:block; font-size:.6em;}
	.txt dl         { padding:1em 0 .4em; letter-spacing:-.05em; border-top:1px solid #ebebeb;}
	.txt dl dt      { font-weight:500; font-size:1.1em; color:#111}
	.txt dl dt *        { vertical-align:middle}
	.txt dl dt i        { color:#c3c3c3}
	.txt dl dd      { margin:0 0 0 8%; font-size:1.1em; color:#666}
	.txt dl dd li       { float:left; margin-left:10px;}
	.txt dl dd li:first-child { margin-left:0}
	.txt dl dd li *     { vertical-align:middle}
	.txt dl dd li span  { margin-left:3px}
	.txt dl dd strong   { color:#181818}
}