@charset "utf-8";

/* theme_0201 성류굴 */

#theme-section-1{height:901px;}
#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;}
#theme-section-2 .layout{z-index:2}
#theme-section-2 .box_vol{width:290px;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:80px;}
#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{margin-bottom:60px;}
#theme-section-2 .list_magazine .box_info{max-width:370px;margin-left:15px;color:#fff;}
#theme-section-2 .list_magazine .box_info .tit{margin-top:25px;}
#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;padding-top:100px;height:1100px;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 .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: 400px;height: 180px;}
#theme-section-3 .area_title.type1 .title{padding:45px 15px 25px 15px;font-size:30px;font-weight:normal;width:385px;text-align:center}
#theme-section-3 .area_title.type1 .substance{margin:50px 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:#1a11a;font-size:16px;line-height:1.3;font-family:"nsr",sans-serif;}
#theme-section-3 .list_poster .box_thumb{border:none;}



#theme-section-4{margin-top:50px;padding-top:100px;background-color:#F8F7F7}
#theme-section-4 .area_title {top:110px;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: 210px;}
#theme-section-4 .list_csv {margin-left:385px;}
#theme-section-4 .list_csv .list_type.list_2{margin:35px 0 0 537px;}
#theme-section-4 .list_csv .list_type.list_3{top:287px;left:0;}
#theme-section-4 .list_csv .list_type.list_4{top:0px; 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{height:901px;}
#theme-section-5 .box_vol{width:250px;height:250px;}
#theme-section-5 .box_vol .text{padding:0 25px;padding-top:100px;font-size:30px;letter-spacing:-1px;}
#theme-section-5 .box_vol .month .text em{font-size:18px;font-weight:normal}
#theme-section-5 .area_title{margin-top:-329px;margin-left:-450px;z-index:50;}
#theme-section-5 .area_title .title{margin-top:50px;margin-bottom:30px;}
#theme-section-5 .substance{max-width:660px;margin-bottom:15px;color:#fff;word-wrap:break-word;word-break:keep-all;}
#theme-section-5 .substance.text-italic{font-style:italic;}



#theme-section-6 .box_vol{width:250px;height:250px;}
#theme-section-6 .box_vol .vol{top:177px;right:-55px;width:120px;}
#theme-section-6 .box_vol .text{padding:0 25px;padding-top:100px;font-size:30px}
#theme-section-6 .box_vol .text em{font-size:18px;}
#theme-section-6 .area_title{margin-top:-329px;margin-left:-450px;z-index:50;}
#theme-section-6 .area_title .title{margin-bottom:50px;}
#theme-section-6 .box_title{position:absolute;top:0;left:0;width:100%;height:100%;}
#theme-section-6 .list_magazine .list_type.list_2{margin-left:-20px;}
#theme-section-6 .list_magazine .box_info{max-width:356px;margin-left:15px;color:#fff;}
#theme-section-6 .list_magazine .box_info .tit{margin-top:25px;}
#theme-section-6 .list_magazine .box_info i{display:block;font-style: normal;font-size:16px;}
#theme-section-6 .list_magazine .box_info .tance{margin-top:50px;}
#theme-section-6 .btn_rect_more{width:150px;}
#theme-section-6 .btn_rect_more .square{left:65px;}




#theme-section-7{position: relative;padding-top:100px;height:1100px;overflow:hidden;}
#theme-section-7 .area_title{top:-50px;margin-top:80px; margin-left: -560px; z-index: 10;}
#theme-section-7 .area_title .mod_title{width:515px; height: 440px;}
#theme-section-7 .area_title.type1 .square{position: absolute; top: 0; left: 0;display:inline-block;width:215px;height:200px}
#theme-section-7 .area_title.type1 .title{padding:75px 15px 25px 15px;font-size:30px;font-weight:normal;width:215px;text-align:center}
#theme-section-7 .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-7 .list_poster .box_title.txt_thumb_type{width:auto;height:auto}
#theme-section-7 .now_list{position: absolute; top: 430px; width: 960px; left: 50%; margin-left: -480px;z-index: 10}
#theme-section-7 .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-7 .list_poster .txt_thumb_type .txt_explain{background-color:#fafafa}
#theme-section-7 .list_poster .txt_thumb_type .txt_explain .info{display:block;display:-webkit-box;position:relative;overflow:hidden;width:100%;height:38px;color:#1a11a;font-size:16px;line-height:1.3;font-family:"nsr",sans-serif;}
#theme-section-7 .list_poster .box_thumb{border:none;}





