@charset "utf-8";

@font-face{
	font-family:'mg'; 
	src:url('/css/font/MalgunGothic.eot');
	src:local(※), url('/css/font/MalgunGothic.eot?#iefix') format('embedded-opentype'), 
	url('/css/font/MalgunGothic.woff') format('woff'), 
	url('/css/font/MalgunGothic.ttf') format('truetype');
}
@font-face{
	font-family:'nm'; 
	src:url('font/NanumMyeongjo.eot');
	src:local(※), url('font/NanumMyeongjo.woff') format('woff');
}


/* 초기화 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: ;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

body {min-width:320px; }
body,input,textarea,select,button {font-family:'Lato', 'mg', 'Malgun Gothic', '맑은 고딕', '돋움', 'Tahoma'; font-size:14px; color:#727272; font-weight:normal; line-height:20px;}
table,th,h1,h2,h3,h4,h5,h6 {font-size:14px; font-weight:normal;}
legend, caption {display:none;}
img,input,select,textarea {vertical-align:middle;}
a {text-decoration:none; color:#727272;}
a:hover {text-decoration:none; color:#0e53a2;}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.input {
  display: inline-block;
  height: 22px;
  padding: 5px 2%;
  font-size: 14px;
  line-height: 1.42857143;
  color: #888;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
   transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.input:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.input::-moz-placeholder {
  color: #888;
  opacity: 1;
}
.input:-ms-input-placeholder {
  color: #888;
}
.input::-webkit-input-placeholder {
  color: #888;
}

.select {
  display: inline-block;
  height: 34px;
  padding: 5px 2%;
  font-size: 14px;
  line-height: 1.42857143;
  color: #888;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
   transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.select:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.select::-moz-placeholder {
  color: #888;
  opacity: 1;
}
.select:-ms-input-placeholder {
  color: #888;
}
.select::-webkit-input-placeholder {
  color: #888;
}

.blind {position:absolute; clip:rect(0, 0, 0, 0); width:1px; height:1px; margin:-1px; overflow:hidden;}




/* 기본 레이아웃  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#wrap {position:relative; width:1200px; margin:0 auto;}

/* 상단영역 */
#header {width:100%; padding:20px 0 40px 0; border-bottom:#e5e5e5 1px solid;}
#header dl {width:100%; margin-bottom:15px; overflow:hidden;}
#header dl dt {float:left;}
#header dl dd {float:right; text-align:right;}
#header dl dd p {margin-bottom:10px; padding-right:10px; font-size:12px; font-weight:bold; letter-spacing:-1px; background:url('../images/common/icn_star.gif') 107px 6px no-repeat;}
#header dl dd div img {height:26px;}


/* 컨텐츠영역 */
#content {width:100%; padding-bottom:40px; overflow:hidden;}

/* 하단영역 */
#footer {width:100%; padding:25px 0; border-top:#e5e5e5 1px solid;}
#footer p {text-align:center;}
#footer div {padding-top:5px; text-align:center;}

/* 통합검색 */
#totalSearch {width:730px; margin:0 auto; border:#0b52a2 3px solid; background:#fff; overflow:hidden;}
#totalSearch .tsType {float:left; width:199px; height:62px; border-right:#e5e5e5 1px solid;  cursor:pointer;}
#totalSearch .tsType p {padding:15px 0 0 15px; height:47px; font-size:22px; line-height:30px; font-weight:bold; color:#000; letter-spacing:-1px;}
#totalSearch .tsType div {position:absolute; width:203px; margin-left:-3px;}
#totalSearch .tsType div ul {padding-bottom:10px; border-left:#0b52a2 3px solid; border-right:#0b52a2 3px solid; border-bottom:#0b52a2 3px solid; background:#fff;}
#totalSearch .tsType div ul li {padding:3px 20px;}
#totalSearch .tsInput {float:left; width:445px; padding:0 10px;}
#totalSearch .tsInput input {border:none; width:100%; height:60px; font-size:16px; color:#333;}
#totalSearch .tsInput input:focus {outline: none;}
#totalSearch .tsBtn {float:right; width:64px; border-left:#e5e5e5 1px solid; background:#f7f7f7;}

