@charset "utf-8";

@import url(menu.css);

@font-face {
  font-family: 'NanumSquareR';
   src: url('../_font/NanumSquareR.eot');
  src: url('../_font/NanumSquareR.eot?#iefix') format('embedded-opentype'),
		url('../_font/NanumSquareR.woff2') format('woff2'),
		url('../_font/NanumSquareR.woff') format('woff'),
       url('../_font/NanumSquareR.ttf') format('truetype'),
       url('../_font/NanumSquareR.svg#NanumSquareR') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'NanumSquareB';
   src: url('../_font/NanumSquareB.eot');
  src: url('../_font/NanumSquareB.eot?#iefix') format('embedded-opentype'),
		url('../_font/NanumSquareB.woff2') format('woff2'),
		url('../_font/NanumSquareB.woff') format('woff'),
       url('../_font/NanumSquareB.ttf') format('truetype'),
       url('../_font/NanumSquareB.svg#NanumSquareB') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'NanumGothic';
 src: url('/_font/l6D95h51ocAZakGcjUM0xOgdm0LZdjqr5-oayXSOefg.eot');
  src: url('/_font/l6D95h51ocAZakGcjUM0xOgdm0LZdjqr5-oayXSOefg.eot?#iefix') format('embedded-opentype'),
        url('/_font/l6D95h51ocAZakGcjUM0xOgdm0LZdjqr5-oayXSOefg.woff2') format('woff2'),
		url('/_font/NanumGothic.woff') format('woff'),
       url('/_font/NanumGothic.ttf') format('truetype'),
       url('/_font/NanumGothic.svg#NanumGothic') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* reset style [start] */
html, body, div, span, object, iframe,
h1, h3, h4, h5, h6, h7, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, font, img, ins, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{margin: 0;
padding: 0;
border:0;
line-height: 1.5em;
font-size: 13px;
LIST-STYLE-TYPE: none;
list-style:none;
word-break: break-all;
font-family:'맑은고딕', 'Malgun Gothic', '돋움', Verdana; color:#555; font-size:13px;
}

 i{
margin: 0;
padding: 0;
border:0;
line-height: 1.5em;
font-size: 13px;
LIST-STYLE-TYPE: none;
list-style:none;
word-break: break-all;
font-family:'맑은고딕', 'Malgun Gothic', '돋움', Verdana;  font-size:13px;
 }

#accessibility { display:none}/*웹접근성_ 반복메뉴건너뛰기*/
/* 일반적으로 accessibility라는 클래스를 두어 html에서 디자인상 감추고 싶은 부분을 지정한다 */

/*html {overflow-x:hidden;}*/
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,caption,label,input,textarea,button,select,iframe,object,header,footer,nav,hgroup,section,article,aside{margin:0;padding:0;}
img,a,span,abbr,address,pre,code,del,em,strong,sub,sup{margin:0;padding:0;}

br {letter-spacing:normal;}


input,textarea,select,button {font-size:12px;}
button {background: none repeat scroll 0 0 #FFF; border: medium none;cursor: pointer; margin: 0;padding: 0;vertical-align: middle;}
legend {margin:0;padding:0;display:none;}
img{border:0 none; /*vertical-align:top;*/}
input {vertical-align:middle;line-height:16px;}
textarea,select {vertical-align:middle;}
ul,ol,li,dl,dt,dd{list-style:none;vertical-align:top; list-style-position: inside;}
a{text-decoration:none;color:#555;}

.displayhidden{ position:absolute; left : -10000px; top:0px; height : 1px; width : 1px; }
/* vertical-align: baseline; outline: 0; ie 외 브라우저 포커싱 사라지는 문제로 제거 */

/*body {overflow-y:scroll; overflow-x:hidden;} */
* {box-sizing: border-box;}

/**그누 신규**/

.cont *, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}

.cont *{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	/*font-family: 'NanumSquareR';*/
}


input, textarea{ font-family: '맑은고딕', 'Malgun Gothic', '돋움', Verdana;  }

 
input[type=text]:focus,  textarea:focus,select:focus {
/*font-family: 'NanumSquareR';*/
}

input[type=password]:focus {
/* font-family:'NanumSquareB', '맑은고딕', 'Malgun Gothic', '돋움', Verdana; */
}

.placeholdersjs { color: #aaa !important; }

/**그누 신규**/


/*기존있던 css */

/* tables still need 'cellspacing="0"' in the markup */
table {border-spacing:0; overflow:hidden;} /* border-collapse: collapse; ff에서 border="0" 인 경우 문제 발생 */
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;} /* font-weight:normal */

a {text-decoration:none;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}

 
caption{position:absolute; left:-10000px; width:1px; height:1px; overflow:scroll;}

/* 헤딩태그와 필드셋은 웹접근성(만)을 위한 대표적인 태그로 일반적으로는 감춘다. */

#png img {_filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}

.hid{position:absolute; left:-10000px; width:1px; height:1px; overflow:scroll;}
label strong{position:absolute; left:-10000px; width:1px; height:1px; overflow:scroll;}


/*********CUSTOM**********/

/* 정렬 */
.fl{float:left;}
.fr{float:right;}
.cb{clear:both;}
.oh{overflow:hidden;}

/* 메뉴 */
.mgnb_wrap {height: 95px; position: relative;}
.mgnb_wrap .maxwid {position: relative; z-index: 99999;}
.mgnb > li {height: 95px; text-align: center; line-height: 95px; float: left;}
.logo_wrap {width: 150px; text-align: left !important; margin-right: 55px;}
.logo_bg {padding-top:76px; padding-left:0 !important; width: 140px; text-align: center; margin-top: 1px; margin-right: 45px; vertical-align: middle;}
.logo_bg::before {display: none; content: "" !important;}

.mgnb > li ul {padding-top: 25px; display: none; padding-left:30px;}
.mgnb > li.m1 {width:122px;}
.mgnb > li.m2 {width:150px;}
.mgnb > li.m3 {width:160px;}
.mgnb > li.m4 {width:213px;}
.mgnb > li.m5 {width:213px;}
.mgnb > li.m6 {width:137px;}

.mgnb > li.ms{width:110px; text-align:right; padding-top:3px;}

.mgnb > li.m4 ul {padding-left:70px;}
.mgnb > li.m5 ul {padding-left:30px;}

.mgnb > li > a {font-family: "NanumSquareB"; font-size: 19px;}
.mgnb > li > ul > li {padding-bottom: 10px; position: relative; text-align:left; padding-left:10px;}
.mgnb > li > ul > li::before {background: rgb(236, 27, 36); border-radius: 5px; left: 0px; top: 9px; width: 4px; height: 4px; position: absolute; content: " "; padding-left:-10px;}
.mgnb > li > ul > li a:hover {color: rgb(236, 27, 36); text-decoration: underline;}
.logo_wrap img {vertical-align: middle;}
.mgnb_bg {border-bottom:3px solid #64cb00; background: rgb(255, 255, 255); left: 0px; top: 0px; width: 100%; height: 225px; margin-top: 95px; display: none; position: absolute; z-index: 99998;}

#m_menu {display: none;}
#menu_btn {padding-right: 10px; float: right;}
.mlogo_wrap {padding:8px 16px; text-align: center; height:75px;}
.mm {background: rgb(244, 244, 249); text-align: center;}
.mm > a {padding: 13px 0px; width: 100%; font-size: 16px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid; display: block;}
.mmgnb {display: none; border-top:1px solid #ccc;}
.mm > ul {background: rgb(255, 255, 255); display: none;}
.mm > ul > li > a {padding: 10px 0px; width: 100%; font-size: 14px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid; display: block;}
.mm > ul > li > a:hover{color:rgb(236, 27, 36);}

/*메인 비주얼*/
.main_vis {padding-top:129px;}

/* 중간 */
#middle > div:nth-child(1){width:100%; position:relative;}

/* 하단 */
.bottom {background:#4b4b4b; width:100%; padding:30px 0px;}
.maxwid {width:100%; max-width:1200px; margin:0 auto;}
.bottom1 {border-bottom:1px solid #706f6f; margin-bottom:20px;}
.bottom1 li {padding: 0px 0px 20px 0px; width: auto; height: 40px; line-height: 40px; display: inline-block;}
.bottom1 li img {vertical-align: middle;}
.bottom1 li a {padding: 0px 15px; height: 18px; color:#fff; line-height: 14px; font-size: 14px; vertical-align: top;  display: inline-block; border-right:1px solid #706f6f;}
.bottom1 li:first-child > a {color:#ffbe21;}
.bottom1 li:last-child > a {border-right:0px;}
.bquick {display: inline-block;}

.bquick > li:nth-child(1) a {padding-left: 0px;}
.bottom2 {clear: both; background:#4b4b4b;}
.bottom2 > .maxwid {background:url('/_img/bot_logo.png') no-repeat right center; position:relative;}
.btxt1 {color:#fff; font-size:13px;}
.btxt2 {color:#cccccc; padding-bottom: 20px; padding-top:10px; font-size:12px;}
.content {min-height: 500px; padding-bottom:50px;}
.white option {background: rgb(255, 255, 255); color: rgb(34, 34, 34);
}
@media screen and (max-width:1230px)
{
	.bottom1 {padding-left: 20px;}
	#pc_menu {display: none;}
	#m_menu {display: block;}
	.maxwid {width: 100%;}
	.btxt1 {padding-right: 20px; padding-left: 20px;}
	.btxt2 {padding-right: 20px; padding-left: 20px;}
	.mgnb_wrap {height: 75px;}
	.bottom2 > .maxwid {background:none;}
}
@media screen and (max-width:900px)
{
	.bquick {width: 100%;}
	.bquick > li {width: 100%; text-align: center; border-left-color: currentColor; border-left-width: 0px; border-left-style: none;}
	.bquick > li a {padding: 0px; text-align: center; border-right-color: currentColor; border-right-width: 0px; border-right-style: none;}
	.bquick > li:nth-child(4){margin-left:0;}
	.select {margin: 20px auto 0px; float: none; display: block;}
}


/* 반응형 적용부분 */
@media screen and (max-width: 1230px) {

/* 하단 */
#bottom > div{width:100%;}
}

@media screen and (max-width: 870px) {
#bottom > div > div.b_logo{display:none;}
}

label strong { position:absolute; left : -100000px; }



/* 배너 */
div.helium-slider{
    width: 100%;
    position: relative;
    margin: 0;
	height:262px;
    }
div.helium-slider div.slide-window{
    width: 100%;
    overflow:hidden;
    position: relative;
    margin: 0;
    transition: height 0.5s ease;
    }

div.helium-slider.loading{ background: url('/_main/img/loading.gif') no-repeat center center; }
div.helium-slider ul.slide-holder{
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: relative;
    opacity: 0;
    }
div.helium-slider ul.slide-holder li{
    position: relative;
    float:left;
    }
div.helium-slider ul.slide-holder li.loop{
    position: absolute !important;
    float:none !important;
    }
div.helium-slider ul.slide-holder li .pane{ position: absolute; }

/*==== customizable elements ====*/
div.helium-slider .next, div.helium-slider .prev{
    cursor: pointer;
    z-index: 11;
    display:block;
  }
div.helium-slider ul.slide-holder li .caption{
    left: 10%;
    bottom: 20px;
    }
div.helium-slider ul.slide-holder li .caption2{
    right: 10%;
    bottom: 20px;
    }
div.helium-slider ul.slide-holder li .caption3{
    left: 50%;
    top: 20px;
    }

div.helium-slider .pauser{
    display: inline-block;
    border-right: 3px solid #fff;
    border-left: 3px solid #fff;
    width: 8px;
    height: 12px;
    z-index: 11;
    text-indent: -9999px;
	text-align: left;
    vertical-align:top;
    }

div.helium-slider .controls.on .player:hover, div.helium-slider .controls.on .pauser:hover{
    opacity: 0.85;
    }
div.helium-slider .pauser.paused{
    opacity: 1 !important;
    }

div.helium-slider .controls.on{
    z-index: 11;
	display:inline-block;
	padding: 3px;
}
div.helium-slider .controls.on .pauser{
    position: static;
}
div.helium-slider .controls.on .paused.player{
    display: inline-block;
    text-indent: -9999px;
    vertical-align:top;
    width:3px;
    border-top: 6px solid transparent;
    border-right: none;
    border-bottom: 6px solid transparent;
    border-left: 8px solid white;
}

div.helium-slider ul.slide-nav.thumbnails li{
    max-width: 10%;
}
div.helium-slider ul.slide-nav.thumbnails li a{
    background:none;
    height:auto;
    width:auto;
    border-radius: 0;
    border:2px solid transparent;
    display: inline-block;
    box-shadow:  0 2px 4px rgba(0,0,0,0.3);
}
div.helium-slider ul.slide-nav.thumbnails li a img{
    max-width: 100%;
}
div.helium-slider ul.slide-nav.thumbnails li.active a{ background: none; border:2px solid #eee; }

div.helium-slider .next{display:none;}
div.helium-slider .prev{display:none;}

div.helium-slider ul.slide-nav > li {display:inline-block;}
div.helium-slider ul.slide-nav > li > a {display:inline-block; width:19px; height:19px; border:2px solid #fff; border-radius:19px;}
div.helium-slider div.slide-window > ul > li > .slide > a > img {width:100%;}
div.helium-slider ul.slide-nav > .active > a {width:30px; height:19px; border-radius:10px; background:#fff;}

@media screen and (max-width:990px) {
	div.helium-slider{height:auto; padding-bottom:39px;}
}

/*하단 배너*/
.banner_bg {background:#f1f1f1; padding:10px 0px;}
.banner{width:100%; max-width:1200px; margin:0 auto; height:55px; position:relative;}
.banner_btn_left{float:right; position:absolute; top:4px; right:108px;}
.banner_btn_pause{float:right; position:absolute; top:4px; right:15px;}
.banner_btn_right{float:right; position:absolute; top:4px;right:62px;}
.banner_img{width:calc( 100% - 160px ); margin:0 auto 0 0; overflow:hidden;}
.banner_img > ul > li {display:inline; padding:0 15px;}

@media screen and (max-width: 1230px) {
	.banner_img {padding-left:20px; padding-right:20px;}
	.robanner_zone {padding:20px 20px;}
}

@media screen and (max-width:500px) {
	.banner_img {width:100%;}
	.banner_btn_left, .banner_btn_pause, .banner_btn_right {position: absolute; left: -10000px; width: 1px; height: 1px; overflow: scroll;}
}