@charset "utf-8";

html{-webkit-text-size-adjust:none; -ms-user-select:none; -khtml-user-select:none; -webkit-user-select:none;
  -webkit-touch-callout:none; user-select:none;}
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

@font-face {
 font-family: 'NanumSquare';
 font-weight: 300;
 src: url(../fonts/NanumSquareL.eot);
 src: url(../fonts/NanumSquareL.eot?#iefix) format('embedded-opentype'),
      url(../fonts/NanumSquareL.woff) format('woff'),
      url(../fonts/NanumSquareL.ttf) format('truetype');
}

@font-face {
 font-family: 'NanumSquare';
 font-weight: 400;
 src: url(../fonts/NanumSquareR.eot);
 src: url(../fonts/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(../fonts/NanumSquareR.woff) format('woff'),
      url(../fonts/NanumSquareR.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 700;
 src: url(../fonts/NanumSquareB.eot);
 src: url(../fonts/NanumSquareB.eot?#iefix) format('embedded-opentype'),
      url(../fonts/NanumSquareB.woff) format('woff'),
      url(../fonts/NanumSquareB.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 800;
 src: url(../fonts/NanumSquareEB.eot);
 src: url(../fonts/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
      url(../fonts/NanumSquareEB.woff) format('woff'),
      url(../fonts/NanumSquareEB.ttf) format('truetype');
}


@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;
src: url(../fonts/NotoSansKR-Thin.woff2) format('woff2'),
url(../fonts/NotoSansKR-Thin.woff) format('woff'),
url(../fonts/NotoSansKR-Thin.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;
src: url(../fonts/NotoSansKR-Light.woff2) format('woff2'),
url(../fonts/NotoSansKR-Light.woff) format('woff'),
url(../fonts/NotoSansKR-Light.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;
src: url(../fonts/NotoSansKR-Regular.woff2) format('woff2'),
url(../fonts/NotoSansKR-Regular.woff) format('woff'),
url(../fonts/NotoSansKR-Regular.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;
src: url(../fonts/NotoSansKR-Medium.woff2) format('woff2'),
url(../fonts/NotoSansKR-Medium.woff) format('woff'),
url(../fonts/NotoSansKR-Medium.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;
src: url(../fonts/NotoSansKR-Bold.woff2) format('woff2'),
url(../fonts/NotoSansKR-Bold.woff) format('woff'),
url(../fonts/NotoSansKR-Bold.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;
src: url(../fonts/NotoSansKR-Black.woff2) format('woff2'),
url(../fonts/NotoSansKR-Black.woff) format('woff'),
url(../fonts/NotoSansKR-Black.otf) format('opentype');}



body,a,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,tr,th,td,
form,fieldset,label,legend,input,textarea,button,menu{margin:0px;padding:0px;-webkit-text-size-adjust:none;}
body,input,textarea,select,table,button,code{color:#333333; letter-spacing:-0px;
font-weight: normal; font-family: 'NanumSquare', sans-serif; text-align: left;} 
body{width:100%; position:relative;word-wrap:break-word;word-break:break-all;}

nav,menu,ul,li,ol{list-style:none;}
div{display:block;}
table{border-collapse:collapse; border-spacing:0;}
img,fieldset{border:none;}
em,address{font-style:normal;}
section,article,header,footer,nav,aside,hgroup{display:block;}
button{border:none; background:none;}
input:focus, button:focus, textarea:focus{outline:none;}
a{margin:0px; padding:0px; text-decoration:none; cursor:pointer;}
a:link{color:#fff;}
a:visited{color:#fff;}

/*fix*/
.clear_fix:after{content:""; display:block; clear:both;}
.ib_fix{/*font-size:0px; */line-height:0px;}

.only_mo{display:none;}
.only_pc{display:inline;}
.sw_pc{display:inline-block;}
.sw_mo{display:none;}
.only_u500{display: none;}
.header_wrap{position:fixed; top:0px; z-index:900; width:100%;}
.hd_row1{width:100%; background-color:#000; height:32px; border-bottom:2px solid #f8b72c;}
.btn_phone{font-family: Tahoma; text-align: left; font-size:14px; color:#fff; float: left;
height:32px; line-height:32px;
background: url(../images/hd_phone.png) left no-repeat; margin-left:12px;
padding-left:15px; cursor: pointer;}
.btn_email{display:block; font-family: Tahoma; text-align: left; font-size:14px; color:#fff; float: left;
height:32px; line-height:32px; background: url(../images/hd_mail.png) left no-repeat;margin-left:14px;
padding-left:26px; cursor: pointer;}
.btn_email:linked, .btn_email:visited{color:#fff;}
.hd_row2{position:relative; height:75px; transition-duration: 1s;}
.hd_row2.hd_down{background: #fff; transition-duration: 1s;}

.main_logo{width:206px; height:42px; background: url(../images/main_logo.png); float: left;
margin-left:35px; margin-top:17px; transition-duration: none !important;}
.hd_row2.hd_down .main_logo{background: url(../images/main_logo_s.png); transition-duration: 0s;}
.r_menus{float: right; margin-right:42px;}
.r_menus .btn_menu{float:left; display:block; height:75px; line-height:75px;
font-size:18px; font-weight: 800; letter-spacing: -0.2; color:#fff; margin-left:33px; transition-duration: 1s;}
.r_menus .btn_menu:first-child{margin-left:0px;}
.hd_row2.hd_down .r_menus .btn_menu{color:#141414; transition-duration: 2s;}


.banner_top{width:100%; height:835px; overflow:auto}

.banner_top.bt001{background: url(../images/banner_top001.jpg) center; background-size: 100% auto;  transition:2s;}
.banner_top.bt002{background: url(../images/banner_top002.jpg) center; background-size: 100% auto;  transition:2s;}
.main_sl{font-size:65px; text-align: center; line-height:76px; color:#fff;
font-weight: 800; letter-spacing: -0.2; margin-top:366px;}

.content_a{width:100%; height:840px; text-align: center; background: #ececec; }
.logo2{display:inline-block; width:262px; height: 121px; background: url(../images/logo2.png);
margin-top:134px;}
.cta_txt{/*display:inline-block; */margin-top:41px; text-align: center;
font-size:24px; color:#333; font-family: 'Noto Sans KR'; font-weight: 400;
line-height: 30px;}


.history_wrap{width:919px; position:relative; display:inline-block; margin-top:165px;}
.history_line{display:inline-block; width:919px; height: 11px;
background: url(../images/history_line.png) center no-repeat;}

.history{position:absolute; width:200px;}
.htr_title{font-family: 'Noto Sans KR'; font-weight: 700; color:#323232; line-height: -0.2;
/*height:30px; line-height:30px;*/}
.htr_cont{margin-top: 17px; line-height:18px;
font-size:14px; color:#797979; font-family: 'Noto Sans KR'; font-weight: 400; line-height: -0.2;}
.history.htr001{top:25px; left:-100px;}
.history.htr002{top:25px; left:133px;}
.history.htr003{top:25px; left:359px;}
.history.htr004{top:25px; left:585px;}
.history.htr005{top:25px; left:819px;}


.footer_wrap{width:100%;}
.footer_wrap .ft_row1{width:100%; height:300px; background: #11171e; text-align: center;}
.footer_wrap .ft_row2{width:100%; height:45px; line-height:45px; background: #000; text-align: center;
font-size:14px; color:#6b6b6b; font-family: 'Noto Sans KR'; font-weight: 400;}
.ft_content{display:inline-block; width:960px; text-align: left; color:#fff; height:300px;
padding:57px 0px 0px 12px;}
.ft_content .ff_txt001{display:block; font-size:36px; font-family: 'Noto Sans KR'; font-weight: 500;
height:40px; line-height:40px;}
.ft_content .ff_txt002{height:20px; line-height:20px; display:block; font-size:18px; font-family: 'Noto Sans KR'; font-weight: 400; margin-top:30px;}
.ft_content .ff_txt002b{width:100%; line-height:20px; display:block; font-size:16px; font-family: 'Noto Sans KR'; font-weight: 400; margin-top:10px;}
.ft_content .ff_txt003{height:16px; line-height:16px; display:block; font-size:16px; font-family: 'Noto Sans KR'; font-weight: 400; margin-top:10px;}
.ft_content .ft_g{color:#949494;}

.ff_txt003_left{float:left;}
.ff_txt003_right{width:80%; float:left;padding-left:5px;}

.content_b{width:100%; height:598px; text-align: center; }
.cb_card{position:relative; width:33.3%; height:598px; background:#fff; float: left;}
.cb_card.cbc_001{background: url(../images/banner_m001.jpg) center no-repeat;}
.cb_card.cbc_002{width:33.4%; background: url(../images/banner_m002.jpg) center no-repeat;}
.cb_card.cbc_003{background: url(../images/banner_m003.jpg) center no-repeat;}
.cb_card_over{position:absolute; top:0px; left:0px; width:100%; height:598px; background:rgba(0,0,0,0.6); cursor:pointer;
text-align: center; color:#fff; transition-duration: 1s;}
.cb_card_over:hover{background:rgba(248,175,0,0.85); transition-duration: 1s;}

.cb_icon{display:inline-block; width:120px; height:120px; margin-top:126px;}
.cbc_001 .cb_icon{background: url(../images/cb_icon_a.png) center 33px no-repeat;}
.cbc_002 .cb_icon{background: url(../images/cb_icon_b.png) center 6px no-repeat;}
.cbc_003 .cb_icon{background: url(../images/cb_icon_c.png) center 20px no-repeat;}
.cb_card_over .cb_title{margin-top:16px; font-size:30px; height:32px; line-height:32px; font-weight: 700;}
.cb_card_over .cb_txt{margin-top:33px; font-size:19px; height:auto; line-height:28px; font-weight: 400}

.content_c{width:100%; height:auto; text-align: center; background-color:#fff;}
.c_wrap{width:1250px; height:auto; margin: 0 auto; padding-bottom:130px; overflow:auto;}
.cw_title{font-size:48px; letter-spacing: -1; color:#060606; text-align: center; font-weight: 800;
margin-top:75px;}
.cw_title span{color:#ff9c00;}
.swiper-area{margin-top:62px}
.swiper-slide img{width:calc(100% - 84px); max-width:956px; height: auto;}

.appr-amz{width:341px; height:50px; line-height:46px; font-size:20px; background-color:#ff8a00; text-align: center;
font-family: 'Noto Sans KR'; font-weight: 400;  margin-top:68px; color:#fff; cursor:pointer;}

a#goto_top{position: fixed; width:100px; height: 100px;  right: 90px; right: calc( 4vw );
bottom:40px; display: none; z-index: 999;
background:url(../images/go_top.png); background-size:100px 100px;
}



/*swiper*/
html, body {
  position: relative;
/*  height: 100%;*/
}
body {
  margin: 0;
  padding: 0;
}
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.r_menu_btn{display:none;}

@media screen and (max-width: 1300px) {
.banner_top{width:100%; height:800px; overflow:auto}
.banner_top.bt001{background: url(../images/banner_top001.jpg) center; background-size: 120% auto;  transition:2s;}
.banner_top.bt002{background: url(../images/banner_top002.jpg) center; background-size: 120% auto;  transition:2s;}
}

@media screen and (max-width: 1249px) {
.c_wrap{width:100%; height:861px; margin: 0 auto;}
}



@media screen and (max-width: 1119px) {
.banner_top{width:100%; height:700px; overflow:auto}
.banner_top.bt001{background: url(../images/banner_top001.jpg) center; background-size: 124% auto;  transition:2s;}
.banner_top.bt002{background: url(../images/banner_top002.jpg) center; background-size: 124% auto;  transition:2s;}
.main_sl{font-size:50px; text-align: center; line-height:60px; color:#fff;
font-weight: 800; letter-spacing: -0.2; margin-top:306px;}



.content_a{width:100%; height:930px; text-align: center; background: #ececec; }
.logo2{display:inline-block; width:207px; height: 96px; background: url(../images/logo2m1.png);
margin-top:104px;}
.cta_txt{/*display:inline-block; */margin-top:33px; text-align: center;
font-size:22px; color:#333; font-family: 'Noto Sans KR'; font-weight: 400;
line-height: 28px;}

.history_wrap{width:100%; position:relative; display:inline-block; margin-top:51px;}
.history_line{display:inline-block; width:11px; height: 350px;
background: url(../images/history_line_mn.png) center no-repeat;}

.history{position:absolute; width:200px;}
.htr_title{font-family: 'Noto Sans KR'; font-weight: 700; color:#323232; line-height: -0.2;
height:20px; line-height:20px;}
.htr_cont{margin-top: 8px; line-height:18px;
font-size:14px; color:#797979; font-family: 'Noto Sans KR'; font-weight: 400; line-height: -0.2;}
.history.htr001{top:-3px; left:calc(50% - 200px);}
.history.htr002{top:84px; left:50%;}
.history.htr003{top:165px; left:calc(50% - 200px);}
.history.htr004{top:249px; left:50%;}
.history.htr005{top:335px; left:calc(50% - 200px);}

.cb_card_over .cb_title{font-size:24px; }
.cb_card_over .cb_txt{font-size:16px;}

}





@media screen and (max-width: 1023px) {

.content_c{width:100%; height:auto;; text-align: center; background-color:#fff;}
.c_wrap{width:100%; height:auto; margin: 0 auto;}
.cw_title{font-size:48px; letter-spacing: -1; color:#060606; text-align: center; font-weight: 800;
margin-top:75px;}
.cw_title span{color:#ff9c00;}
.swiper-area{margin-top:62px}
.swiper_img{width:100%; height:auto;}
.swiper_img.sw001{background:url(../images/swiper001.png); background-size:100% auto;}
.swiper_img.sw002{background:url(../images/swiper002.png); background-size:100% auto;}
.swiper_img.sw003{background:url(../images/swiper003.png); background-size:100% auto;}
.swiper_img.sw004{background:url(../images/swiper004.png); background-size:100% auto;}
.swiper_img.sw005{background:url(../images/swiper005.png); background-size:100% auto;}
.swiper_img.sw006{background:url(../images/swiper006.png); background-size:100% auto;}
.swiper_img.sw007{background:url(../images/swiper007.png); background-size:100% auto;}

a#goto_top{position: fixed; width:100px; height: 100px;  right: 90px; right: calc( 4vw );
bottom:40px; display: none; z-index: 999;
background:url(../images/go_top.png); background-size:100px 100px;}

.cb_card_over .cb_title{font-size:23px; }
.cb_card_over .cb_txt{font-size:14px;}

}




@media screen and (max-width: 960px) {
.footer_wrap{width:100%;}
.footer_wrap .ft_row1{width:100%; height:auto; background: #11171e; text-align: center; padding-bottom:60px;}
.footer_wrap .ft_row2{width:100%; height:45px; line-height:45px; background: #000; text-align: center;
font-size:14px; color:#6b6b6b; font-family: 'Noto Sans KR'; font-weight: 400;}
.ft_content{display:inline-block; width:100%; text-align: left; color:#fff; height:300px;
padding:57px 16px 0px 16px;}
.ft_content .ff_txt001{display:block; font-size:36px; font-family: 'Noto Sans KR'; font-weight: 500;
height:40px; line-height:40px;}
.ft_content .ff_txt002{height:auto; line-height:20px; display:block; font-size:18px; font-family: 'Noto Sans KR'; font-weight: 400; margin-top:30px;}
.ft_content .ff_txt003{height:14px; line-height:16px; display:block; font-size:16px; font-family: 'Noto Sans KR'; font-weight: 400; margin-top:10px;}
.ft_content .ft_g{color:#949494;}
}





@media screen and (max-width: 880px) {

.banner_top.bt001{background: url(../images/banner_top001.jpg) center; background-size: 130% auto;  transition:2s;}
.banner_top.bt002{background: url(../images/banner_top002.jpg) center; background-size: 130% auto;  transition:2s;}

}

@media screen and (max-width: 800px) {
.only_mo{display:inline;}
.only_pc{display:none;}
.hd_row1{display:none;}

.hd_row2{height:86px; background: #fff; }
.hd_row2.hd_down{background: #fff; }

.main_logo{width:206px; height:42px; background: url(../images/main_logo_s.png); float: left;
margin-left:23px; margin-top:23px;}
.hd_row2.hd_down .main_logo{background: url(../images/main_logo_s.png); }

.r_menu_btn{display:block; width:86px; height:86px; background: url(../images/r_menu_btn.png); background-size:32px 28px;
background-position: center; background-repeat:no-repeat; float:right;}
.r_menus{display:none;}
.r_menu_btn.on + .r_menus{display:block; position:absolute; top:86px; left:0px; width:100%; background-color:#fff; padding-bottom: 20px;}
.r_menus .btn_menu{float:left; display:block; padding-left:22px;
width:100%; height:60px; line-height:60px;
font-size:16px; font-weight: 800; letter-spacing: -0.2; color:#141414; margin-left:0px; transition-duration: none;}
.r_menus .btn_menu:first-child{margin-left:0px;}
.hd_row2.hd_down .r_menus .btn_menu{color:#141414; transition-duration: 0s;}

.banner_top{width:100%; height:800px; overflow:auto}
.banner_top.bt001{background: url(../images/banner_top001.jpg) center; background-size: auto 800px;  transition:2s;}
.banner_top.bt002{background: url(../images/banner_top002.jpg) center; background-size: auto 800px;  transition:2s;}
.main_sl{margin-top: 296px; font-size:46px;}


.content_b{width:100%; height:auto; text-align: center; }
.cb_card{width:100%; height:400px;}
.cb_card.cbc_002{width:100%;}
.cb_card_over{position:absolute; top:0px; left:0px; width:100%; height:400px; background:rgba(0,0,0,0.6); cursor:pointer;
text-align: center; color:#fff; transition-duration: 1s;}
.cb_card_over:hover{background:rgba(248,175,0,0.85); transition-duration: 1s;}

.cb_icon{display:inline-block; width:120px; height:120px; margin-top:56px;}
.cbc_001 .cb_icon{background: url(../images/cb_icon_a.png) center 33px no-repeat;}
.cbc_002 .cb_icon{background: url(../images/cb_icon_b.png) center 6px no-repeat;}
.cbc_003 .cb_icon{background: url(../images/cb_icon_c.png) center 20px no-repeat;}
.cb_card_over .cb_title{margin-top:16px; font-size:30px; height:32px; line-height:32px; font-weight: 700;}
.cb_card_over .cb_txt{margin-top:33px; font-size:17px; height:auto; line-height:28px; font-weight: 400}

.cw_title{font-size:34px; letter-spacing: -1; color:#060606; text-align: center; font-weight: 800;
margin-top:58px;}

.ft_content .ff_txt001{text-align: center; font-size:22px;}
.ft_content .ff_txt002{text-align: center; font-size:16px; margin-top:18px;}
.ft_content .ff_txt002b{width:100%; line-height:20px; display:block; font-size:13px; font-family: 'Noto Sans KR'; font-weight: 400; margin-top:10px;}
.ft_content .ff_txt003{height:auto; line-height:20px; display:block; font-size:13px; font-family: 'Noto Sans KR'; font-weight: 400; margin-top:10px;}
.ft_content .ff_txt003.f2fc{margin-top:20px !important;}
.ff_txt003_right{width:calc(100% - 55px); float:left;padding-left:4px;}


a#goto_top{position: fixed; width:50px; height: 50px;  right: 30px; right: calc( 4vw );
bottom:40px; display: none; z-index: 999;
background:url(../images/go_top.png); background-size:50px 50px;}

}


@media screen and (max-width: 500px) {
.sw_pc{display:none;}
.sw_mo{display:inline-block;}
.only_u500{display: inline;}

.main_logo{width:147px; height:30px; background: url(../images/main_logo_s.png); float: left;
background-size: 147px 30px; background-repeat: no-repeat;
margin-left:23px; margin-top:29px; transition: none !important;}

.hd_row2.hd_down .main_logo{background: url(../images/main_logo_s.png); 
background-size: 147px 30px;}
.cta_txt{/*display:inline-block; */margin-top:33px; text-align: center;
font-size:15px; color:#333; font-family: 'Noto Sans KR'; font-weight: 400;
line-height: 23px;}

.cb_card_over .cb_title{margin-top:16px; font-size:20px; height:32px; line-height:32px; font-weight: 700;}
.cb_card_over .cb_txt{margin-top:24px; font-size:15px; height:auto; line-height:22px; font-weight: 400}

.cw_title{font-size:26px; letter-spacing: -1; color:#060606; text-align: center; font-weight: 800;
margin-top:58px;}

.content_c{height:auto; }
.c_wrap{height:auto; padding-bottom:60px;}
.swiper-area{margin-top:0px;}
.appr-amz{margin-top:0px; width:80%; font-size:13px;}

.history{position:absolute; width:180px;}
.htr_title{font-family: 'Noto Sans KR'; font-weight: 700; color:#323232; letter-spacing: -0.2;
height:20px; line-height:20px;}
.htr_cont{margin-top: 8px; line-height:18px;
font-size:12px; color:#797979; font-family: 'Noto Sans KR'; font-weight: 400; letter-spacing: -1;}
.history.htr001{top:-6px; left:calc(50% - 165px);}
.history.htr002{top:81px; left:calc(50% - 10px);}
.history.htr003{top:164px; left:calc(50% - 165px);}
.history.htr004{top:249px; left:calc(50% - 10px);}
.history.htr005{top:334px; left:calc(50% - 165px);}

/*.ft_content .ff_txt003{text-align: center}*/



} 

@media screen and (max-width: 350px) {

.cta_txt{/*display:inline-block; */margin-top:33px; text-align: center;
font-size:14px; color:#333; font-family: 'Noto Sans KR'; font-weight: 400;
line-height: 23px; letter-spacing: -1;}

.cb_card_over .cb_txt{margin-top:18px; font-size:14px; height:auto; line-height:22px; font-weight: 400}
.footer_wrap .ft_row2{font-size:12px;}
}