/* 통합검색 */
#totalSearch2 {width:730px; margin:0 auto; border:#0b52a2 3px solid; background:#fff; overflow:hidden;}
#totalSearch2 .tsType {float:left; width:199px; height:62px; border-right:#e5e5e5 1px solid;  cursor:pointer;}
#totalSearch2 .tsType p {padding:15px 0 0 15px; height:47px; font-size:22px; line-height:30px; font-weight:bold; color:#000; letter-spacing:-1px;}
#totalSearch2 .tsType div {position:absolute; width:203px; margin-left:-3px;}
#totalSearch2 .tsType div ul {padding-bottom:10px; border-left:#0b52a2 3px solid; border-right:#0b52a2 3px solid; border-bottom:#0b52a2 3px solid; background:#fff;}
#totalSearch2 .tsType div ul li {padding:3px 20px;}
#totalSearch2 .tsInput {float:left; width:600px; padding:0 10px;}
#totalSearch2 .tsInput input { width:100%; height:30px; font-size:16px; color:#333;}
#totalSearch2 .tsInput input:focus {outline: none;}
#totalSearch2 .tsBtn {float:right; width:64px; border-left:#e5e5e5 1px solid; background:#f7f7f7;}









/* 공통  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 버튼 - 소 */
.btnS1 {display:inline-block; height:16px; padding-top:2px; color:#fff; font-size:12px; line-height:12px; letter-spacing:-1px; text-align:center; border:#5a5a5a 1px solid; background:#707070; border-radius:2px;}
.btnS1:hover {color:#f5f5f5; border:#434a78 1px solid; background:#596091;}
.btnS2 {display:inline-block; height:16px; padding-top:2px; color:#fff; font-size:12px; line-height:12px; letter-spacing:-1px; text-align:center; border:#dc8f08 1px solid; background:#ffa508; border-radius:2px;}
.btnS2:hover {color:#f5f5f5; border:#5a5a5a 1px solid; background:#707070;}
.btnS3 {display:inline-block; height:16px; padding-top:2px; color:#fff; font-size:12px; line-height:12px; letter-spacing:-1px; text-align:center; border:#d43f3a 1px solid; background:#d9534f; border-radius:2px;}
.btnS3:hover {color:#f5f5f5; border:#5a5a5a 1px solid; background:#707070;}
.btnS4 {display:inline-block; height:16px; padding-top:2px; color:#fff; font-size:12px; line-height:12px; letter-spacing:-1px; text-align:center; border:#437178 1px solid; background:#598991; border-radius:2px;}
.btnS4:hover {color:#f5f5f5; border:#5a5a5a 1px solid; background:#707070;}
.btnS5 {display:inline-block; height:16px; padding-top:2px; color:#fff; font-size:12px; line-height:12px; letter-spacing:-1px; text-align:center; border:#d07f13 1px solid; background:#e88e16; border-radius:2px;}
.btnS5:hover {color:#f5f5f5; border:#5a5a5a 1px solid; background:#707070;}
.btnS6 {display:inline-block; height:16px; padding-top:2px; color:#fff; font-size:12px; line-height:12px; letter-spacing:-1px; text-align:center; border:#39702b 1px solid; background:#4a863b; border-radius:2px;}
.btnS6:hover {color:#f5f5f5; border:#5a5a5a 1px solid; background:#707070;}

/* 버튼 - 중 */
.btn1 {display:inline-block; height:24px; padding-top:5px; color:#fff; font-size:14px; line-height:14px; letter-spacing:-1px; text-align:center; border:#5a5a5a 1px solid; background:#707070;}
.btn1:hover {color:#f5f5f5; border:#434a78 1px solid; background:#596091;}
.btn2 {display:inline-block; height:24px; padding-top:5px; color:#fff; font-size:14px; line-height:14px; letter-spacing:-1px; text-align:center; border:#062f69 1px solid; background:#06377b;}
.btn2:hover {color:#f5f5f5; border:#5a5a5a 1px solid; background:#707070;}
.btn3 {display:inline-block; height:24px; padding-top:5px; color:#fff; font-size:14px; line-height:14px; letter-spacing:-1px; text-align:center; border:#d43f3a 1px solid; background:#d9534f;}
.btn3:hover {color:#f5f5f5; border:#5a5a5a 1px solid; background:#707070;}
.btn4 {display:inline-block; height:24px; padding-top:5px; color:#fff; font-size:14px; line-height:14px; letter-spacing:-1px; text-align:center; border:#437178 1px solid; background:#598991;}
.btn4:hover {color:#f5f5f5; border:#5a5a5a 1px solid; background:#707070;}
.btn5 {display:inline-block; height:24px; padding-top:5px; color:#fff; font-size:14px; line-height:14px; letter-spacing:-1px; text-align:center; border:#d07f13 1px solid; background:#e88e16;}
.btn5:hover {color:#f5f5f5; border:#5a5a5a 1px solid; background:#707070;}
.btn6 {display:inline-block; height:24px; padding-top:5px; color:#fff; font-size:14px; line-height:14px; letter-spacing:-1px; text-align:center; border:#39702b 1px solid; background:#4a863b;}
.btn6:hover {color:#f5f5f5; border:#5a5a5a 1px solid; background:#707070;}
.btn7 {display:inline-block; height:24px; padding-top:5px; color:#00a0d2; font-size:14px; line-height:14px; letter-spacing:-1px; text-align:center; border:#069ac0 1px solid; background:#ffffff;}
.btn7:hover {color:#f5f5f5; border:#5a5a5a 1px solid; background:#707070;}
.btn8 {display:inline-block; height:24px; padding-top:5px; color:#fff; font-size:14px; line-height:14px; letter-spacing:-1px; text-align:center; border:#0882a1 1px solid; background:#069ac0;}
.btn8:hover {color:#f5f5f5; border:#5a5a5a 1px solid; background:#707070;}

/* 버튼 - 대 */
.btnB1 {display:inline-block; height:34px; padding-top:14px; color:#333; font-size:16px; font-weight:bold; line-height:14px; letter-spacing:-1px; text-align:center; border:#878787 1px solid; background:#f1f1f1;}
.btnB1:hover {color:#f5f5f5; border:#434a78 1px solid; background:#596091;}

/* 라인 */
.line15 {height:1px; margin-bottom:15px; padding-top:5px; border-bottom:#ddd 1px solid;}
.lineDot10 {margin:10px 0; background:url('../images/btnIcn/bg_line1.gif') center no-repeat;}
.lineDot20 {margin:20px 0; background:url('../images/btnIcn/bg_line1.gif') center no-repeat;}
.lineDot30 {margin:30px 0; background:url('../images/btnIcn/bg_line1.gif') center no-repeat;}
.lineDot40 {margin:40px 0; background:url('../images/btnIcn/bg_line1.gif') center no-repeat;}












/* 반응형 ============================================================================================ */
/* 모바일  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media all and (max-width:480px) {
#wrap {width:100%;}

/* 상단영역 */
#header {padding:20px 0 25px 0;}
#header dl dt {width:45%; padding-left:5%;}
#header dl dt img {width:100%;}
#header dl dd {width:45%; padding:14px 5% 0 0; text-align:right;}
#header dl dd p {display:none;}
#header dl dd div img {height:18px;}


/* 통합검색 */
#totalSearch {width:90%;}
#totalSearch .tsType {width:32%; height:40px; background:url('../images/common/search_arr2.gif') right 16px no-repeat; }
#totalSearch .tsType p {padding:10px 0 0 12px; height:30px; font-size:14px; line-height:18px;}
#totalSearch .tsType div {width:30%;}
#totalSearch .tsInput {width:46%;}
#totalSearch .tsInput input {height:38px; font-size:12px;}
#totalSearch .tsBtn {width:45px; height:40px;}
#totalSearch .tsBtn img {height:100%;}

/* 컨텐츠영역 */
#content {width:90%; margin:0 auto; padding-bottom:30px;}

/* 하단영역 */
#footer {padding:10px 0 20px 0;}
#footer p img {width:90%;}
}


/* 테블릿1  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media all and (min-width:481px) and (max-width:767px) {
#wrap {width:100%;}

/* 상단영역 */
#header dl dt {padding-left:4%;}
#header dl dt img {height:70px;}
#header dl dd {padding:22px 4% 0 0;}
#header dl dd p {display:none;}
#header dl dd div img {height:24px;}

/* 통합검색 */
#totalSearch {width:92%;}
#totalSearch .tsType {width:30%;}
#totalSearch .tsType p {font-size:18px; line-height:28px;}
#totalSearch .tsType div {width:28%;}
#totalSearch .tsInput {width:52%;}

/* 컨텐츠영역 */
#content {width:92%; margin:0 auto;}
}


/* 테블릿2  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media all and (min-width:768px) and (max-width:1199px) {
#wrap {width:100%;}

/* 상단영역 */
#header dl dt {padding-left:3%;}
#header dl dd {padding-right:3%;}

/* 컨텐츠영역 */
#content {width:94%; margin:0 auto;}
}


/* PC  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media all and (min-width:1200px) {

}