@charset "utf-8";

/* 초기화 */
.hide{display: none;}
.clearfix{*zoom: 1;}
.clearfix:after{content: '';display: block;clear: both;}

/* 여백 초기화 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, legend, 
textarea, select, fieldset, p, button, menu, figure, figcaption {margin:0; padding:0;}
/* 블릿 기호 초기화 */
ul, li, ol, dl {list-style:none;}
/* 이미지 테두리 초기화 */
img, fieldset {border:none;}
/* 링크 초기화 */
li {list-style:none;}
a {text-decoration:none;outline:none;}
a:hover {text-decoration:none;}
/* 나눔 폰트 */
@font-face {
	font-family:"nanum";
	src:url("../fonts/NanumGothic.eot");
	src:url("../fonts/NanumGothic.eot?#iefix") format("embedded-opentype"),
	    url("../fonts/NanumGothic.woff") format("woff");}
@font-face {
	font-family:"nanumB";
	src:url("../fonts/NanumGothicBold.eot");
	src:url("../fonts/NanumGothicBold.eot?#iefix") format("embedded-opentype"),
	    url("../fonts/NanumGothicBold.woff") format("woff");}
@font-face { 
	font-family: "noto"; 
	src: url('../fonts/notokr-regular.eot'); 
	src: url('../fonts/notokr-regular.woff2') format('woff2'), 
		 url('../fonts/notokr-regular.woff') format('woff'),
		 url('../fonts/NotoSansCJKkr-Regular.otf') format('otf');
	font-weight: normal; 
	font-style: normal; 
}

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

*{margin:0;padding:0;font-family: 'Noto Sans KR';line-height:1;}




/* 희선 추가 css */
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}

.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}


.basic_btn_group {text-align:right;margin-top:5px;}
.basic_btn_conform {width:89px;background:#28292b;border:0;color:#fff;font-weight:bold;font-size:14px;padding:4px 0 6px 0;line-height:24px;display:inline-block;}
/* 희선 추가 css */






/* rolling */

#mVisual {width:100%;position: relative;height:945px;overflow:hidden;min-width:1200px;}
.mvisual li {position: absolute;top:0;left:50%;margin-left:-990px;height:954px;}
.mvisual li {display:none;}
.mvisual :first-child{display: block;}

.mdot {position: absolute;left: 50%;bottom:35px;letter-spacing:0;word-spacing:0;font-size:0;margin-left: -35px;}
.mdot li:first-child {margin-left: 0;}
.mdot li {background: url(/images/dot_off.png);width: 15px;height: 14px;display: inline-block;margin-left: 11px;}
.mdot li.on {background: url(/images/dot_on.png);width: 15px;height: 14px;}

#mVisual .marrow-wrap {
    position: absolute;
    top: 270px;
    width: 100%;
}

#mVisual .marrow {
    width: 100%;
    max-width: 2000px;
    min-width: 1150px;
    margin: 0 auto;
    font-size: 0;
}

#mVisual .marrow li {
    display: inline-block;
    vertical-align: top;
    float: right;
    cursor: pointer;
}

#mVisual .marrow li:first-child {
    float: left;
}

/* rolling mobile */

#mVisual1 {width:100%;position: relative;height:591px;overflow:hidden;min-width:1200px;}
.mvisual1 li {position: absolute;top:0;left:50%;margin-left:-600px;height:591px;}
.mvisual1 li {display:none;}
.mvisual1 li img {width: 1200px;}
.mvisual1 :first-child{display: block;}

.mdot1 {position: absolute;left: 50%;bottom:35px;letter-spacing:0;word-spacing:0;font-size:0;margin-left: -35px;}
.mdot1 li:first-child {margin-left: 0;}
.mdot1 li {background: url(/images/dot_off.png);width: 15px;height: 14px;display: inline-block;margin-left: 11px;}
.mdot1 li.on {background: url(/images/dot_on.png);width: 15px;height: 14px;}

#mVisual1 .marrow-wrap1 {
    position: absolute;
    top: 270px;
    width: 100%;
}

