@charset "utf-8";

/* theme_0301 울진 대게 */
#theme-section-1{height:901px;}
#theme-section-1 .substance{max-width:660px;}
#theme-section-1.action .line1-top{transition:width 0.3s ease-out 0.6s;}
#theme-section-1.action .line1-right{transition:height 0.3s ease-out 0.9s;height:231px}
#theme-section-1.action .line1-bottom{transition:width 0.3s ease-out;}
#theme-section-1.action .line1-left{transition:height 0.3s ease-out .3s;}


#theme-section-2{position:relative;height: 1000px;}
#theme-section-2 .layout{z-index:2}
#theme-section-2 .box_vol{width:250px;height:250px;}
#theme-section-2 .box_vol .vol{top:177px;right:-55px;width:120px;}
#theme-section-2 .box_vol .text{padding:0 40px;padding-top:90px;}
#theme-section-2 .area_title{margin-top:-329px;margin-left:-450px;z-index:50;}
#theme-section-2 .area_title .title{margin-bottom:50px;}
#theme-section-2 .box_title{position:absolute;top:0;left:0;width:100%;height:100%;}
#theme-section-2 .list_magazine .list_type.list_2{margin-left:0px;}
#theme-section-2 .list_magazine .box_info{max-width:356px;margin-left:15px;color:#fff;}
#theme-section-2 .list_magazine .box_info .tit{margin-top:25px;}
#theme-section-2 .list_magazine .box_info i{display:block;font-style: normal;font-size:16px;}
#theme-section-2 .list_magazine .box_info .tance{margin-top:50px;}
#theme-section-2 .btn_rect_more{width:150px;}
#theme-section-2 .btn_rect_more .square{left:87px;}





#theme-section-3{position: relative;height:1100px;padding-top:10%;overflow:hidden;}
#theme-section-3 .box_back_img{position: absolute; left: 0; height: 0; width: 100%; height: 480px;background-color:#000}
#theme-section-3 .box_back_img img{width:100%;height:100%;opacity:0.5}
#theme-section-3 .box_back_img video{}
#theme-section-3 .area_title{top:-50px;margin-top:80px; margin-left: -560px; z-index: 10;}
#theme-section-3 .area_title .mod_title{width:515px; height: 440px;}
#theme-section-3 .area_title.type1 .square{position: absolute; top: 0; left: 0;display:inline-block;width:305px;height:150px}
#theme-section-3 .area_title.type1 .title{margin: 45px 45px 25px 35px;font-size:30px;font-weight:normal;width:260px;}
#theme-section-3 .area_title.type1 .title i{display:block;font-style:normal;font-size:18px;}
#theme-section-3 .area_title.type1 .substance{margin:100px 0 0 0;color:#fff;font-size:18px;line-height:1.3;font-family:"nsr",sans-serif;opacity:0.8}
#theme-section-3 .list_poster .box_title.txt_thumb_type{width:auto;height:auto}
#theme-section-3 .now_list{position: absolute; top: 430px; width: 960px; left: 50%; margin-left: -480px;z-index: 10}
#theme-section-3 .list_poster .box_title.txt_thumb_type .no{display:inline-block;color:#fff;font-size:11px;font-family:Verdana,AppleGothic,sans-serif;letter-spacing:0;font-weight:normal}
#theme-section-3 .list_poster .txt_thumb_type .txt_explain{background-color:#fafafa}
#theme-section-3 .list_poster .txt_thumb_type .txt_explain .info{display:block;display:-webkit-box;position:relative;overflow:hidden;width:100%;height:38px;color:#1a1a1a;font-size:16px;line-height:1.3;font-family:"nsr",sans-serif;}
#theme-section-3 .list_poster .box_thumb{border:none;}
#theme-section-3.action .line-top {transition:width 0.3s ease-out 1s;width:100%}
#theme-section-3.action .line-right{transition:height 0.3s ease-out 1.3s;height:100%}
#theme-section-3.action .line-bottom{transition:width 0.3s ease-out 1.6s;width:60%}
#theme-section-3.action .line-left{transition:height 0.3s ease-out 1.9s;height:100%}



