@import "etc.css";
@import "btn.css";

/*공통*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,button{margin:0;padding:0;font-size:14px;}
body,input,select,textarea,div,table{color:#555;font-family:'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;font-size:15px;}
body{background: #444953;-webkit-text-size-adjust:none;}
html{overflow-x: hidden;overflow-y: scroll;}
ul,ol,li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
hr{display:none;}
img,fieldset{border:0 none; width:100%;}
table{border-collapse:collapse;border-spacing: 0;word-break:break-all;}
fieldset{border:0px;}
legend {display:none;}
textarea{color:#414141;line-height:20px;border:1px solid #ccc; box-sizing:border-box;}
select{border:1px solid #ccc; background:#fff;}
input, textarea, select, button, label { box-sizing: border-box; }
.hide{visibility:hidden;position:absolute;top:-9999em;left:-9999em;width:1px;height:1px;line-height:0;overflow:hidden;} /* 숨김 */

/* 입력상태 설정 */
.imeHan{ime-mode:active}
.imeEng{ime-mode:inactive}

/* 링크 */
a{color:#515151;text-decoration:none;cursor:pointer;}
a:hover{color:#000;text-decoration:none;}
a.underline{text-decoration:none;}
a.honone:hover{text-decoration:none;}
a{border:none;select-dummy: expression(this.hideFocus=true);} /* 링크 테두리 점선없애기 */

/* Layout */
#wapper{width: 100%; }
#container {width: 100%; height:100%; background: url('/images/bg.png') no-repeat; background-size:cover; margin: 0 auto; position:relative;}
#container_new {width: 100%; min-height:640px; background: url('/images/bg3.png') repeat; background-size:contain; margin: 0 auto; position:relative;}
#content {width: 100%; padding:10px; box-sizing:border-box; margin-bottom:3%;}
#content .btn1 {padding-top:57.3%; padding-left:1.2%; margin:0 auto; width:100%;}
#content .btn1 img {width:32%;}
#content .btn2 {max-width:90%; margin:0 auto; margin-top:3%;}
#content .btn2in {float:left; width:23.2%; display:inline; padding:2% 3% 0px 5.2%;}
#content .btn2R {margin:0 5.88% 13% 5%; }
#content .btn2Rm0 {padding-bottom:0.041%; max-width:100%;}
#content .btn3R {padding:8% 13% 0px 5%; max-width:100%;}
#content .btn3Rm0 {padding-bottom:0px; padding-top:8%; max-width:100%;}
#content .title img {width:40%;}
#content .profile {width:40%; padding:5px; float:left;}
#content .profile img {border-radius:10px; width:100%;}
#content .wrap_np {width:45%; float:left; padding:5px;}
#content .name {font-size:16px; font-weight:bold; color:#333; padding:0 0 5px 10px; display:inline;}
#content .name_cont {font-size:20px; font-weight:bold; color:#0070ee; padding:0 0 10px 10px; display:inline;}
#content .phone {padding:10px 0 0 10px;}
#content .career {padding:10px 0 10px 30px;}
#content .career p {font-size:16px; font-weight:bold; color:#333; margin-left:-20px; margin-bottom:5px;}
#content .career ul li {list-style:disc; }
#content .hello {padding:5px; font-size:14px; margin-bottom:10px; line-height:20px;}



/* 그라데이션 버튼 */
.css_btn_class {
	font-size:16px;
	font-weight:bold;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #d02718;
	padding:9px 18px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
	background:-ms-linear-gradient( top, #f24537 5%, #c62d1f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f24537), color-stop(100%, #c62d1f) );
	background-color:#f24537;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #810e05;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #f5978e;
 	-moz-box-shadow:inset 1px 1px 0px 0px #f5978e;
 	box-shadow:inset 1px 1px 0px 0px #f5978e;
}.css_btn_class:hover {
	background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
	background:-ms-linear-gradient( top, #c62d1f 5%, #f24537 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #c62d1f), color-stop(100%, #f24537) );
	background-color:#c62d1f;
}.css_btn_class:active {
	position:relative;
	top:1px;
}

/* 헤더 */
.top{ position:relative;height: 50px;background: url("/images/patt01.png") repeat; }
.top2{ position:relative;height: 50px;background: url("/images/top_bg.png") repeat; }
.logo h1{ display:inline-block;font-size:23px;font-weight:bold;padding-left:10px;padding-top:5px;color:#fff; }
.tel{ position:absolute; right:10px; top:23px;color:#000;font-weight: bold; }

.site-header { background: #382321;text-align:center;}
.primary-nav li { display: inline-block;  height: 45px; }
.primary-nav a { display: block; color: #fff; height: 45px; font-weight: bold;font-size:15px; line-height: 45px; padding:0px 10px; border-right: #a62626 solid 0px; }
.primary-nav li:first-of-type a { }
.primary-nav li:last-of-type a { border: 0px;}
.primary-nav a:hover, .primary-nav a:focus a { color: #e85c5c; }

/* 페이징 */
.paginate {clear:both; text-align:center; margin-top:20px;font-size:12px;}
.pagelist {margin:0 auto;text-align:center; }
.pagelist .pgPrevNext a {padding:5px 8px;font:bold 12px;color:#555;border:1px solid #ccc;border-radius:5px; background:#fff;}
.pagelist .pgNum a {padding:5px 8px;font:bold 12px;color:#555;border:1px solid #ccc; margin:0 1px;border-radius:5px;}
.pagelist a:hover {color:#414141;border:1px solid #515151; }
.pagelist .pgNow {padding:8px;font:bold 12px verdana;color:#c81818; }

/* 테이블 */
.table {width:100%; border-top:1px solid #d9d9d9;}
.table th{border-bottom:1px solid #d9d9d9; padding:3px 0; }
.table td{border-bottom:1px solid #d9d9d9; padding:3px 0;text-align:center; }

.tbl { width: 100%; margin-top: 10px; border-bottom: 1px solid #cac3be;border-top: 2px solid #e84c15; }
.tbl td { padding: 10px 0; text-align: center; border-bottom: 1px solid #e2dedc; background: #fff; }
.tbl th { padding: 10px 0; background: #fafafa; font-weight: bold;border-bottom: 1px solid #e2dedc; }

.tbl2 { width: 100%; border-bottom: 1px solid #cac3be;border-top: 2px solid #e84c15; }
.tbl2 td { padding: 6px 0; text-align: center; border-bottom: 1px solid #e2dedc; background: #fff; }
.tbl2 th { padding: 6px 0; background: #fafafa; font-weight: bold;border-bottom: 1px solid #e2dedc; }

.tbl_setup {width:100%;border-top: 1px solid #e2dedc; }
.tbl_setup th { padding:10px;border-bottom: 1px solid #e2dedc;text-align:left;font-weight:normal;background:#fff; }
.tbl_setup td { padding:10px;border-bottom: 1px solid #e2dedc;text-align:right; }

.table2{width:100%; border-collapse:collapse;}
.table2 td{border:1px solid #d9d9d9; background:#f9f9f9; padding:10px 20px;}

/* 하단카피 */
.copyright { font-size:11px;line-height:16px;text-align:center; padding-top:15px; padding-bottom:20px; border-top:1px solid #b2b2b2;}

/* 탭 */
.tab_menu{width:100%;font-size:0;margin:0;padding:10px 0;text-align:center;box-sizing:border-box;}
.tab_menu li .large{width:85px;font-weight:bold;padding:10px 0;}
.tab_menu li .large:active{top:2px}
.tab_menu,.tab_menu li{display:inline-block;*display:inline;zoom:1}
.tab_menu li{margin-right:-2px}
.tab_menu .bbutton{ cursor: pointer; border: 1px solid #bbb; color: #555; background: #fff; border-radius: 0px;font-size:13px; }
.tab_menu .bbutton:hover { background: #eee; }
.tab_menu .bbutton:active{box-shadow:0 0 1px rgba(0,0,0,.2) inset,5px 0 5px -3px rgba(0,0,0,.2) inset,-5px 0 5px -3px rgba(0,0,0,.2) inset}
.tab_menu li:first-child .bbutton{border-radius:3px 0 0 3px}
.tab_menu li:last-child .bbutton{border-radius:0 3px 3px 0}
.tab_menu li.on .bbutton{ background: #eee; }

/* 리스트 */
.config { position: relative; padding: 8px;height:100px;border: 1px solid #ccc;border-radius:10px; margin-bottom:8px; background:#fff;}
.config dl { width: 100%; }
.config dl dt { float: left; width: 97px; }
/*.config dl dt img{ width: 86px;height:98px;border-radius:10px; }*/
.config dl dd p { line-height:22px;font-weight:bold; }

.config .Btn_tel {position:absolute;top:15px;right:13px;width: 80px; height: 70px; border-radius:5px; border:1px solid #35a2b3;color:#fff; font-weight:bold; padding-top:40px;text-align:center;background:#4dbed0 url("/images/tel.png") no-repeat 50% 10%; }
.config .Btn_tel2 {position:absolute;top:15px;right:13px;width: 80px; height: 70px; border-radius:5px; border:1px solid #35a2b3;color:#fff; font-weight:bold; padding-top:40px;text-align:center;background:#4dbed0 url("/images/tel.png") no-repeat 50% 10%; }
.config .work {position:absolute;bottom:10px;right:15px;color:#515151; font-weight:bold;letter-spacing:-1px; }
.config .Btn_absence {position:absolute;top:19px;right:13px;width: 80px; height: 80px; border-radius:5px; border:1px solid #bbb;color:#fff; font-weight:bold; padding-top:40px;text-align:center;background:#ccc url("/images/tel.png") no-repeat 50% 20%; }
.config .Btn_work {position:absolute;top:19px;right:13px;width: 80px; height: 80px; border-radius:5px; border:1px solid #a22140;cursor:pointer; color:#fff; font-weight:bold; padding-top:40px;text-align:center;background:#ca2a50 url("/images/tel.png") no-repeat 50% 20%; }

/* 가상 셀렉트 */
.inp{ border: 1px solid #bbb; background:#fff;padding:4px;vertical-align:middle;box-sizing: border-box; }
.input{background:transparent; border:0px; width:78%; height:40px; padding:0 8px;font-size:14px;}
select.docNav { background: #fff; border: 1px solid #ccc; padding:3px; }
.checkTime { background:#eee;text-align:center;padding:10px 0; }

/* 자동셀렉트 */
.switch{display:inline-block;vertical-align:top;position:relative;width:58px;}
.switch>label{display:block;position:relative;height:25px;line-height:20px;font-size:10px;font-weight:bold;color:#bbb;text-align:center;background:white;border:2px solid #d9d9d9;border-radius:13px;}
.switch>label:before{content:attr(data-off);position:absolute;top:0;right:3px;width:33px}
.switch>label:after{content:'';display:block;margin:2px;width:17px;height:17px;background:#ccc;border-radius:13px}
.switch>input{position:absolute;top:0;left:0;width:inherit;height:inherit;opacity:0;-webkit-appearance:none}
.switch>input:focus{outline:none}
.switch>input:focus+label{color:#ff4040;border-color:#ff4040}
.switch>input:focus+label:after{background:#ff4040}
.switch>input:checked+label{padding-left:33px;color:white;background:#ff4040;border-color:#ff4040}
.switch>input:checked+label:before{content:attr(data-on);left:1px}
.switch>input:checked+label:after{margin:1px;width:19px;height:19px;background:white}
.switch>input:checked:focus+label{background:#ff4040;border-color:#ff4040}

/* 미디어쿼리 */
@media screen and (max-width:320px){
	.config .Btn_work {position: absolute; top:72px; left:190px; width:70px; height:27px; background:#ca2a50; padding:0px; font-size:12px; line-height:27px;}
	.config .Btn_absence {position: absolute; top:72px; left:190px; width:70px; height:27px; background:#ccc; padding:0px; font-size:12px; line-height:27px;}
	.config .Btn_tel {position: absolute; top:72px; left:190px; width:70px; height:27px; background:#35a2b3; padding:0px; font-size:12px;}
	.config .Btn_tel2 {position: absolute; top:10px; right:10px; width:60px; height:95px; background:#35a2b3; padding:10px; font-size:15px;}
	.config .work {font-size:11px; color:#fff; left:198px; bottom:17px;}
	.config dl dd p {line-height:20px; font-weight:600; font-size:15px;}
	.cbutton {padding:2px 10px 2px 10px !important;}

	.config .Btn_absence {position: absolute; top:72px; right:13px; width:70px; height:27px; background:#ccc; padding:0px; font-size:12px;}
	.primary-nav a {padding-right:3px; font-size:13px;}
	.tab_menu li .large {width:90px;}
}