/* --------------------------------------------------------------------- main ----------------------------------------------------------------------*/ #main_contents{width:1018px; margin:0 auto; padding:27px 4px; overflow:hidden;} /* --------------------------------------------------------------------- main_visual ----------------------------------------------------------------------*/ #main_visual{position:relative; height:658px; border-bottom:1px solid #ddd; overflow:hidden;} #main_visual .main_visual_icon_banner{width:1026px; margin:531px auto 0; overflow:hidden;} #main_visual .main_visual_icon_banner ul{width:1029px;} #main_visual .main_visual_icon_banner li{float:left; width:147px; font-family:'nanum'; font-size:15px; letter-spacing:-0.75px; background:url(/layouts/default/image/main/main_visual_icon_banner.png) no-repeat 0 0;} #main_visual .main_visual_icon_banner li.icon_banner01{background-position:0 0;} #main_visual .main_visual_icon_banner li.icon_banner02{background-position:0 -127px;} #main_visual .main_visual_icon_banner li.icon_banner03{background-position:0 -254px;} #main_visual .main_visual_icon_banner li.icon_banner04{background-position:0 -381px;} #main_visual .main_visual_icon_banner li.icon_banner05{background-position:0 -508px;} #main_visual .main_visual_icon_banner li.icon_banner06{background-position:0 -635px;} #main_visual .main_visual_icon_banner li.icon_banner07{background-position:0 -762px;} #main_visual .main_visual_icon_banner li a{display:block; height:127px; text-align:center; background:url(/layouts/default/image/main/main_visual_icon_banner_bg.png) no-repeat 0px 21px;} #main_visual .main_visual_icon_banner li:first-child a{background:none;} #main_visual .main_visual_icon_banner li a span{display:block; padding-top:84px;} #top_visual{position:absolute; top:0px; left:50%; width:1615px; height:531px; margin-left:-807px; z-index:1;} #top_visual .bx-wrapper{position:relative; width:1900px; margin:0 auto; padding: 0;*zoom: 1;} #top_visual .bx-wrapper img{max-width:100%;display:block;} #top_visual .bx-wrapper .bx-pager{position:absolute; top:467px; left:50%; margin-left:-20px; z-index:100;} #top_visual .bx-wrapper .bx-pager-item{float:left; display:block; text-indent:-99999em; margin:0 5px 0 0;} #top_visual .bx-wrapper .bx-pager-item:last-child{padding-bottom:0;} #top_visual .bx-wrapper .bx-pager-item a{width:18px; height:18px; display:block; background:url(/layouts/default/image/main/visual_btn.png) no-repeat;} #top_visual .bx-wrapper .bx-pager-item a.active{width:30px; height:18px; background-position:-18px 0;} #top_visual .bx-wrapper .bx-controls-auto{position:absolute; top:464px; left:50%; margin-left:65px; z-index:99;} #top_visual .bx-wrapper .bx-controls-auto .bx-start{display:block; text-indent:-9999px; width:26px; height:26px; outline:0; background:url(/layouts/default/image/main/visual_auto_btn.png) no-repeat -26px 0; margin:0 3px;} #top_visual .bx-wrapper .bx-controls-auto .bx-start.active{display:none;} #top_visual .bx-wrapper .bx-controls-auto .bx-stop{display:block; text-indent:-9999px; width:26px; height:26px; outline:0; background:url(/layouts/default/image/main/visual_auto_btn.png) no-repeat 0 0; margin:0 3px;} #top_visual .bx-wrapper .bx-controls-auto .bx-stop.active{display:none;} #main_visual .mvinkpos_1 {position:absolute; width:210px; height:68px; left:50%; margin-left:-510px; top:367px; z-index:99;} #main_visual .mvinkpos_1 a{display:block;width:210px; height:68px; text-indent:-999999px;} #main_visual .mvinkpos_2 {position:absolute; width:210px; height:68px; left:50%; margin-left:-510px; top:375px; z-index:99;} #main_visual .mvinkpos_2 a{display:block;width:210px; height:68px; text-indent:-999999px;} #main_visual .mvinkpos_3 {position:absolute; width:210px; height:68px; left:50%; margin-left:-510px; top:375px; z-index:99;} #main_visual .mvinkpos_3 a{display:block;width:210px; height:68px; text-indent:-999999px;} /* --------------------------------------------------------------------- main_content_box ----------------------------------------------------------------------*/ #main_contents .main_box01{clear:both; width:324px; height:174px; padding:22px 25px 22px 28px; margin:0 13px 17px 0; border:1px solid #e6e6e6;} #main_contents .main_box01 h3{display:block;padding-bottom:12px; font-family:'nanum'; font-size:25px; font-weight:normal; color:#37332e; border-bottom:1px solid #bfb5ac; letter-spacing:-0.75px;} #main_contents .main_box01 a.more_btn{position:absolute; top:23px; right:23px;} #main_contents .main_box01 ul{list-style-type:none; padding:0px; margin:0px;} #main_contents .main_box01 li a{display:block; padding-left:16px; line-height:25px; font-family:'nanum'; color:#707070; font-size:14px; background:url(/layouts/default/image/main/list_dot.gif) no-repeat 7px 10px; letter-spacing:-0.75px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} #main_contents .main_box01 li:first-child a{display:block; position:relative; padding:10px 20px 10px 0px ; margin-bottom:16px; font-family:'nanum'; font-size:19px; font-weight:normal; color:#794c2e; border-bottom:1px solid #bfb5ac; letter-spacing:-0.5px; background:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} #main_contents .main_box01 li:first-child .i_new {position:absolute; top:13px; right:0px;} #main_contents .main_box02{width:366px; height:220px; margin:0 12px 17px 0;} #le_banner{position:relative;} #le_banner .bx-wrapper{position:relative; width:280px; height:290px; padding: 0;*zoom: 1;} #le_banner .bx-wrapper img{max-width:100%; display:block;} #le_banner .bx-wrapper .bx-prev{left:84px; background:url(/layouts/default/image/main/main_banner_slider_btn.png) no-repeat 0 0;} #le_banner .bx-wrapper .bx-next{right:83px; background:url(/layouts/default/image/main/main_banner_slider_btn.png) no-repeat -25px 0;} #le_banner .bx-wrapper .bx-controls-direction a{position:absolute; top:180px; outline:0; width:25px; height:25px; text-indent:-9999px; z-index:99;} #le_banner .bx-wrapper .bx-controls-direction a.disabled{display:none;} #le_banner .bx-wrapper .bx-controls-auto{position:absolute; top:180px; left:109px; z-index:99;} #le_banner .bx-wrapper .bx-controls-auto .bx-start{display:block; text-indent:-9999px; width:25px; height:25px; outline:0; background:url(/layouts/default/image/main/main_banner_slider_btn.png) no-repeat -25px -25px; margin:0 3px;} #le_banner .bx-wrapper .bx-controls-auto .bx-start.active{display:none;} #le_banner .bx-wrapper .bx-controls-auto .bx-stop{display:block; text-indent:-9999px; width:25px; height:25px; outline:0; background:url(/layouts/default/image/main/main_banner_slider_btn.png) no-repeat 0 -25px; margin:0 3px;} #le_banner .bx-wrapper .bx-controls-auto .bx-stop.active{display:none;} #main_contents .main_box03{width:248px; height:220px; margin:0 0 17px 0;} #main_contents .main_box04{clear:both; width:379px; height:268px; margin:0 13px 20px 0;overflow:hidden;} #main_contents .main_box05{width:366px; height:268px; margin:0 12px 20px 0;overflow:hidden;} .main_contents_banner{} .main_contents_banner .txt{position:absolute; bottom:0; left:0; width:379px; height:51px; font-size:18px; color:#fff; font-family:'nanum'; line-height:50px; text-align:center; background:url(/layouts/default/image/main/main_contents_banner_bg.png);} .main_contents_banner .txt_01{position:absolute; bottom:0; left:0; width:189px; height:51px; font-size:15px; color:#fff; font-family:'nanum'; line-height:50px; text-align:center; background:url(/layouts/default/image/main/main_contents_banner_bg.png);} .column01{padding:0;} .column01::after{content: ''; clear:both; display:block;} .column01 div{position:relative; float:left; height:268px; padding:0;} .h_img01{width:379px; height:268px; margin:0; padding:0; background:#fff; overflow:hidden;} .hover01 .h_img01 img{-webkit-transform:scale(1); transform:scale(1); -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} .hover01 .h_img01:hover img{-webkit-transform:scale(1.3); transform:scale(1.3);} .main_contents_banner .txt01{position:absolute; bottom:0; left:0; width:366px; height:51px; font-size:18px; color:#fff; font-family:'nanum'; line-height:50px; text-align:center; background:url(/layouts/default/image/main/main_contents_banner_bg.png);} .column02{padding:0;} .column02::after{content: ''; clear:both; display:block;} .column02 div{position:relative; float:left; width:366px; height:268px; padding:0;} .h_img02{width:366px; height:268px; margin:0; padding:0; background:#fff; overflow:hidden;} .hover02 .h_img02 img{-webkit-transform:scale(1); transform:scale(1); -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} .hover02 .h_img02:hover img{-webkit-transform:scale(1.3); transform:scale(1.3);} #main_contents .main_box06{width:205px; height:228px; padding:18px 18px 20px 23px; margin:0 0 20px 0; border:1px solid #e6e6e6;} #main_contents .main_box06 h3{display:block; margin-bottom:6px; font-family:'nanum'; font-size:22px; font-weight:normal; color:#37332e; letter-spacing:-0.75px;} #main_contents .main_box06 a.more_btn{position:absolute; top:15px; right:19px;} #main_contents .main_box06 li{padding:8px 0 13px; border-top:1px solid #e5e5e5; font-family:'nanum';} #main_contents .main_box06 li span{display:block; font-size:13px; color:#ff5a00; letter-spacing:-0.25px;} #main_contents .main_box06 li a{display:block; padding-top:6px; font-size:14px; color:#333; letter-spacing:-0.5px;} #main_contents .main_box06 li a img{padding-left:3px;} #main_contents .main_box07{clear:both; width:379px; height:268px; margin-right:13px;} #main_contents .main_box08{width:366px; height:268px;} #main_contents .g_main_box{width:758px; height:440px; margin-right:12px;} #main_contents .q_menu{float:left; width:756px; height:145px; margin-bottom:25px; border:1px solid #e6e6e6; border-bottom:1px solid #bdbdbd;} #main_contents .q_menu .tit{position:absolute; top:46px; left:70px; padding-bottom:10px; line-height:18px; font-family:'nanum'; font-size:16px; background:url(/layouts/default/image/main/q_menu_tit_line.gif) no-repeat bottom left; letter-spacing:-0.75px;} #main_contents .q_menu .tit span{display:block;} #main_contents .q_menu ul{padding-left:171px;} #main_contents .q_menu ul li{float:left; width:117px; text-align:center; background:url(/layouts/default/image/main/q_menu_icon.png) no-repeat 0 0;} #main_contents .q_menu ul li a{display:block; padding:106px 0 17px 0; color:#202020; text-decoration:none; letter-spacing:-0.75px; font-family:'nanum'; font-size:15px;} #main_contents .q_menu ul li a:hover{color:#dc2626;padding:106px 0 13px 0; border-bottom:4px solid #fc6665;} #main_contents .q_menu ul li.qmenu01{background-position:0 0;} #main_contents .q_menu ul li.qmenu02{background-position:-117px 0;} #main_contents .q_menu ul li.qmenu03{background-position:-234px 0;} #main_contents .q_menu ul li.qmenu04{background-position:-351px 0;} #main_contents .q_menu ul li.qmenu05{background-position:-468px 0;} #main_contents .q_menu ul li.qmenu01:hover{background-position:0 -145px;} #main_contents .q_menu ul li.qmenu02:hover{background-position:-117px -145px;} #main_contents .q_menu ul li.qmenu03:hover{background-position:-234px -145px;} #main_contents .q_menu ul li.qmenu04:hover{background-position:-351px -145px;} #main_contents .q_menu ul li.qmenu05:hover{background-position:-468px -145px;} #main_contents .q_menu_01{float:left; width:756px; height:145px; margin-bottom:25px; border:1px solid #e6e6e6; border-bottom:1px solid #bdbdbd;} #main_contents .q_menu_01 .tit{position:absolute; top:46px; left:70px; padding-bottom:10px; line-height:18px; font-family:'nanum'; font-size:16px; background:url(/layouts/default/image/main/q_menu_tit_line.gif) no-repeat bottom left; letter-spacing:-0.75px;} #main_contents .q_menu_01 .tit span{display:block;} #main_contents .q_menu_01 ul{padding-left:171px;} #main_contents .q_menu_01 ul li{float:left; width:95px; text-align:center; background:url(/layouts/default/image/main/q_menu_icon01.png) no-repeat 0 0;} #main_contents .q_menu_01 ul li a{display:block; padding:100px 0 17px 0; color:#202020; text-decoration:none; letter-spacing:-0.75px; font-family:'nanum'; font-size:13px;} #main_contents .q_menu_01 ul li a:hover{color:#dc2626;padding:106px 0 13px 0; border-bottom:4px solid #fc6665;} #main_contents .q_menu_01 ul li.qmenu01{background-position:0 0;} #main_contents .q_menu_01 ul li.qmenu02{background-position:-96px 0;} #main_contents .q_menu_01 ul li.qmenu03{background-position:-194px 0;} #main_contents .q_menu_01 ul li.qmenu04{background-position:-291px 0;} #main_contents .q_menu_01 ul li.qmenu05{background-position:-388px 0;} #main_contents .q_menu_01 ul li.qmenu06{background-position:-486px 0;} #main_contents .q_menu_01 ul li.qmenu01:hover{background-position:0 -145px;} #main_contents .q_menu_01 ul li.qmenu02:hover{background-position:-96px -145px;} #main_contents .q_menu_01 ul li.qmenu03:hover{background-position:-194px -145px;} #main_contents .q_menu_01 ul li.qmenu04:hover{background-position:-291px -145px;} #main_contents .q_menu_01 ul li.qmenu05:hover{background-position:-388px -145px;} #main_contents .q_menu_01 ul li.qmenu06:hover{background-position:-486px -145px;} #main_contents .media{float:left; width:205px; height:401px; padding:18px 18px 20px 23px; border:1px solid #e6e6e6;} #main_contents .media h3{display:block; margin-bottom:10px; font-family:'nanum'; font-size:22px; font-weight:normal; color:#37332e; letter-spacing:-0.75px;} #main_contents .media a.more_btn{position:absolute; top:15px; right:19px;} #main_contents .media li{padding:20px 0 25px; border-top:1px solid #e5e5e5; font-family:'nanum';} #main_contents .media li a{display:block; height:52px; font-size:19px; color:#333; line-height:26px; overflow:hidden;} #main_contents .media li p{padding-top:5px; font-size:13px; color:#424242; letter-spacing:-0.5px;} #main_contents .media li p span{font-family:'nanum'; color:#ff6666;} #connerBanner {z-index: 99;position: fixed;height: 330px;width: 227px;right: 10px;bottom: 10px;}