#theme-section-4{margin-top:50px;padding-top:100px;background-color:#F8F7F7}
#theme-section-4 .area_title {top:-40px;margin-top: 0; margin-left:-599px;z-index:11}
#theme-section-4 .area_title .title {margin:35px 35px 15px 35px;color:#212121;font-size:30px;}
#theme-section-4 .area_title .explain {margin:10px 35px; color: #888; font-size:15px;line-height:1.3; }
#theme-section-4 .area_title .square {width: 400px; height: 310px;}
#theme-section-4 .list_csv {margin-left:385px;}
#theme-section-4 .list_csv .list_type.list_2{margin:16px 0 0 537px;}
#theme-section-4 .list_csv .list_type.list_3{top:317px;left:0;}
#theme-section-4 .list_csv .list_type.list_4{top:37px; left:397px;}
#theme-section-4 .list_csv .list_type .subject{display:none}
#theme-section-4 .line1-top, 
#theme-section-4 .line1-bottom, 
#theme-section-4 .line1-left, 
#theme-section-4 .line1-right{background-color:#0163bf}




#theme-section-5{position: relative;height:1100px;padding-top:10%;overflow:hidden;}
#theme-section-5 .area_title{top:-50px;margin-top:80px; margin-left: -560px; z-index: 10;}
#theme-section-5 .area_title .mod_title{width:515px; height: 440px;}
#theme-section-5 .area_title.type1 .square{position: absolute; top: 0; left: 0;display:inline-block;width:305px;height:150px}
#theme-section-5 .area_title.type1 .title{margin: 45px 45px 25px 35px;font-size:30px;font-weight:normal;width:260px;}
#theme-section-5 .area_title.type1 .title i{display:block;font-style:normal;font-size:18px;}
#theme-section-5 .area_title.type1 .substance{margin:100px 0 0 0;color:#fff;font-size:18px;line-height:1.3;font-family:"nsr",sans-serif;opacity:0.8}
#theme-section-5 .list_poster .box_title.txt_thumb_type{width:auto;height:auto}
#theme-section-5 .now_list{position: absolute; top: 430px; width: 960px; left: 50%; margin-left: -480px;z-index: 10}
#theme-section-5 .list_poster .box_title.txt_thumb_type .no{display:inline-block;color:#fff;font-size:11px;font-family:Verdana,AppleGothic,sans-serif;letter-spacing:0;font-weight:normal}
#theme-section-5 .list_poster .txt_thumb_type .txt_explain{background-color:#fafafa}
#theme-section-5 .list_poster .txt_thumb_type .txt_explain .info{display:block;display:-webkit-box;position:relative;overflow:hidden;width:100%;height:38px;color:#1a1a1a;font-size:16px;line-height:1.3;font-family:"nsr",sans-serif;}
#theme-section-5 .list_poster .box_thumb{border:none;}
#theme-section-5.action .line-top {transition:width 0.3s ease-out 1s;width:100%}
#theme-section-5.action .line-right{transition:height 0.3s ease-out 1.3s;height:100%}
#theme-section-5.action .line-bottom{transition:width 0.3s ease-out 1.6s;width:60%}
#theme-section-5.action .line-left{transition:height 0.3s ease-out 1.9s;height:100%}




#theme-section-6{height:901px;}
#theme-section-6 .box_vol{width:250px;height:250px;}
#theme-section-6 .box_vol .text{padding:0 25px;padding-top:100px;font-size:30px;letter-spacing:-1px;}
#theme-section-6 .box_vol .month .text em{font-size:18px;font-weight:normal}
#theme-section-6 .area_title{margin-top:-329px;margin-left:-450px;z-index:50;}
#theme-section-6 .area_title .title{margin-top:50px;margin-bottom:30px;}
#theme-section-6 .substance{max-width:660px;margin-bottom:15px;color:#fff;}



#theme-section-7{height: 1000px;}
#theme-section-7 .box_vol{width:250px;height:250px;}
#theme-section-7 .box_vol .vol{top:177px;right:-55px;width:120px;}
#theme-section-7 .box_vol .text{padding:0 25px;padding-top:100px;font-size:30px}
#theme-section-7 .box_vol .text em{font-size:18px;}
#theme-section-7 .area_title{margin-top:-329px;margin-left:-450px;z-index:50;}
#theme-section-7 .area_title .title{margin-bottom:50px;}
#theme-section-7 .box_title{position:absolute;top:0;left:0;width:100%;height:100%;}
#theme-section-7 .list_magazine .list_type.list_2{margin-left:0px;}
#theme-section-7 .list_magazine .box_info{max-width:356px;margin-left:15px;color:#fff;}
#theme-section-7 .list_magazine .box_info .tit{margin-top:25px;}
#theme-section-7 .list_magazine .box_info i{display:block;font-style: normal;font-size:16px;}
#theme-section-7 .list_magazine .box_info .tance{margin-top:50px;}
#theme-section-7 .btn_rect_more{width:150px;}
#theme-section-7 .btn_rect_more .square{left:65px;}