#theme-section-8{margin-top:50px;padding-top:100px;height:1100px;background-color:#F8F7F7}
#theme-section-8 .area_title {top:110px;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: 330px;}
#theme-section-8 .list_csv {margin-left:335px;}
#theme-section-8 .list_csv .list_type.list_1{}
#theme-section-8 .list_csv .list_type.list_2{margin:66px 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{height:901px;}
#theme-section-9 .box_vol{width:250px;height:250px;}
#theme-section-9 .box_vol .text{padding:0 25px;padding-top:100px;font-size:30px;letter-spacing:-1px;}
#theme-section-9 .box_vol .month .text em{font-size:18px;font-weight:normal}
#theme-section-9 .area_title{margin-top:-329px;margin-left:-450px;z-index:50;}
#theme-section-9 .area_title .title{margin-top:50px;margin-bottom:30px;}
#theme-section-9 .substance{max-width:660px;margin-bottom:15px;color:#fff;}



#theme-section-10 .box_vol{width:250px;height:250px;}
#theme-section-10 .box_vol .vol{top:177px;right:-55px;width:120px;}
#theme-section-10 .box_vol .text{padding:0 25px;padding-top:100px;font-size:30px}
#theme-section-10 .box_vol .text em{font-size:18px;}
#theme-section-10 .area_title{margin-top:-329px;margin-left:-450px;z-index:50;}
#theme-section-10 .area_title .title{margin-bottom:50px;}
#theme-section-10 .box_title{position:absolute;top:0;left:0;width:100%;height:100%;}
#theme-section-10 .list_magazine .box_info{max-width:286px;margin-left:15px;color:#fff;}
#theme-section-10 .list_magazine .box_info .tit{margin-top:25px;}
#theme-section-10 .list_magazine .box_info i{display:block;font-style: normal;font-size:16px;}
#theme-section-10 .list_magazine .box_info .tance{margin-top:50px;}
#theme-section-10 .btn_rect_more{width:150px;}
#theme-section-10 .btn_rect_more .square{left:65px;}




#theme-section-11{position: relative;padding-top:100px;height:1100px;overflow:hidden;}
#theme-section-11 .area_title{top:-50px;margin-top:80px; margin-left: -560px; z-index: 10;}
#theme-section-11 .area_title .mod_title{width:543px; height: 440px;}
#theme-section-11 .area_title.type1 .square{position: absolute; top: 0; left: 0;display:inline-block;width:230px;height:200px}
#theme-section-11 .area_title.type1 .title{padding:75px 15px 25px 15px;font-size:30px;font-weight:normal;width:215px;text-align:center}
#theme-section-11 .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-11 .list_poster .box_title.txt_thumb_type{width:auto;height:auto}
#theme-section-11 .now_list{position: absolute; top: 430px; width: 960px; left: 50%; margin-left: -480px;z-index: 10}
#theme-section-11 .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-11 .list_poster .txt_thumb_type .txt_explain{background-color:#fafafa}
#theme-section-11 .list_poster .txt_thumb_type .txt_explain .info{display:block;display:-webkit-box;position:relative;overflow:hidden;width:100%;height:38px;color:#1a11a;font-size:16px;line-height:1.3;font-family:"nsr",sans-serif;}
#theme-section-11 .list_poster .box_thumb{border:none;}