@import url("layout.css");
@import url("common.css");

/* main_visual */
#main_visual{float:left;height:100vh}
#main_visual .rolling_img{position:absolute;width:800px;z-index:-1;height:100%;}
#main_visual .txt_box{position:relative;background:url('../images/main/main_visual_txt_box_bg.png') repeat;width:340px;height:325px;margin-top:154px;}
#main_visual .txt_box .rolling_btn{position:absolute;top:20px;right:20px;}
#main_visual .txt_box .txt{padding:40px 0 0 30px}
#main_visual .txt_box .txt h3{font-size:38px;font-family:'NanumGothicBold';line-height:46px;color:#fff}
#main_visual .txt_box .txt p{color:#c5cad4;font-size:13px;line-height:20px;padding-top:10px;}
#main_visual .image a{display:block;}
#main_visual .image a:focus{outline:1px solid #a1a1a1 !important;border:2px solid red !important;}
.skitter-clean .prev_button, .skitter-clean .next_button, .skitter-clean .play_pause_button, .skitter-clean .focus_button{opacity:1 !important;/*background:none !important;*/}
.next_button{left:100px;}
.prev_button, .next_button{top:550px !important}
.skitter-clean .focus_button{right:404px !important; top:42px !important;}
.prev_button:focus, .next_button:focus , .focus_button:focus{outline:1px solid red !important;z-index:9999;}
#section1 .block1_1 a:focus{border:3px solid #000 !important; outline:none; box-sizing:border-box;}


/* section1 */
#section1{position:absolute;right:0px;height:auto;min-height:100%;top:0;float:right;width:400px;background-color:#fff}

#section1 .title{font-size:16px;padding:30px 0 0 20px;}
#section1 .title .more{position:absolute;right:20px;}
#section1 .title .more:focus {outline:2px solid #333;}
#section1 .title span{color:#979797;font-weight:normal;font-size:11px;}

#section1 .block1_1{position:relative;width:400px;height:210px;text-align:center;line-height:20px;}
#section1 .block1_2{position:relative;height:210px;border-bottom:1px solid #eaeaea;}
#section1 .block1_3{position:relative;height:350px;border-bottom:1px solid #eaeaea;}
#section1 .block1_4{position:relative;height:150px;}

#section1 .block1_1 .title{font-size:17px;color:#fff;padding:10px 0; display:block;}
#section1 .block1_1 .img{margin-top:30px}
#section1 .block1_1 .left{float:left;width:200px;height:210px;background-color:#444}
#section1 .block1_1 .left .txt{font-size:11px;color:#c7c7c7}
#section1 .block1_1 .right{float:left;width:200px;height:210px;background-color:#cb0a2e}
#section1 .block1_1 .right .txt{font-size:11px;color:#f0b6c1}

#section1 .block1_2 .notice{margin-top:15px;font-size:12px;padding:0 20px; overflow:hidden;}
#section1 .block1_2 .notice li{float:left; width:95%;padding:0 0 8px 10px;background:url('../images/main/section1_notice_dot.gif') no-repeat left 8px; }
#section1 .block1_2 .notice li a{color:#696969; font-weight:600;}
#section1 .block1_2 .notice li a:focus,#section1 .block1_3 .notice li a:focus {outline:2px solid #333;}
#section1 .block1_2 .notice li a.date{color:#747474;float:right;*margin-top:-25px; font-weight:normal;}

#section1 .block1_3 .gallery{;padding:0 20px}
#section1 .block1_3 .gallery li{clear:both;}
#section1 .block1_3 .gallery li img{float:left;width:175px;margin:15px 0;}
#section1 .block1_3 .gallery li .txt{float:right;width:165px;margin:15px 0;}
#section1 .block1_3 .gallery li .txt h4{font-weight:normal;font-size:14px}
#section1 .block1_3 .gallery li .txt h4 a{color:#424242}
#section1 .block1_3 .gallery li .txt p{padding-top:10px;font-size:11px;}
#section1 .block1_3 .gallery li .txt p a{color:#757575}


#section1 .block1_3 .notice{margin-top:15px;font-size:12px;padding:0 20px; overflow:hidden;}
#section1 .block1_3 .notice li{float:left; width:95%;padding:0 0 8px 10px;background:url('../images/main/section1_notice_dot.gif') no-repeat left 8px; }
#section1 .block1_3 .notice li a{color:#696969; font-weight:600;}
#section1 .block1_3 .notice li a.date{color:#747474;float:right;*margin-top:-25px; font-weight:normal;}

#section1 .block1_4 .banner_btn{position:absolute;top:30px;right:20px;}
#section1 .block1_4 .banner_btn a:focus,#section1 .block1_4 .banner a:focus {outline:1px solid #333;}
#section1 .block1_4 .banner{padding:20px 0 0 10px;}
#section1 .block1_4 .banner li{display:inline-block;*display:inline;zoom:1;border:1px solid #e3e3e3;text-align:center;width:168px;margin:0 9px;height:54px;vertical-align:top}