#theme-section-8{margin-top:50px;padding-top:100px;height:1100px;background-color:#F8F7F7}
#theme-section-8 .area_title {top:-40px;margin-top: 0; margin-left:-599px;z-index:11}
#theme-section-8 .area_title .title {margin:35px 35px 15px 35px;color:#212121;font-size:30px;}
#theme-section-8 .area_title .explain {margin:10px 35px; color: #888; font-size:15px;line-height:1.3; }
#theme-section-8 .area_title .square {width: 350px; height: 280px;}
#theme-section-8 .list_csv {margin-left:335px;}
#theme-section-8 .list_csv .list_type.list_2{margin:16px 0 0 537px;width:230px;}
#theme-section-8 .list_csv .list_type.list_3{top:317px;left:0;}
#theme-section-8 .list_csv .list_type.list_4{top:37px;left:397px;width:370px;}
#theme-section-8 .list_csv .list_type.list_5{top:425px; right:98px;width:230px;}
#theme-section-8 .list_csv .list_type .subject{display:none}
#theme-section-8 .line1-top, 
#theme-section-8 .line1-bottom, 
#theme-section-8 .line1-left, 
#theme-section-8 .line1-right{background-color:#dc5200}
#theme-section-8 .line1-top, 
#theme-section-8 .line1-bottom{height:10px;}
#theme-section-8 .line1-left, 
#theme-section-8 .line1-right{width:10px}






#theme-section-9{position: relative;padding-top:100px;height:1100px;overflow:hidden;}
#theme-section-9 .area_title{top:-50px;margin-top:80px; margin-left: -560px; z-index: 10;}
#theme-section-9 .area_title .mod_title{width:515px; height: 440px;}
#theme-section-9 .area_title.type1 .square{position: absolute; top: 0; left: 0;display:inline-block;width:240px;height:160px}
#theme-section-9 .area_title.type1 .title{padding:45px 15px 25px 15px;font-size:30px;font-weight:normal;width:215px;text-align:center}
#theme-section-9 .area_title.type1 .substance{margin:80px 0 0 0;color:#fff;font-size:18px;line-height:1.3;font-family:"nsr",sans-serif;opacity:0.8}
#theme-section-9 .list_poster .box_title.txt_thumb_type{width:auto;height:auto}
#theme-section-9 .now_list{position: absolute; top: 430px; width: 960px; left: 50%; margin-left: -480px;z-index: 10}
#theme-section-9 .list_poster .box_title.txt_thumb_type .no{display:inline-block;color:#fff;font-size:11px;font-family:Verdana,AppleGothic,sans-serif;letter-spacing:0;font-weight:normal}
#theme-section-9 .list_poster .txt_thumb_type .txt_explain{background-color:#fafafa}
#theme-section-9 .list_poster .txt_thumb_type .txt_explain .info{display:block;/*display:-webkit-box;*/position:relative;overflow:hidden;width:100%;height:80px;color:#1a11a;font-size:16px;line-height:1.3;font-family:"nsr",sans-serif;}
#theme-section-9 .list_poster .box_thumb{border:none;}
#theme-section-9.action .line-top {transition:width 0.3s ease-out 1s;width:100%}
#theme-section-9.action .line-right{transition:height 0.3s ease-out 1.3s;height:100%}
#theme-section-9.action .line-bottom{transition:width 0.3s ease-out 1.6s;width:100%}
#theme-section-9.action .line-left{transition:height 0.3s ease-out 1.9s;height:100%}




#theme-section-10{margin-top:50px;padding-top:100px;background-color:#F8F7F7}
#theme-section-10 .area_title {top:-40px;margin-top: 0; margin-left:-599px;z-index:11}
#theme-section-10 .area_title .title {margin:35px 35px 15px 35px;color:#212121;font-size:30px;}
#theme-section-10 .area_title .explain {margin:10px 35px; color: #888; font-size:15px;line-height:1.3; }
#theme-section-10 .area_title .square {width: 400px; height: 250px;}
#theme-section-10 .list_csv {margin-left:385px;}
#theme-section-10 .list_csv .list_type.list_2{margin:16px 0 0 537px;}
#theme-section-10 .list_csv .list_type.list_3{top:317px;left:0;}
#theme-section-10 .list_csv .list_type.list_4{top:37px; left:397px;}
#theme-section-10 .list_csv .list_type .subject{display:none}
#theme-section-10 .line1-top, 
#theme-section-10 .line1-bottom, 
#theme-section-10 .line1-left, 
#theme-section-10 .line1-right{background-color:#0163bf}



