@charset "utf-8";

/* -----------------------------------------------------------------------------------------------
	웹폰트 
--------------------------------------------------------------------------------------------------*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); 


/* -----------------------------------------------------------------------------------------------
	reset CSS
--------------------------------------------------------------------------------------------------*/
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,a,button,select
{margin:0;padding:0;box-sizing:border-box; letter-spacing:-0.03em; }
body,input,textarea,select,button
{font-family:'Noto Sans KR', sans-serif,“Apple SD Gothic Neo”,"맑은 고딕",“Malgun Gothic”,"돋움",dotum,sans-serif;font-size:16px;color:#333;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;  }
body{min-width:1140px;  overflow-x:hidden; line-height:150%; font-weight:300; }
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:18px;}
a {text-decoration:none; color:#555;}
a, em, button {}
img,fieldset,iframe{border:0;}
img {max-width:100%;vertical-align:top;}
ul, li{list-style:none;}
em,address{font-style:normal;}
input,select,button{vertical-align:middle;margin:1px;}
input[type="checkbox"]{padding:1px;}
caption,legend,.blind{overflow:hidden;position:absolute;top:0;left:-9999px;width:0;height:0;font-size:0;line-height:0;text-align:left;}
input[type=text],input[type=password],input[type=email],input[type=tel],input[type=number]
{width:100%;height:36px;padding:0 10px;border:1px solid #999;font-size:16px;color:#333;vertical-align:middle;-webkit-appearance:none;}
input[type=password],input[type=email]{ime-mode:disabled;}
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
select:focus,
textarea:focus{border:0; outline:none;}
input[type=file]{height:30px;border:1px solid #d2d2d2;background:#fff;}
select{height:36px;padding-left:5px;border:1px solid #999;font-size:16px;color:#333;vertical-align:middle;}
textarea{width:100%;padding:10px;border:1px solid #999;font-size:16px;color:#333;resize:none;}
table{width:100%;border-collapse:collapse;border-spacing:0;}
table th {font-weight:normal;}
hr{display:none;}
label {cursor:pointer;}
a:hover { text-decoration:underline; }
a.hov1:hover { color:#ed1c24 !important; text-decoration:underline !important;}


/* -----------------------------------------------------------------------------------------------
	공통
--------------------------------------------------------------------------------------------------*/
.hidden { position:absolute; font-size:0; line-height:0; left:-10000px;}
.f-left {float:left !important;}
.f-right {float:right !important;}
.dis-block {display:block !important;}
.dis-none {display:none !important;}
.text-c {text-align:center !important;}
.text-l {text-align:left !important;}
.text-r {text-align:right !important;}
.vt-t {vertical-align:top !important;}
.vt-m {vertical-align:middle !important;}
.vt-b {vertical-align:bottom !important;}
.bg-none {background:none !important;}
.border-none {border:none !important;}
.clear-fix:after {content:"";display:block;clear:both;}
.bold { font-weight:bold; font-weight:700;  }
.en {font-family:'Roboto', sans-serif !important; }
.fw-thin { font-weight:200; }
.fw-regular { font-weight:300; }
.fw-normal { font-weight:500; }
.fw-bold { font-weight:700; }
.text-pink { color:#de6466; !important;}
.text-dpink { color:#bf6466; !important;}
.text-gblue { color:#547885; !important;}
.text-blue { color:#3ca8cf; !important;}
.text-yellow { color:#e2db19; !important;}
.text-white { color:#fff; }
.fc { font-family:'나눔고딕','NanumGothic' ,돋움, Doutum, 굴림 !important;}
.fs-15 { font-size:15px; line-height:24px; !important;}
.fs-14 { font-size:14px; line-height:22px; !important;}
.text-line { text-decoration:underline; }
/* ios */
a[x-apple-data-detectors] {
  color:inherit !important;
  text-decoration:none !important;
  font-size:inherit !important;
  font-family:inherit !important;
  font-weight:inherit !important;
  line-height:inherit !important;
  white-space:nowrap;
}
.mt0 { margin-top:0px !important; }
.mt10 { margin-top:10px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.mt70 { margin-top:70px !important; }
.mt80 { margin-top:80px !important; }
.mt100 { margin-top:100px !important; }

/* 글자 자르기 */
.line1-text-eps { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; display:block; }
.line2-text-eps { display:block; line-height:1.4em; max-height:2.8em; display:-webkit-box; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap:break-word; }
.line5-text-eps { display:block; line-height:1.5em; max-height:7.5em; display:-webkit-box; -webkit-line-clamp:5; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap:break-word; 
}


/* list */
ul.list-bullet {}
ul.list-bullet li { background:url(../images/dot.png)left 11px no-repeat; padding-left:7px; margin-top:5px;}
ul.list-bullet.white li { background:url(../images/list_bullet_white.png) left 10px no-repeat; }
ul.list-bullet li:first-child { margin-top:0; }
ul.list-bullet li:after { display:block; clear:both; content:''; }
ul.order-list {}
ul.order-list li { margin-top:7px; }
ul.order-list li:first-child { margin-top:0px; }
ul.order-list li:after { display:block; clear:both; content:''; }
ul.order-list li span.order { background:#848c90; width:24px; height:24px; display:inline-block; border-radius:50%; color:#fff; text-align:center; margin-right:5px;}

/* table */
.yellow-table {}
.yellow-table th { background:#eac50e; text-align:center; padding:8px; border:1px solid #d9ae04; color:#a46d03; font-weight:500; }
.yellow-table td { border:1px solid #ccc; padding:8px; vertical-align:top; color:#6e7578; }



/* -----------------------------------------------------------------------------------------------
	layout
--------------------------------------------------------------------------------------------------*/
.top-bar { width:100%; position:fixed; height:3px; background:#bf5458; z-index:1000;}
.inner {position:relative; width:1100px; margin:0 auto; box-sizing:border-box;}
#main .inner { height:auto; overflow:hidden; padding-bottom:240px; background:url(../images/img.png) center bottom no-repeat; padding-top:25px; border-top:1px solid #657f87; }
#main .left-section { width:820px; float:left; }
#main .right-section { width:260px; float:right; }



/* header */
#header { width:100%; height:auto; overflow:hidden; }
#header .inner { border-bottom:3px solid #657f87; margin-bottom:2px; }
#header h1.logo { position:absolute; top:15px; left:50%; margin-left:-320px; z-index:999; }
#header .top-menu { height:35px; border-bottom:1px solid #ccc; }
#header .top-menu .gnb { float:right; }
#header .top-menu .gnb ul:after { display:block; content:''; clear:both; }
#header .top-menu .gnb ul li { display:block; float:left; background:url(../images/dot.png) left 15px no-repeat; padding-left:6px; margin-left:30px; line-height:35px; }
#header .top-menu .gnb ul li a { display:block; font-size:13px; color:#424244; }
#header .navi-wrap { height:auto; overflow:hidden; width:100%; } 
#header .navi-wrap .navi { margin-top:120px;  }
#header .navi-wrap .navi ul { height:50px;}
#header .navi-wrap .navi ul li { display:block; float:left; padding:0 31px 0 30px; height:50px; line-height:50px; position:relative; background:url(../images/menu_bar.png) left 18px no-repeat; }
#header .navi-wrap .navi ul li:first-child { padding-left:0; background:none; }
#header .navi-wrap .navi ul li a { display:inline-block; font-size:17px; font-weight:400; color:#111212; }
#header .navi-wrap .navi ul li a:hover { color:#657f87; font-weight:500; }
#header .navi-wrap .navi ul li.all-news a:before { content:url(../images/all_menu.png); display:inline-block; margin-right:3px; }

/*search*/
.search-area { position:absolute; background:url(../images/search_bg.png) left top no-repeat; width:297px; height:79px; top:115px; right:0px; z-index:998; display:block;  }
.search-area .input-grp { margin-top:41px; margin-left:67px; height:36px; }
.search-area .input-grp input.inputbox { border:0; color:#000; font-size:13px; line-height:34px; padding:0; width:180px; display:inline-block; background:none; }
.search-area .input-grp input.bt-search { background:url(../images/search_btn.png) center center no-repeat; display:inline-block; width:30px; height:36px; border:0; }


/* footer */
#footer {position:relative; font-size:14px; color:#777; border-top:2px solid #818487; }
#footer .inner { background:url(../images/foot_logo.png) 64px 44px no-repeat;padding:20px 0 40px 390px; }
#footer .info { line-height:22px; }
#footer p.copyright { margin-top:5px;}
#footer .f-menu { margin-bottom:12px; }
#footer .f-menu ul { height:auto; overflow:hidden; }
#footer .f-menu ul li { display:block; float:left; background:url(../images/dot.png) left 10px no-repeat; padding-left:7px; margin-right:30px; }
#footer .f-menu ul li a { color:#333; font-size:15px; display:block; }






/*.btn-sweep { color:#111212; }
.btn-sweep {
	transition:color 0.3s 0.1s; 
	-moz-transition:color 0.3s 0.1s; 
	-webkit-transition:color 0.3s 0.1s; 
	-ms-transition:color 0.3s 0.1s;  }	
.btn-sweep:hover { color:#6CC; }	
.btn-sweep:before {
	background:#000;
	content: "";
    position: absolute;
	top:50%;
	left:50%;
	z-index:-1;
	display:block; width:100%; height:100%;
    top: 0;
    left: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
	-webkit-transition: -webkit-transform 0.3s; 
	transition: -webkit-transform 0.2s; 
	transition: transform 0.2s; 
	transition: transform 0.2s,	-webkit-transform 0.2s;	 }
.btn-sweep:hover:before, .btn-sweep:focus:before {-webkit-transform:scaleX(1);transform:scaleX(1)}*/