#mVisual1 .marrow1 {
    width: 100%;
    max-width: 2000px;
    min-width: 1150px;
    margin: 0 auto;
    font-size: 0;
}

#mVisual1 .marrow1 li {
    display: inline-block;
    vertical-align: top;
    float: right;
    cursor: pointer;
}

#mVisual1 .marrow1 li:first-child {
    float: left;
}

/* header */
.header_wrap {width: 100%; background:url(/images/header_bg.png) 0 0 no-repeat; min-width: 1200px;}
#header {width: 1200px; margin: 0 auto; min-width: 1200px; height: 73px;}
.logo {float: left; margin-top: 15px;}
.snb ul {margin-left: 220px; margin-top: 15px;}
.snb ul li {float: left; padding-left: 25px;}
.snb ul {float: left;}
.snb p {float: right; margin-top: 30px;}


.gnb_wrap {position: absolute; width: 100%; margin: 0 auto; min-width: 1200px; z-index: 100;}
.gnb_bg {background: #333;}
.gnb {width: 1200px; margin: 0 auto; min-width: 1200px; background: #333;}
.gnb ul {float: right; height: 36px;}
.gnb ul li {float: left; padding-left: 65px;}
.gnb ul li a {display: block; line-height: 36px; color: #fff; font-weight: bold;}
.gnb ul li:first-child {padding:0;}

.gnb_down_bg {width: 100%; height: 260px; min-width: 1200px; background: url(/images/gnb_down_bg.png) no-repeat;}
.gnb_down {width: 1300px; margin: 0 auto; min-width: 1200px; height: 260px; padding-top: 25px;}
.gnb_down ul {float: left;}
.gnb_down ul:first-child {margin-left: 345px; -webkit-margin-after: 1em;  -webkit-margin-start: 325px;  -webkit-margin-end: 0px;  -webkit-padding-start: 45px;}
.gnb_down ul li a {display: block; margin-bottom: 15px; color: #777; font-size: 14px; font-weight: bold;}
.gnb_down ul li a:hover {color: #e60013;}

.header_wrap {position: relative;}
.header_top {width: 1200px; margin: 0 auto; min-width: 1200px;}
.header_top ul {float: right; padding-top: 10px;}
.header_top ul li {float: left; padding-left: 42px;}
.header_top ul li:first-child {padding-left: 0;}
/* container */

.main_contents_wrap {width: 1200px; margin: 0 auto; min-width: 1200px;}
.main_contents_wrap {position: relative; width: 100%; min-width: 1200px;height: 2372px; overflow: hidden;}
.main_contents_wrap p img {position: absolute; left: 50%; margin-left: -600px;}

.main_contents_01 {position: relative; width: 100%; min-width: 1200px; height: 208px; overflow: hidden;}
.main_contents_01 p img {position: absolute; left: 50%; margin-left: -1000px;}

.main_contents_03 {position: relative; width: 100%; min-width: 1200px; height: 329px; margin-top: -2px; overflow: hidden;}
.main_contents_03 p img {position: absolute; left: 50%; margin-left: -1000px;}

.main_contents_04 {position: relative; width: 1200px; margin: 0 auto; min-width: 1200px; height: 411px; overflow: hidden;}
.main_contents_04 p img {position: absolute; left: 50%; margin-left: -600px;}

.main_contents_05 {position: relative; width: 100%; min-width: 1200px; height: 119px; overflow: hidden;}
.main_contents_05 p img {position: absolute; left: 50%; margin-left: -1000px;}

/* footer */

.footer_wrap {width: 100%; background: #e8e8e8;}
#footer {width: 1200px; margin: 0 auto; height: 246px; padding-top: 50px; border-bottom: 1px solid #bababa;}
#footer dl {float: left; padding-left: 78px;}
#footer dl dt {padding-bottom: 15px;}
#footer dl dt a {display: block; color: #000; font-weight: bold; text-align: center;}
#footer dl dd {padding-bottom: 13px;}
#footer dl dd a {display: block; color: #000; font-size: 13px; text-align: center;}

.copyright {width: 1200px; margin: 0 auto; min-width: 1200px;}