/* ¸ÞÀκñÁÖ¾óÀ̹ÌÁö */
.layout_inner { position: relative; margin: 0 auto; max-width:100%; }
.layout_inner_visual { position: relative; margin: 0 auto; max-width: 1920px;  width:100%;}
.d_visual_wrap { position: relative; display:block;text-align:center;  overflow: hidden;}
.d_aroww_left{ z-index:100000; position:absolute; top: 46%; display: inline; left:1%; width:3.5%;}
.d_aroww_left img{ max-width:100%; }
.d_aroww_right{ z-index:100000; position:absolute; top: 46%; display: inline; right:1%; width:3.5%;}
.d_aroww_right img{ max-width:100%; }
.d_visual_img { width:100%; }
.d_visual_img img{ max-width:100%; }

/* ½½¶óÀ̵åÅؽºÆ® */
.d_slide_box{position: absolute; top: 0%; bottom:0%; right: 0; display:block; width:100% !important; text-align:center; height: auto !important; overflow: hidden;}
.d_slide_background { z-index:2; position:relative; display:block; width:100%; height:100%; top:0; left:0;  background:url(../../img/dot_bg.png) repeat 0 0; border:0;}
.d_slide_text { z-index:3; position:absolute; display:block; width:100%; top:38%; left:0;  padding:20px 0 30px 0;  background-color:#000; border:0; filter:alpha(opacity=40); opacity:0.4; }
.d_slide_text span { display:block; color:#fff; }
.d_slide_text span.d_title p{ font-size:72px; margin-bottom:5px; color:#fff;line-height:100%; font-weight:600; font-family: 'Arvo-Bold','Arvo','Arial','Nanum Gothic';}
.d_slide_text span.d_title{ font-size:41px; font-weight:600; color:#fff; font-family: 'Arvo-Regular','Arvo','Arial','Nanum Gothic'; line-height:110%;word-spacing:-0.1em; width:100%; margin-bottom:20px;}
.d_slide_text span.d_btn a { padding: 14px 50px; color: #fff; font-size:10px; border:1px solid #738A8D; background:#494949;  border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius:3px; letter-spacing:0.3em; font-weight: bold; line-height: 14px; text-transform: uppercase; text-decoration: none; cursor: pointer; }
 @media screen and (max-width: 767px){
.d_slide_text {background:none; top:30%; }
.d_aroww_left,.d_aroww_right {width:6%;}
.d_slide_text span{ font-size:0.9em; }
.d_slide_text span.d_title{ font-size:0.9em; }
.d_slide_text span.d_title p{ font-size:1.6em; line-height:1em; }
.d_slide_text span.d_btn{display:none;}
} 
/* media query tablet */
@media screen and (min-width: 768px) and (max-width: 999px){
.d_slide_text span.d_title{ font-size:1.5em; max-height:105px;}
.d_slide_text span.d_title p{ font-size:1.8em; line-height:1em; }
.d_slide_text span.d_btn a { padding: 4px 12px;}
}
html { text-align:center;}
img{max-width:100%}
 
 

#main_con{position:relative;z-index:5; background:url(../../img/mcon_bg.gif) 0 0 repeat;}
/* ¸ÞÀÎÀ̹ÌÁö À§ ÅǹöÆ° ³×°³ */ 
.main_tab_wrap{position:absolute;bottom:0;left:0;width:100%;z-index:10;display:none}
.main_tab .tab_info{position:relative;bottom:0;left:0;height:80px;cursor:pointer}
.main_tab .tab_info .tab_title{font-size:16px;color:#fff;padding-top:18px}
.main_tab .tab_info .tab_txt{font-size:12px;color:#fff;padding-top:8px;filter:alpha(opacity=70);opacity:0.7}
.main_tab li.tab01 .tab_info{background:#305891}
.main_tab li.tab02 .tab_info{background:#2CA8D2}
.main_tab li.tab03 .tab_info{background:#738A8D}
.main_tab li.tab04 .tab_info{background:#494949}
.main_tab li.tab01 .tab_data{background:url(../../img/main_tab_bg_01.png) repeat}
.main_tab li.tab02 .tab_data{background:url(../../img/main_tab_bg_02.png) repeat}
.main_tab li.tab03 .tab_data{background:url(../../img/main_tab_bg_03.png) repeat}
.main_tab li.tab04 .tab_data{background:url(../../img/main_tab_bg_04.png) repeat}
.main_tab .tab_data{width:100%;height:310px;z-index:50}
.main_tab .tab_data .data_title{padding-top:104px;font-size:24px;color:#fff}
.main_tab li.tab01 .tab_data .data_title{background:url(../../img/main_tab_icon_01.png) center 39px no-repeat}
.main_tab li.tab02 .tab_data .data_title{background:url(../../img/main_tab_icon_02.png) center 39px no-repeat}
.main_tab li.tab03 .tab_data .data_title{background:url(../../img/main_tab_icon_03.png) center 39px no-repeat}
.main_tab li.tab04 .tab_data .data_title{background:url(../../img/main_tab_icon_04.png) center 39px no-repeat}
.main_tab .tab_data .data_sub_title{font-size:14px;color:#fffc00;margin-top:7px}
.main_tab .tab_data .data_info{font-size:12px;color:#fff;line-height:18px;margin-top:10px;filter:alpha(opacity=80);opacity:0.8}
.main_tab .tab_data .btn_view{margin-top:18px}
.main_tab .tab_data .btn_view a{position:relative;display:block;width:50px;height:50px;overflow:hidden;margin:0 auto;background:url(../../img/main_tab_btn.png) left top no-repeat}
.main_tab .tab_data .btn_view a:hover{background-position:left bottom}
.main_tab:after {content:" ";display:block;clear:both;overflow:hidden}
.m_tab_wrap{position:relative;width:auto;margin:30px 10px}
.m_tab_wrap .tab_data p{position:relative;z-index:5}
.m_tab_wrap .tab_data .tab_bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;opacity:0.9}
.m_tab_wrap li .tab_data{background:none !important}
.m_tab_wrap li.tab01 .tab_bg{background:#7b71aa}
.m_tab_wrap li.tab02 .tab_bg{background:#b971a4}
.m_tab_wrap li.tab03 .tab_bg{background:#c19595}
.m_tab_wrap li.tab04 .tab_bg{background:#c1b595}
 
/* ¸ÞÀÎÇÏ´Ü ¹è³Ê */
.main_open{padding:20px 10px}
.main_open h2 {text-align:center; margin:20px 0;}
.main_open h2 a{border-bottom:5px solid #0080C6; font-size:40px; color:#000; font-family: 'NanumGothicExtraBold' ,'³ª´®°íµñ'; font-weight:600; padding:5px 0; margin-bottom:20px;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;}
.main_open h2 a:hover{ border-bottom:5px solid #919295; padding:5px 10px;}
.main_open p{font-size:12px;color:#606f80;line-height:18px;margin-top:5px}
.main_guide{max-width:1540px;margin:10px 10px 0 10px}
.main_guide ul{overflow:hidden}
.main_guide ul li{float:left;width:50%;
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 transition: all 0.5s ease;
}
.main_guide ul li a{display:block;padding:30px 0 0 0;height:126px}
.main_guide ul li a span{}
.main_guide ul li a span.title{font-size:18px;color:#fff;margin-top:10px}
.main_guide .info{display:block;font-size:14px;color:#fff;margin-top:10px}
.main_guide ul li.guide01 a{background:#7b71aa}
.main_guide ul li.guide02 a{background:#b971a4}
.main_guide ul li.guide03 a{background:#c19595}
.main_guide ul li.guide04 a{background:#c1b997}
.main_list{max-width:1540px;margin:0 10px;overflow:hidden}
.main_list .main_cell{
 position:relative;float:left;width:50%;padding-top:50%;overflow:hidden;
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 transition: all 0.5s ease;
}
.main_list .main_cell .cell_wrap{position:absolute;top:0;left:0;width:100%;height:100%}
.main_list .main_cell.w2{width:100%;padding-top:150%}
.main_list .btn_event{display:block;position:relative;width:100%;height:100%}
.main_list .btn_event img{position:absolute;top:0;left:0;width:100%;height:100%}
.main_list .real_res{margin-bottom:10px;background:url(../../img/mbanner_img.jpg) center top no-repeat;
 -webkit-background-size:cover;
 -moz-background-size:cover;
 -o-background-size:cover;
 background-size:cover;
}
.main_list .real_res h3{font-size:18px;color:#305891;font-weight:bold;margin-top:6.49350649351%;padding-top:90px;background:url(../../img/mbanner_icon.png) center top no-repeat;
 -webkit-background-size:70px auto;
 -moz-background-size:70px auto;
 -o-background-size:70px auto;
 background-size:70px auto; 
}
.main_list .real_res p.info{font-size:12px;color:#485364;margin-top:7px;line-height:18px}
.main_list .real_res .btn_detail{position:relative;text-align:center;margin-top:14px;padding:0 10px}
.main_list .real_res .btn_detail a{display:inline-block;zoom:1;*display:inline;width:120px;font-size:14px;color:#fff;line-height:50px;background:#2CA8D2;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.main_list .mboard_data{padding-top:0}
.main_list .mboard_data .cell_wrap{position:relative;height:auto}
.main_list .mboard_data .mboard_info{background:#fff; text-align:center;}
.main_list .mboard_data .mboard_thumb{position:relative;width:100%;height:67%}
.main_list .mboard_data .mboard_thumb a{}
.main_list .mboard_data .mboard_thumb img{width:100%}
.main_list .mboard_data .info_wrap{padding:10px;text-align:left;background:#fff}
.main_list .mboard_data .subject a{display:block;font-size:14px;color:#444;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.main_list .mboard_data .con{margin-top:8px;height:32px;overflow:hidden}
.main_list .mboard_data .con a{font-size:12px;color:#666}
.main_list .mboard_data .date{font-size:14px;color:#ccac94;margin-top:10px}
.main_icon{position:absolute;top:0;left:0;padding:5px;font-size:13px;  color:#fff;letter-spacing:normal;z-index:50;}
.main_icon.best{background:#305891; }
 
@media screen and (min-width:640px){
 .main_list .main_cell{width:50%;padding-top:50%}
 .main_list .main_cell.w2{width:100%;padding-top:100%}
 .main_list .mboard_data,.main_list .real_res{margin-bottom:0}
 .main_list .mboard_data .info_wrap{padding:20px}
 .main_list .real_res h3{font-size:28px;margin-top:6.49350649351%;padding-top:130px;
  -webkit-background-size:120px auto;
  -moz-background-size:120px auto;
  -o-background-size:120px auto;
  background-size:120px auto;
 }
 .main_list .real_res p.info{font-size:15px;margin-top:14px;line-height:22px}
 .main_list .mboard_data .mboard_info{position:absolute;bottom:0;left:0;width:100%;min-height:34%}
 .main_list .mboard_data .cell_wrap{position:absolute;height:100%}
 .main_list .mboard_data .subject a{font-size:16px}
 .main_list .mboard_data .con a{font-size:13px}
 .main_guide ul li a{height:145px}
 .main_guide .info{margin-top:5px}
 .main_icon{padding:10px;font-size:12px}
}
@media screen and (max-width:640px){
.main_list .mboard_data {width:100%;}
.main_open h2 a {font-size:20px;}
}
 
@media screen and (min-width:1024px){
 .main_tab_wrap{display:block}
 .m_tab_wrap{display:none}
 .main_tab{margin:0 10px}
 .main_tab .tab_data{bottom:-310px}
 .main_tab li{position:relative;float:left;width:25%}
 .main_tab .tab_data{position:absolute;bottom:-310px;left:0;width:100%;height:310px;z-index:50}
 .main_visual .visual{position:relative;top:0;left:auto;margin-left:0}
 .main_visual .visual img{width:100%;max-width:100%}
 .main_guide ul li{width:25%}
 .main_list .main_cell{width:25%;padding-top:25%}
 .main_list .main_cell.w2{width:50%;padding-top:50%}
}
@media screen and (min-width:1280px){
 .main_tab{max-width:1540px;margin:0 30px}
 .main_guide{margin:10px 30px 0 30px}
 .main_list{margin:0 30px}
}
@media screen and (min-width:1600px){
 .main_tab{margin:0 auto}
 .main_guide{margin:10px auto 0 auto}
 .main_list{margin:0 auto}
}