@charset "euc-kr";

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

/* Common */
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select img {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size:100%;}
body, input, textarea, select, button, table {font-family:'Noto Sans KR', sans-serif, Helvetica; font-size:15px; color:#5a5a5a;}
table {border-collapse:collapse;}
img, fieldset {border:0; vertical-align:top;}
ul, ol{list-style:none}
a {text-decoration:none; color:#333;}
legend,caption {display:none;}
iframe{width: 0; height: 0; font-size: 0; position: absolute; left: 0; top: 0; text-indent: -9999px;}
.blind {display:block;position:absolute;left:0;top:0;overflow:hidden;width:0;height:0;line-height:0;text-indent:-9999px;}
.btnCommon {display:inline-block;padding:13px 47px; background-color:#333132;color:#fff; font-size:16px;}

.index_m img{width:100%;}

/* header */
.index_w #w_header{position:absolute; width:100%; top:0; height:152px; z-index:1001; font-size:18px;}
.index_w #w_header .header_inner{width:1200px; padding-top:50px; margin:0 auto;}
.index_w #w_header .header_inner:after{display:block; clear:both; content:"";}
.index_w #w_header h1{float:left;}
.index_w #w_header:after{content:""; display:block; clear:both}
.index_w #w_header .gnb{float:left; padding:2px 0 0px 170px;}
.index_w #w_header .gnb li{float:left; margin-left:80px;}
.index_w #w_header .gnb li:first-child{margin-left:0;}
.index_w #w_header .gnb li a{display:block; color:#fff;}
.index_w #w_header .tel{float:right; margin-top:1px; padding-left:23px; font-size:20px; color:#fff; background:url(../images/ico_tel.png) left 8px no-repeat;}

.index_m #m_header {position:relative;text-align:center; box-shadow:0px 0px 10px 0px #1e1e1e; z-index:49;}
.index_m #m_header a {display:inline-block;}
.index_m #m_header a#menu_toggle {position:absolute;top:0;left:0;width:13.8%;}
.index_m #m_header a#menu_toggle img {min-height:37px}
.index_m #m_header a.title {width:73%;margin:0 auto;}
.index_m #m_header a.tel {position:absolute;top:0;right:0;width:13.5%;}

.index_m .m_gnb{display:block; position:absolute;top:0;left:-50%;z-index:100;width:50%;height:100%;background-color:#fff;}
.index_m .m_gnb li:first-child {border-top:1px solid #d7d7d7;}
.index_m .m_gnb li a {display:block;padding:20px 25px;font-size:18px; border-bottom:1px solid #d7d7d7;color:#333232;}
.index_m .m_gnb li a:hover, .index_m .m_gnb li a:focus {color:#fff; background-color:#449364;}
.index_m .layer {display:none; position:absolute; top:0; left:0; z-index:50; width:100%; height:100%; background-color:#000; opacity:0.6;}

/* footer */
.index_w #footer {position:relative; z-index:1001;}
.index_w #footer_cont{position:relative; width:1200px; height:105px; margin:0 auto;}
.index_w #footer_cont .address{padding-top:30px;}
.index_w #footer_cont .address p{font-size:11px; color:#fff; font-weight:300; line-height:15px;}
.index_w #footer_cont p.danji{position:absolute; top:47px; right:0; color:#fff; font-size:20px; line-height:25px; text-align:right;}

.index_w #container{position:relative; width:100%;}
.index_w .intro_cover{position:fixed; top:0; z-index:0;overflow:hidden;width:100%;height:100%;min-height:678px;margin:0 auto;}
.index_w .intro_cover.ipad{position:absolute; top:-105px; height:1100px;}
.index_w #player_wrap{position:absolute; left:50%; top:50%; z-index:0;}
.index_w #player{position:relative; left:0; top:0;}
.index_w #player video{width:100%; height:100%;}
.index_w .bg{position:absolute; left:50%; top:50%; width:100%; height:100%; background:url(../images/bg_main.png) center 0 no-repeat; background-size:100% 100%;}
.index_w #contents{position:absolute; top:152px; left:50%; width:1200px; margin-left:-600px; z-index:1001;}
.index_w #contents .main_top{height:430px; background:url(../images/main_top.png) center 0 no-repeat;}
.index_w #contents .main_top .banner{position:absolute; top:-12px; right:78px;}
.index_w #contents .main_top .btn_area {position: absolute; top: 348px; right: 91px;}
.index_w #contents .main_top .btn_area a {display: block;}
.index_w #contents .text_area{overflow:hidden; position:relative; height:127px; padding-top:60px; background:url(../images/main_text_bg.jpg) center 0 no-repeat;}
.index_w #contents .text_area dl.left{float:left; width:416px; padding-left:220px;}
.index_w #contents .text_area dl.left dt{float:left; width:90px;}
.index_w #contents .text_area dl.left dd{float:right; width:326px;}
.index_w #contents .text_area dl.right{float:left; width:564px;}
.index_w #contents .text_area dl.right dt{float:left; width:75px;}
.index_w #contents .text_area dl.right dd{float:right; width:460px;}
.index_w #contents .text_area dl{font-size:18px; overflow:hidden;}
.index_w #contents .text_area dl dt{margin-bottom:15px; color:#2f885a;}
.index_w #contents .text_area dl dd{margin-bottom:15px; color:#424242;}
.index_w #contents .text_area .btn_radio{position:absolute; left:220px; top:115px;}
.index_w #contents .main_bot{width:100%; height:70px; background:url(../images/main_bot.jpg) center 0 no-repeat;}

.index_m #container{position:relative; width:100%; bottom:0; padding:35px 0 0 0; background:url(../images/bg_main_m.jpg) 0 0 no-repeat; background-size:cover;}
.index_m #container .main_wrap{padding:0 8%; margin-bottom:8%;}
.index_m #container .main_top{position:relative;}
.index_m #container .main_top .banner{position:absolute; top:-2.2%; left:50%; width:40%; margin-left:-20%;}
.index_m #container .text_area{width:100%; background:url(../images/main_text_bg_m.jpg) center 0 no-repeat; background-size:100% 100%;}
.index_m #container .text_area dl{width:85%; margin:0 auto; padding:20px 0; overflow:hidden; font-size:1.063em; line-height:1.4em; font-size:13px;}
.index_m #container .text_area dl dt{float:left; width:23%; margin-bottom:8px; color:#2f885a; clear:both;}
.index_m #container .text_area dl dd{float:right; width:75%; color:#424242; margin-bottom:8px;}
.index_m #container .text_area dl dd:last-child{margin-bottom:0;}
.index_m #container .main_bot{position:relative;}
.index_m #container .main_bot .btn_radio{position:absolute; width:54%; left:52%; margin-left:-30%; top:17%;}
.index_m #footer {position:relative; text-align:center;}
.index_m #footer .goto_prugio {display:block;position:absolute;top:5%;left:3%;width:25%;height:50px;text-indent:-9999px;overflow:hidden;}