/* sub */ .sub .visual{width:100%;background: no-repeat center top;height:240px;position: relative;background-size: cover;text-align: center;color: #fff;z-index:1;} .sub .visual h2{font-size: 50px; padding-top: 55px; line-height: 1.5;} .sub .visual h5{ font-size: 14px; font-weight: 100; margin:0; padding:0;} .glyphicon-home:before{ font-size: 10px; vertical-align: top;} .sub .visual .btn { display:none;} #sub01 .visual{background-image: url(../images/sub/subvisual_1.jpg);} #sub02 .visual{background-image: url(../images/sub/subvisual_2.jpg);} #sub03 .visual{background-image: url(../images/sub/subvisual_3.jpg); } #sub04 .visual{background-image: url(../images/sub/subvisual_4.jpg); } #sub05 .visual{background-image: url(../images/sub/subvisual_5.jpg); } #sub06 .visual{background-image: url(../images/sub/subvisual_6.jpg); } #sub07 .visual{background-image: url(../images/sub/subvisual_7.jpg); } #sub08 .visual{background-image: url(../images/sub/subvisual_8.jpg); } ul.submenu {padding-top: 40px; margin: 0 auto; width: 460px;} #sub02 ul.submenu, #sub04 ul.submenu, #sub06 ul.submenu{width: 320px;} #sub03 ul.submenu {width: 320px;} #sub05 ul.submenu{width: 350px;} #sub07 ul.submenu{width: 460px;} #sub08 ul.submenu{width: 520px;} ul.submenu li { float: left; width:100px; margin-left:10px; } ul.submenu li:first-child{margin-left:0;} ul.submenu li.w2 { float: left; width:130px} ul.submenu li a { width: 100%; height: 100px; overflow:hidden; display: block; margin: 0 auto; background: no-repeat 0 0;} ul.submenu li a:hover, ul.submenu li a.current {background-position: 0 -100px} ul.submenu li *{ -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease;} #sub01 ul.submenu li#menu_01 a{background-image: url(../images/sub/subm1_1.png)} #sub01 ul.submenu li#menu_02 a{background-image: url(../images/sub/subm1_2.png)} #sub01 ul.submenu li#menu_03 a{background-image: url(../images/sub/subm1_3.png)} #sub01 ul.submenu li#menu_04 a{background-image: url(../images/sub/subm1_4.png)} #sub01 ul.submenu li#menu_05 a{background-image: url(../images/sub/subm1_5.png)} #sub01 ul.submenu li#menu_06 a{background-image: url(../images/sub/subm1_6.png)} #sub02 ul.submenu li#menu_01 a{background-image: url(../images/sub/subm2_1.png)} #sub02 ul.submenu li#menu_02 a{background-image: url(../images/sub/subm2_2.png)} #sub02 ul.submenu li#menu_03 a{background-image: url(../images/sub/subm2_3.png)} #sub03 ul.submenu li#menu_01 a{background-image: url(../images/sub/subm3_1.png)} #sub03 ul.submenu li#menu_02 a{background-image: url(../images/sub/subm3_2.png)} #sub03 ul.submenu li#menu_03 a{background-image: url(../images/sub/subm3_3.png)} #sub04 ul.submenu li#menu_01 a{background-image: url(../images/sub/subm4_1.png)} #sub04 ul.submenu li#menu_02 a{background-image: url(../images/sub/subm4_2.png)} #sub04 ul.submenu li#menu_03 a{background-image: url(../images/sub/subm4_3.png)} #sub05 ul.submenu li#menu_01 a{background-image: url(../images/sub/subm5_1.png)} #sub05 ul.submenu li#menu_02 a{background-image: url(../images/sub/subm5_2.png)} #sub05 ul.submenu li#menu_03 a{background-image: url(../images/sub/subm5_3.png)} #sub05 ul.submenu li#menu_04 a{background-image: url(../images/sub/subm5_4.png)} #sub05 ul.submenu li#menu_05 a{background-image: url(../images/sub/subm5_5.png)} #sub05 ul.submenu li#menu_06 a{background-image: url(../images/sub/subm5_6.png)} #sub05 ul.submenu li#menu_07 a{background-image: url(../images/sub/subm5_7.png)} #sub06 ul.submenu li#menu_01 a{background-image: url(../images/sub/subm6_1.png)} #sub06 ul.submenu li#menu_02 a{background-image: url(../images/sub/subm6_2.png)} #sub06 ul.submenu li#menu_03 a{background-image: url(../images/sub/subm6_3.png)} #sub07 ul.submenu li#menu_01 a{background-image: url(../images/sub/subm7_1.png)} #sub07 ul.submenu li#menu_02 a{background-image: url(../images/sub/subm7_2.png)} #sub07 ul.submenu li#menu_03 a{background-image: url(../images/sub/subm7_3.png)} #sub07 ul.submenu li#menu_04 a{background-image: url(../images/sub/subm7_4.png)} #sub07 ul.submenu li#menu_05 a{background-image: url(../images/sub/subm7_5.png)} #sub07 ul.submenu li#menu_06 a{background-image: url(../images/sub/subm7_6.png)} #sub08 ul.submenu li#menu_01 a{background-image: url(../images/sub/subm8_1.png)} #sub08 ul.submenu li#menu_02 a{background-image: url(../images/sub/subm8_2.png)} #sub08 ul.submenu li#menu_03 a{background-image: url(../images/sub/subm8_3.png)} #sub08 ul.submenu li#menu_04 a{background-image: url(../images/sub/subm8_4.png)} .sub_container {clear: both; padding: 50px 0; position: relative; overflow: hidden; min-height: 500px; text-align: center;} .sub_container:after{ display: table; content: " ";} .sub01_01_01{background: url(../images/sub/sub1_1_1_bg.png) repeat-x center 134px; height:930px; position: relative;} .sub01_01_01 p{background: url(../images/sub/sub1_1_1.png) no-repeat center; height: 900px; margin:0 auto; margin-top: 30px;} .sub01_01_02{background: url(../images/sub/sub1_1_2.png) no-repeat center top; height: 185px; margin:0 auto; margin: 120px 0 160px 0;} .sub01_01_03{ background: url(../images/sub/sub1_1_3.png) no-repeat center ; height: 979px; margin:0 auto;} .sub01_01_04{ background: url(../images/sub/sub1_1_4.jpg) no-repeat center ; height: 3320px; margin:0 auto;} .sub01_02_01{background: url(../images/sub/sub1_2_bg.png) no-repeat center top; background-size: cover; padding-top: 100px; height: 570px;} .sub01_02_01 .stone{width:1200px; height:606px; margin:0 auto; background: #fff url(../images/sub/sub1_2_4.png) no-repeat right 50px; position: relative;} p.sub01_02_02 { text-align: left; background: url(../images/sub/sub1_2_1.png) no-repeat 80px 65px; height:410px} p.sub01_02_03 { margin-left: 80px; float: left;background: url(../images/sub/sub1_2_2.png) no-repeat center top; height:380px; width:364px} p.sub01_02_04 {margin: 110px 0 0 45px; float: left; background: url(../images/sub/sub1_2_3.png) no-repeat left top; height:300px; width:455px} .sub01_03_01{background: url(../images/sub/sub1_3_1.png) no-repeat center top; height: 1138px; margin-bottom:160px;} .sub01_03_02{background: url(../images/sub/sub1_3_2.png) no-repeat center top; height: 935px; margin-bottom:160px;} .sub01_03_03{background: url(../images/sub/sub1_3_3.png) no-repeat center top; height: 1258px;} .sub01_04_01{background: url(../images/sub/sub1_4_1.png) no-repeat center top; height: 560px; margin-top: 40px;} .sub01_04_02{background: url(../images/sub/sub1_4_2_bg.png) repeat-x center 57px; height:350px; position: relative; margin-top:100px;} .sub01_04_03{background: url(../images/sub/sub1_4_3.png) no-repeat center top; height: 324px; margin: 120px 0 200px 0;} .sub01_04_04{background: url(../images/sub/sub1_4_4.png) no-repeat center top; height: 870px; margin-top: 130px;} .sub01_04_05{background: url(../images/sub/sub1_4_5_bg.png) repeat center; padding-top:100px; margin-top: -15px;} .sub01_04_05 p{background: url(../images/sub/sub1_4_5.png) no-repeat 56% top; height: 980px; margin:0} .sub01_04_06{background: url(../images/sub/sub1_4_6.png) no-repeat center top; height: 495px; margin-top: 130px; position: relative; z-index:2;} .sub01_04_07{background: url(../images/sub/sub1_4_7.png) no-repeat center top; height: 235px; margin: 130px 0;} .sub01_05_01{background: url(../images/sub/sub1_5_1.png) no-repeat center top; height: 180px; margin: 40px 0 100px 0;} .sub01_05_02{background: url(../images/sub/sub1_4_2_bg.png) repeat-x center 57px; height:350px; position: relative; margin-top:100px;} .sub01_05_02 p{background: url(../images/sub/sub1_5_2.png) no-repeat center top; height: 440px; } .sub01_05_03{background: url(../images/sub/sub1_5_3.png) no-repeat center top; height: 770px; margin-top: 130px;} .sub05_03 .s_font2{display:none;} #sub05 .container .s_font span > b {margin: 0 4px;} #sub05 .s_font a{font-size:18px;margin:0 4px} .sub01_06_01{background: url(../images/sub/sub1_6_1.png) no-repeat center top; height: 177px; margin: 40px 0 100px 0;} .sub01_06_02{background: url(../images/sub/sub1_6_2_bg.png) repeat-x center top; height:380px; position: relative; margin-bottom:75px;padding-top: 40px;} .sub01_06_02 p{background: url(../images/sub/sub1_6_2.png) no-repeat center top; height: 271px; } .sub01_06_02 ul{ width: 1035px;padding-top: 100px; margin: 0 auto;} .sub01_06_02 ul li{float:left; line-height: 232px;} .sub01_06_02 ul li.next{width:37px;} .sub01_06_03{background: url(../images/sub/sub1_6_8.png) no-repeat center top;height: 1110px;} .sub01_06_04{background: url(../images/sub/sub1_6_9.png) no-repeat center top; height: 562px; margin-top: 130px;} .sub01_06_05{background: url(../images/sub/sub1_6_10.png) no-repeat center top; height: 558px; margin-top: 130px;} .nav_tab ul{width:100%; overflow:hidden;margin-bottom: 20px;} .nav_tab ul li{width:20%; float:left;} .nav_tab ul li a{color:#393737; font-size:20px; padding:20px 0; display:block; background: url(../images/sub/sub2_taboff.png) no-repeat center bottom; } .nav_tab ul li a:hover, .nav_tab ul li a.on{ text-decoration: none; display:block; background: url(../images/sub/sub2_tabon.png) no-repeat center bottom; color:#f27008; font-weight:bold;} #sub02 #bigPic{max-width:100%; width:100%; height:auto; position:relative;top:0;left:0} #sub02 #bigPic img{max-width:100%;} #sub02 #bigPic img.active {position: relative;} #sub02 ul#thumbs{width:96px;position:absolute;top:0;right:0;padding:0; margin:20px;z-index: 9;} #sub02 ul#thumbs li{margin-bottom:5px; } .sitemap_wrap { width:100%; } .sitemap_wrap:after {display: block; clear: both; content: ""} .sitemap_wrap .sitemap_list {float:left; width:24%; height:320px; margin-bottom:0;} .sitemap_wrap .sitemap { text-align:center; margin:0 auto;} .sitemap_wrap h4 { background-color:#4F7745; color:#fff; font-size:14px; font-weight:bold; margin:10px; padding:10px; text-align:center; } .sitemap_wrap .depth1 { margin:0 15px 0 15px;} .sitemap_wrap .depth1 li { font-size:13px; padding:10px; border-bottom:1px dotted #c2c2c2; } .sitemap_wrap .depth1 li a{color: #52524f; font-size: 14px;} .sitemap_wrap .depth1 li.list_last {border:none;} .sitemap_wrap .long {height:480px;} /*.sub02_01_01{background: url(../images/sub/sub2_1_1.png) no-repeat center top; height: 1150px; margin-top:60px;} .sub02_01_btm{background: url(../images/sub/sub2_1_btm.jpg) no-repeat center top; height: 663px; margin-bottom:60px; } */ /*.sub02_01_02_01{background: url(../images/sub/sub2_1_2.png) no-repeat center top; height: 420px;}*/ .sub02_01_02_02, .sub02_01_04_02{background: url(../images/sub/sub1_4_2_bg.png) repeat-y 50px top; padding:50px 0; } /*.sub02_01_02_02 p{background: url(../images/sub/sub2_1_2_2.png) no-repeat right top; height: 313px;}*/ .main .main4, .sub02_01_02 .main4, .sub02_01_04 .main4, .sub02_02_02 .main4, .sub02_02_04 .main4, .sub02_03_02 .main4, .sub02_03_04 .main4, #sub04 .main4, .sub01_04 .main4 {margin-top:0;} .sub02_01_04_01 p{background: url(../images/sub/sub2_1_4_1.png) no-repeat center top; height: 420px; width:382px;position: absolute; margin:0} /*.sub02_01_04_02 p{background: url(../images/sub/sub2_1_4_2.png) no-repeat right top; height: 736px; }*/ /*.sub02_02_01 .sub02_01_01{background-image: url(../images/sub/sub2_2_1.png); height: 1050px;} .sub02_02_01 .sub02_02_btm{background-image: url(../images/sub/sub2_2_btm.jpg) ; height: 2525px; margin-bottom:60px; background-repeat:no-repeat;} .sub02_02_02 .sub02_01_02_01{background-image: url(../images/sub/sub2_2_2.png)} .sub02_02_02 .sub02_01_02_02 p{background-image: url(../images/sub/sub2_2_2_2.png)}*/ .sub02_02_04 .sub02_01_04_01 p{background-image: url(../images/sub/sub2_2_4_1.png)} /*.sub02_02_04 .sub02_01_04_02 p{background-image: url(../images/sub/sub2_2_4_2.png); height: 933px;} .sub02_03_01 .sub02_01_01{background-image: url(../images/sub/sub2_3_1.png); height: 1050px;} .sub02_03_btm{background-image: url(../images/sub/sub2_3_btm.jpg); height: 663px; margin-bottom:60px; }*/ /*.sub02_03_02 .sub02_01_02_01{background-image: url(../images/sub/sub2_3_2.png)} .sub02_03_02 .sub02_01_02_02 p{background-image: url(../images/sub/sub2_3_2_2.png)}*/ .sub02_03_04 .sub02_01_04_01 p{background-image: url(../images/sub/sub2_3_4_1.png)} /*.sub02_03_04 .sub02_01_04_02 p{background-image: url(../images/sub/sub2_3_4_2.png); height: 317px;}*/ .sub03_01_01{background: url(../images/sub/sub3_1_1.jpg) no-repeat center top; height: 3720px; } .sub03_01_02{background: url(../images/sub/sub1_4_2_bg.png) repeat 50px top; padding:60px 0; margin:140px 0 70px 0} .sub03_01_02 p{background: url(../images/sub/sub3_1_2.png) no-repeat center top; height: 290px;} .sub03_01_03{background: url(../images/sub/sub3_1_3.png) no-repeat center top; height: 3093px; margin-top: 100px;} .sub03_01_04{background: url(../images/sub/sub3_1_4.png) no-repeat center top; height: 244px;} .pc_imgs{display:block !important;} .img_600{display:none !important;} .img_400{display:none !important;} .sub03_02_01{background: url(../images/sub/sub3_2_1.jpg) no-repeat center top; height: 1320px;/*margin:40px 0 90px 0;*/} .sub03_02_02{background: url(../images/sub/sub3_2_2.png) no-repeat center top; height: 244px;margin:40px 0 90px 0;} .sub03_02_03{background: url(../images/sub/sub3_2_3.png) no-repeat center top; height: 203px;margin-top:140px;} .sub03_02 .sub_container ul{overflow:hidden; width:950px; margin:0 auto;} .sub03_02 .sub_container li{width:302px; margin:22px 0 0px 22px; float:left;} .sub03_02 .sub_container li:first-child, .sub03_02 .sub_container li:nth-child(4){margin-left:0;} .sub03_02 p.title{} .sub03_02_05{background: url(../images/sub/sub3_2_5.png) no-repeat center top; height: 82px;} .sub04_01_01{background: url(../images/sub/sub4_1_1.jpg) no-repeat center top; height: 4940px;} .sub04_01_02{background: url(../images/sub/sub4_1_2.png) no-repeat center top; height: 1363px;margin:0px 0 140px 0;} .sub04_01_03{background: url(../images/sub/sub4_1_3.png) no-repeat center top; height: 1374px;margin:0px 0 140px 0;} .sub04_01_04{background: url(../images/sub/sub4_1_4.png) no-repeat center top; height: 781px;} .sub04_btn{background:#3f3f3f; padding:65px 0; margin-top: 200px; } .sub04_btn ul{width: 1200px; margin: 0 auto; overflow:hidden;} .sub04_btn li{ float:left; margin-left:110px;} .sub04_btn li:first-child{margin-left:0px;} .sub04_btn li span.title { float: left; width: 145px; text-align: left;} .sub04_btn li span.btn{float:left; padding:0;} .sub04_02_01{background: url(../images/sub/sub4_2_1.jpg) no-repeat center top; height: 2500px;} .sub04_03_01{background: url(../images/sub/sub4_3_1.jpg) no-repeat center top; height: 1040px;} .sub08_03 .sub_container{text-align:left} .sub_cont .s_cont { width:905px; min-height:500px; float:right; padding-left:55px; background:#ffffff; border-left:1px solid #dddddd; } .sub_cont .s_cont .s_tit { width:846px; height:94px; border-bottom:1px solid #dddddd; margin-top:35px; position:relative; } .sub_cont .s_cont .s_tit .s_bar { width:43px; height:1px; background:#5f5f5f; display:block; } .sub_cont .s_cont .s_tit .s1 { margin-top:17px; } .sub_cont .s_cont .s_tit .s2 { width:286px; height:12px; position:absolute; top:67px; left:0; } .sub_cont .s_cont .s_tit .t1 { width:286px; height:12px; display:block; text-indent:-9999px; background:url(../images/sub/sub_txt.png) no-repeat; margin-left:153px; margin-top:-12px;} .sub_cont .s_cont .s_tit .s_txt { float:right; font-size:12px; margin-top:65px; position:absolute; top:0; right:0; } .sub_cont .s_cont .s_tit .s_txt .home { width:25px; height:21px; display:block; background:url(../images/sub/home.png) no-repeat; text-indent:-9999px; float:left; padding-right:5px; } .sub_cont .s_cont .s_img { padding-bottom:100px; } .sub08_04{background: url(../images/sub/sub8_4.png) no-repeat center top; height: 660px;margin:30px 0 0px 0;} table.t2 thead td{ background: #9c9c9c; text-align: center; padding: 11px 0; font-size: 14px; font-weight: bold; color: #fff;} table.t2 tbody td{border-bottom: 1px solid #9c9c9c; text-align: center;} #smart_editor2 {min-width:100% !important;} #sub02 .board_select{display:none;} #boardArea tr.txt, #bbsViewDiv tr, #bbsFormDiv .bbs_fixed t, #listdiv td{border-bottom:1px dotted #999;} #bbsFormDiv .bbs_fixed tr td tr{border-bottom:0;} .bbs_fixed td.board_list_green{padding:0;} .bbs_listBox_plum, .bbs_listBox_green{border-top: 2px solid #f98a2f !important; border-bottom: 2px solid #f98a2f !important;} .bbs_listBox_plum_l , .bbs_listBox_green_l{ border-left: 2px solid #f98a2f !important;} .bbs_listBox_plum_r, .bbs_listBox_green_r{ border-right: 2px solid #f98a2f !important;} .bbs_box_green, .bbs_box_plum{ border: 2px solid #f98a2f !important;} .bbs_listTitle_plum, .bbs_listTitle_green, #listdiv .listTitle{ color: #6b5e54 !important; font:14px 'Noto Sans KR' !important; } .bbs_fixed td, #listdiv td, #formdiv td{font:13px 'Noto Sans KR' !important; padding:11px 0 !important;} table.fixed td a{color: #000;} table.fixed{border-top:1px solid #f98a2f; border-bottom:1px solid #f98a2f;} fieldset table.fixed{border:0;} #listdiv table.fixed{border:0} #formdiv table td.rightCell{padding-left:10px !important} #formdiv .leftCell, #formdiv .rightCell{ border-bottom: 1px dotted #fdb478; padding: 12px 0;} #formdiv .leftCell{background: #f98a2f !important; color: #fff; text-align: center;} #bbsVieContents td{font-size:14px;} span.listBtn button{background: #797979 !important; padding: 6px 15px !important; color:#fff !important; font:12px 'Noto Sans KR' !important 700; } .submitBox span, .submitBox span a img{vertical-align:top} .stipulationBox{padding:0 !important;} .sub06_02 #formdiv table{border:0; border-color:#fff; width:100%;} .sub06_02 #formdiv .leftCell3{width:20%;} .sub06_02 #formdiv table.fixed3 table.line{border-top:1px solid #f98a2f;} .sub06_02 #formdiv table.fixed3 table td.leftCell3{background:#f98a2f !important;text-align: center; color: #fff; padding:0 !important;} .sub06_02 #formdiv table.fixed3 table td{border-bottom: 1px dotted #fdb478; padding:11px 0 11px 10px !important;} .sub06_02 #formdiv td{padding:0 !important} .sub07_01 .login_btn{ width: 220px;} .sub06_03 #boardArea li a{color:#f98a2f;} .sub05_02 td.s_font a span.title{font-family:'Noto Sans KR', "Nanum Barun Gothic, Helvetica Neue", Helvetica, Arial, sans-serif; font-size:15px;} .sub05_02 td.s_font2 a{padding-top: 10px; display: block; color: #7b7872; font-size: 13px;} #PassCheckLayer { z-index: 999; background: #fff;} .sub06_01 td.box_pop2 img{vertical-align:top} .sub05_03 .container .s_font, .sub05_03 .container .s_font3{/* text-align:left !important; */} .sub05_03 .container .s_font4{text-align:right !important} /**/ div#boardArea img { vertical-align: middle; } td.center > table { width: 23%; } td.center.mo > table { width: 70%; } .player .vp-player-layout{left:61px !important;} @media screen and (max-width:1200px){ .sub01_01_01 { background: url(../images/sub/sub1_1_1_bg.png) repeat-x center 136px; height: 354px; margin-bottom: 290px;} .sub01_01_01 p{background: url(../images/sub/sub1_1_1_600.png) no-repeat center top; height: 555px; margin:0 auto; margin-top: 30px;} .sub01_01_02{background: url(../images/sub/sub1_1_2_600.png) no-repeat center top; height: 185px; margin:0 auto; margin: 120px 0 ;} .sub01_01_03{ background: url(../images/sub/sub1_1_3_600.png) no-repeat center top; height: 1414px; margin:0 auto;} .sub01_01_04{ background: url(../images/sub/sub1_1_4_600.jpg) no-repeat center top; height: 2980px; margin-bottom: 100px;} .sub01_02_01{background: url(../images/sub/sub1_2_bg.png) no-repeat center top; background-size: cover; padding-top: 100px; height: 570px;} .sub01_02_01 .stone{width:95%;background-size: 40%; background-position: right 40%;} p.sub01_02_02 { text-align: left; background: url(../images/sub/sub1_2_1_600.png) no-repeat 20px 65px; height:495px} p.sub01_02_03 { margin-left: 40px; float: left;background: url(../images/sub/sub1_2_2.png) no-repeat left top;} p.sub01_02_04 {background: url(../images/sub/sub1_2_3_600.png) no-repeat left top; } .sub01_03_01{background: url(../images/sub/sub1_3_1_600.png) no-repeat center top; height: 2044px; margin-bottom:200px;} .sub01_03_02{background: url(../images/sub/sub1_3_2_600.png) no-repeat center top; height: 1598px; margin-bottom:200px;} .sub01_03_03{background: url(../images/sub/sub1_3_3_600.png) no-repeat center top; height: 1680px;} .sub01_04_01{background: url(../images/sub/sub1_4_1_600.png) no-repeat center top; height: 510px;} .sub01_04_03{background: url(../images/sub/sub1_4_3_600.png) no-repeat center top; height: 572px;} .sub01_04_04{background: url(../images/sub/sub1_4_4_600.png) no-repeat center top; height: 860px;} .sub01_04_05 p{background: url(../images/sub/sub1_4_5_600.png) no-repeat center top; height: 1430px;} .sub01_04_06{background: url(../images/sub/sub1_4_6_600.png) no-repeat center top; height: 446px;} .sub01_05_01{background: url(../images/sub/sub1_5_1_600.png) no-repeat center top; height: 155px; } .sub01_05_02{margin-top: 70px;} .sub01_05_03{background: url(../images/sub/sub1_5_3_600.png) no-repeat center top; height: 732px; margin-top: 130px;} .sub01_06_01{background: url(../images/sub/sub1_6_1_600.png) no-repeat center top; height: 156px; margin: 40px 0 80px 0;} .sub01_06_02{height:650px; background-size: cover;} .sub01_06_02 p{background: url(../images/sub/sub1_6_2_600.png) no-repeat center top; height: 527px; } .sub01_06_03{background: url(../images/sub/sub1_6_8_600.png) no-repeat center top;height: 1228px;} .sub01_06_04{background: url(../images/sub/sub1_6_9_600.png) no-repeat center top; height: 565px;} .sub01_06_05{background: url(../images/sub/sub1_6_10_600.png) no-repeat center top; height: 484px; } /*.sub02_01_01{background: url(../images/sub/sub2_1_1_600.png) no-repeat center top; height: 1250px; margin-top:60px;} .sub02_01_btm{background: url(../images/sub/sub2_1_btm_600.jpg) no-repeat center top; height: 410px; } .sub02_01_02_01{background: url(../images/sub/sub2_1_2_600.png) no-repeat center top; }*/ .sub02_01_02_02, .sub02_01_04_02{background: none; padding-bottom:0;} /*.sub02_01_02_02 p{background: url(../images/sub/sub2_1_2_2_600.png) no-repeat center top; height:475px;}*/ .sub02_01_04_01 p{background: url(../images/sub/sub2_1_4_1.png) no-repeat center top; } /*.sub02_01_04_02 p{background: url(../images/sub/sub2_1_4_2_600.png) no-repeat center top; height: 624px; }*/ /*.sub02_02_01 .sub02_01_01{background-image: url(../images/sub/sub2_2_1_600.png); height: 1261px;} .sub02_02_01 .sub02_02_btm {background: url(../images/sub/sub2_2_btm_600.jpg) no-repeat center top; height: 2320px;} .sub02_02_02 .sub02_01_02_01{background-image: url(../images/sub/sub2_2_2_600.png)} .sub02_02_02 .sub02_01_02_02 p{background-image: url(../images/sub/sub2_2_2_2_600.png)}*/ .sub02_02_04 .sub02_01_04_01 p{background-image: url(../images/sub/sub2_2_4_1.png)} /*.sub02_02_04 .sub02_01_04_02 p{background-image: url(../images/sub/sub2_2_4_2_600.png); height: 1100px;} .sub02_03_01 .sub02_01_01{background-image: url(../images/sub/sub2_3_1_600.png);height: 1210px;} .sub02_03_01 .sub02_03_btm{background: url(../images/sub/sub2_3_btm_600.jpg) no-repeat center top;height: 410px;}*/ /*.sub02_03_02 .sub02_01_02_01{background-image: url(../images/sub/sub2_3_2_600.png)} .sub02_03_02 .sub02_01_02_02 p{background-image: url(../images/sub/sub2_3_2_2_600.jpg);}*/ .sub02_03_04 .sub02_01_04_01 p{background-image: url(../images/sub/sub2_3_4_1.png)} /*.sub02_03_04 .sub02_01_04_02 p{background-image: url(../images/sub/sub2_3_4_2_600.png); height: 410px;}*/ .pc_imgs{display:none !important} .img_600{display:block !important} .img_400{display:none !important} .sub03_01_01{background: url(../images/sub/sub3_1_1_600.jpg) no-repeat center top; height: 5210px;margin-top:40px;} .sub03_01_02{background: url(../images/sub/sub1_4_2_bg.png) repeat center top; padding:30px 0; margin:60px 0 70px 0} .sub03_01_02 p{background: url(../images/sub/sub3_1_2_600.png) no-repeat center top; height: 290px;} .sub03_02_01{background: url(../images/sub/sub3_2_1_600.jpg) no-repeat center top; height: 1272px;/*margin:40px 0 90px 0;*/} .sub03_02_03{background: url(../images/sub/sub3_2_3_600.png) no-repeat center top; height: 305px;margin-top:140px;} .sub03_02 .sub_container ul{overflow:hidden; margin-bottom:30px; width:100%; margin:0 auto; padding-bottom: 0px;} .sub03_02 p.title { padding-top: 70px;} .sub03_02 .sub_container li{width:33%; margin:0; text-align: center;margin-bottom: 20px;} .sub03_02_05{background: url(../images/sub/sub3_2_5_600.png) no-repeat center top; height: 182px; margin-top:100px;} .sub04_01_01{background: url(../images/sub/sub4_1_1_600.jpg) no-repeat center top; height: 6180px;margin:30px 0 150px 0;} .sub04_01_02{background: url(../images/sub/sub4_1_2_600.png) no-repeat center top; height: 1596px;margin:0px 0 140px 0;} .sub04_01_03{background: url(../images/sub/sub4_1_3_600.png) no-repeat center top; height: 1846px;margin:0px 0 140px 0;} .sub04_01_04{background: url(../images/sub/sub4_1_4_600.png) no-repeat center top; height: 1025px;} .sub04_btn{margin-top: 150px; } .sub04_btn ul{width: 100%;} .sub04_btn li{ margin-left:00px; width:50%;} .sub04_btn li span.title { width: 100%; text-align: center; margin-bottom: 20px;} .sub04_btn li span.btn{float:left; padding:0; width: 100%;} .sub04_02_01{background: url(../images/sub/sub4_2_1_600.jpg) no-repeat center top; height: 2996px;margin-top:30px;} .sub04_03_01{background: url(../images/sub/sub4_3_1_600.jpg) no-repeat center top; height: 1452px;margin-top:40px;} .sub08_04{background: url(../images/sub/sub8_4_600.png) no-repeat center top; height: 716px;margin:30px 0 0px 0;} } @media screen and (max-width:992px){ p.sub01_02_03{float:none;} p.sub01_02_04{ margin: 30px 0 0 40px;} .sub03_02 .sub_container li{width:50%;} } @media screen and (max-width:820px){ .sub04_btn li{width:100%; margin-bottom: 70px;} } @media screen and (max-width:768px){ #sub02 ul#thumbs{ margin: 10px;} } @media screen and (max-width:760px){ .sub01_02 .sub_container{padding:0;} ul.submenu{display:none;} } @media screen and (max-width:730px){ .sub .visual .btn {display:none; width: 100%; position: absolute; top: 40%;background: none; border: none; padding:0;} .sub .visual .btn span { width: 27px; height: 49px; position: absolute;} .sub .visual .btn .b_right { top: 0; right: 10px;} .sub .visual .btn .b_left { top: 0; left: 10px;} .sitemap_wrap h4{margin:1px !important;} .sitemap_wrap .depth1 { margin: 0 5px 0 5px !important;} #bbsViewContents iframe { height: auto; min-height: 240px; } #bbsViewContents table td:first-child { padding-bottom: 0 !important; } } @media only screen and (max-width: 640px) { #listdiv td:nth-child(5) a{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 90%; display: block;} .sub05_03 #boardArea td:nth-child(3) a, .sub05_04 #boardArea td:nth-child(3) a, .sub05_05 #boardArea td:nth-child(3) a, .sub02_01 #boardArea td:nth-child(3) a {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 90%; display: inline-block;} } @media only screen and (max-width: 620px) { .pc_imgs{display:none} .m_img{display:block} .sitemap_wrap .sitemap_list{width: 33% !important;} .sitemap_wrap .sitemap_list:nth-child(7){height:200px} /* board */ #sub02 #boardArea td:nth-child(7), #sub02 #boardArea td:nth-child(6), #boardArea td:nth-child(2), #boardArea td:nth-child(5), #boardArea td:nth-child(4), table.bbs_fixed.bbs_box_plum tr:nth-child(2), table.bbs_box_green tr:nth-child(2), .bbs_fixed .bbs_select, .sub05_04 #boardArea td:nth-child(3), .sub05_05 #boardArea td:nth-child(4),.sub05_05 #boardArea td:nth-child(3), table.fixed th:nth-child(2), table.fixed td:nth-child(2), table.fixed th:nth-child(4), table.fixed td:nth-child(4), table.fixed th:nth-child(7), table.fixed td:nth-child(7),table.fixed th:nth-child(6), table.fixed td:nth-child(6) {display:none} .sub02_01 #boardArea td:nth-child(2), .sub05_03 #boardArea td:nth-child(2), .sub05_04 #boardArea td:nth-child(5), .sub05_04 #boardArea td:nth-child(2), .sub05_05 #boardArea td:nth-child(5), .sub05_05 #boardArea td:nth-child(2), #sub02 #boardArea td:nth-child(6), #boardArea #bbsViewDiv td:nth-child(3), #boardArea #bbsViewDiv td:nth-child(4), #formdiv table.fixed th:nth-child(2), #formdiv table.fixed td:nth-child(2), #formdiv table.fixed th:nth-child(4), #formdiv table.fixed td:nth-child(4), #formdiv table.fixed th:nth-child(7) {display:table-cell} .fixed colgroup{display:none;} .sub_container{padding: 50px 20px 50px 20px;min-height: auto;} .sub .visual{ height: 140px;} .sub .visual h2{font-size: 41px; padding-top: 27px;} .sub01_01_01 {background:none;height: 1025px; margin:0;} .sub01_01_01 p{background: url(../images/sub/sub1_1_1_400.png) no-repeat center top; height: 1030px; margin:0 auto; margin-top: 0px;} .sub01_01_02{background: url(../images/sub/sub1_1_2_400.png) no-repeat center top; height: 123px; margin:0 auto; margin: 120px 0 ;} .sub01_01_03{ background: url(../images/sub/sub1_1_3_400.png) no-repeat center top; height: 1399px; margin:0 auto;} .sub01_01_04{ background: url(../images/sub/sub1_1_4_400.jpg) no-repeat center top; height: 3141px; margin-bottom: 0;background-size:contain} .sub01_02_01{background: url(../images/sub/sub1_2_bg.png) no-repeat center top; background-size: cover; padding-top: 50px; height: 570px;} .sub01_02_01 .stone{width:97%; height:606px; background: #fff;} p.sub01_02_02 { text-align: left; background: url(../images/sub/sub1_2_1_400.png) no-repeat center 65px; height:520px} p.sub01_02_03 { margin: 00px; float: none;height:auto; width:100%; background-position: center top; } p.sub01_02_04 {margin: 30px 0 0; float: left; background: url(../images/sub/sub1_2_3_400.png) no-repeat center top; height:287px; width:100%;} .sub01_03_01{background: url(../images/sub/sub1_3_1_400.png) no-repeat center top; height: 1600px; margin-bottom:100px;} .sub01_03_02{background: url(../images/sub/sub1_3_2_400.png) no-repeat center top; height: 1020px; margin-bottom:100px;} .sub01_03_03{background: url(../images/sub/sub1_3_3_400.png) no-repeat center top; height: 1385px;} .sub01_04_01{background: url(../images/sub/sub1_4_1_400.png) no-repeat center top; height: 535px; margin-top:0;} .sub01_04_03{background: url(../images/sub/sub1_4_3_400.png) no-repeat center top; height: 1102px; margin-bottom: 150px;} .sub01_04_04{background: url(../images/sub/sub1_4_4_400.png) no-repeat center top; height: 692px; } .sub01_04_05 p{background: url(../images/sub/sub1_4_5_400.png) no-repeat 56% top; height: 1197px;} .sub01_04_06{background: url(../images/sub/sub1_4_6_400.png) no-repeat center top; height: 597px; } .sub01_04_07{background: url(../images/sub/sub1_4_7_400.png) no-repeat center top; height: 261px; margin: 100px 0 20px 0; } .sub01_05_01{background: url(../images/sub/sub1_5_1_400.png) no-repeat center top; height: 124px; margin-top: 0px; margin-bottom: 50px;} .sub01_05_02{ height:250px; } .sub01_05_02 p{background: url(../images/sub/sub1_5_2.png) no-repeat center top; height: 300px;background-size: cover;} .sub01_05_03{background: url(../images/sub/sub1_5_3_400.png) no-repeat center top; height: 788px; margin-top: 70px;} .sub01_06_01{background: url(../images/sub/sub1_6_1_400.png) no-repeat center top; height: 131px; margin-bottom:60px; margin-top: 0;} .sub01_06_02{height:1200px; background-size: cover;} .sub01_06_02 p{background: url(../images/sub/sub1_6_2_400.png) no-repeat center top; height: 1054px; } .sub01_06_03{background: url(../images/sub/sub1_6_8_400.png) no-repeat center top;height: 1596px;} .sub01_06_04{background: url(../images/sub/sub1_6_9_400.png) no-repeat center top; height: 780px; margin-top: 100px;} .sub01_06_05{background: url(../images/sub/sub1_6_10_400.png) no-repeat center top; height: 499px; margin-top: 100px;} /*.sub02_01_01{background: url(../images/sub/sub2_1_1_400.png) no-repeat center top; height: 1525px; margin-top:60px;} .sub02_01_btm{background: url(../images/sub/sub2_1_btm_400.jpg) no-repeat center top; height: 786px;} .sub02_02_btm{background: url(../images/sub/sub2_2_btm_400.jpg) no-repeat center top !important; height: 3252px !important;}*/ .nav_tab ul li a{ font-size: 15px; letter-spacing: -1px;padding-top: 0;} /*.sub02_01_02_01{background: url(../images/sub/sub2_1_2_400.png) no-repeat center top;} .sub02_01_02_02 p{background: url(../images/sub/sub2_1_2_2_400.png) no-repeat center top; height: 600px;}*/ #sub02 ul#thumbs{float:none; width: 100%; margin: 0 auto !important;position:relative;} #sub02 ul#thumbs img{width: 60px; height: 42px;} #bigPic{ padding-top: 20px;} .sub02_01_04_01 p{background: none; } /*.sub02_01_04_02 p{background: url(../images/sub/sub2_1_4_2_400.png) no-repeat center top; height: 769px; }*/ #sub02 footer{margin-top:0;} /*.sub02_02_01 .sub02_01_01{background-image: url(../images/sub/sub2_2_1_400.png); height: 1480px; } .sub02_02_02 .sub02_01_02_01{background-image: url(../images/sub/sub2_2_2_400.png)} .sub02_02_02 .sub02_01_02_02 p{background-image: url(../images/sub/sub2_2_2_2_400.png)}*/ .sub02_02_04 .sub02_01_04_01 p{background-image: url(../images/sub/sub2_2_4_1_400.png)} /*.sub02_02_04 .sub02_01_04_02 p{background-image: url(../images/sub/sub2_2_4_2_400.png); height: 1300px;} .sub02_03_01 .sub02_01_01{background-image: url(../images/sub/sub2_3_1_400.png); height: 1385px;} .sub02_03_01 .sub02_03_btm{background: url(../images/sub/sub2_3_btm_400.jpg) no-repeat center top; height: 786px;}*/ /*.sub02_03_02 .sub02_01_02_01{background-image: url(../images/sub/sub2_3_2_400.png)} .sub02_03_02 .sub02_01_02_02 p{background-image: url(../images/sub/sub2_3_2_2_400.png)}*/ .sub02_03_04 .sub02_01_04_01 p{background-image: url(../images/sub/sub2_3_4_1_400.png)} /*.sub02_03_04 .sub02_01_04_02 p{background-image: url(../images/sub/sub2_3_4_2_400.png); height: 550px;}*/ .pc_imgs{display:none !important} .img_600{display:none !important} .img_400{display:block !important} .sub03_01_01{background: url(../images/sub/sub3_1_1_400.jpg) no-repeat center top; height: 4840px;margin-top:0px;background-size:contain;} .sub03_01_02{background: url(../images/sub/sub1_4_2_bg.png) repeat center top;} .sub03_01_02 p{background: url(../images/sub/sub3_1_2_400.png) no-repeat center top; height: 682px;} .sub03_01_03{background: url(../images/sub/sub3_1_3_400.png) no-repeat center top; height: 2502px; margin:50px 0;} .sub03_01_04{background: url(../images/sub/sub3_1_4_400.png) no-repeat center top; height: 489px;} .sub03_02_01{background: url(../images/sub/sub3_2_1_400.jpg) no-repeat center top; height: 1504px;/*margin:0px 0 90px 0;*/background-size:contain;} .sub03_02_02 { background: url(../images/sub/sub3_2_2_400.png) no-repeat center top; height: 489px;} .sub03_02_03{background: url(../images/sub/sub3_2_3_400.png) no-repeat center top; height: 245px;margin-top:140px; margin-bottom: 50px;} .sub03_02 .sub_container ul{overflow:hidden; width:100%; margin:0 auto;} .sub03_02 .sub_container li{width:100%;} .sub03_02 .sub_container li:first-child, .sub03_02 .sub_container li:nth-child(4){margin-left:0;} .sub03_02 p.title{} .sub03_02_05{background: url(../images/sub/sub3_2_5_400.png) no-repeat center top; height: 190px;} .sub04_01_01{background: url(../images/sub/sub4_1_1_400.jpg) no-repeat center top; height: 6000px;background-size:contain;margin:0} .sub04_01_02{background: url(../images/sub/sub4_1_2_400.png) no-repeat center top; height: 2198px;margin:0px 0 120px 0;} .sub04_01_03{background: url(../images/sub/sub4_1_3_400.png) no-repeat center top; height: 2687px;margin:0px 0 120px 0;} .sub04_01_04{background: url(../images/sub/sub4_1_4_400.png) no-repeat center top; height: 1312px;} .sub04_btn{background:#3f3f3f; padding:65px 0; margin-top: 50px; } .sub04_02_01{background: url(../images/sub/sub4_2_1_400.jpg) no-repeat center top; height: 4000px;margin-top:0px;background-size:contain} .sub04_03_01{background: url(../images/sub/sub4_3_1_400.jpg) no-repeat center top; height: 1500px;margin-top:0px;background-size:contain} } @media only screen and (max-width: 480px) { .tab_container{margin-top: -77px;} .tab_content{ height: 500px;} ul.tabs{font-size: 16px;} ul.tabs li{height: 77px;} ul.tabs li span{display:none;} .tab_container #tab1 p, .tab_container #tab2 p, .tab_container #tab3 p, .tab_container #tab4 p{ background-position:10px 60px;} .tab_container #tab2 p, .tab_container #tab1 p, .tab_container #tab3 p, .tab_container #tab4 p{ background-size: 95%;} .tab_container #tab1{background-position:0 50%;} .tab_container #tab2{background-position:9% 50%;} .tab_container #tab3{background-position:74% 50%;} .tab_container #tab4{background-position:21% 50%;} .member_login{width:100% !important;} .sub06_01 .editbox{ width: 100%;} .member_login .login_input .input{width: 130px !important;} .sub07_03 .search_id, .sub07_03 .search_idpass{padding:0;} .sub07_03 .editbox, .sub07_03 .search_idpass select.select, .sub07_03 #pwSearch_question{width:75%;} .sub07_03 #idSearch_user_hp2, .sub07_03 #idSearch_user_hp3, .sub07_03 #pwSearch_user_hp2, .sub07_03 #pwSearch_user_hp3{width:22%} .bbs_input, .editbox, .inputFocus{width: 95%;} .sub07_04 #_postcode{width:40%;} #user_tel2, #user_tel3, #tel1, #tel2, #tel3, #hp2, #hp3{width:30%} #email_id, #email_domain, #emailDomainID {width:44%} td.rightCell table{width:100%;} #regdate{width:80%;} #smart_editor2{min-width:100%;} td.rightCell td{vertical-align:top;} #subject{width:100%} .sub04_btn li span.btn img{width:90%} .sub02_01_04_02 p{ background-size: 95%;} .sub01_04_02 img{display:none;} .sub01_04_02{background: url(../images/sub/sub1_4_2_400.png) no-repeat center 0px; height: 345px; background-size: 100%; margin-top: 50px;} .join_notice{text-align: left;} .sub07_02 ul.login_btn{width: 157px;} .sub07_02 #memFormDiv p{padding:0 !important; text-align: left;} #listdiv th:nth-child(1), #listdiv td:nth-child(1){width:40px;} #listdiv th:nth-child(3), #listdiv td:nth-child(3){width:55px;} #listdiv th:nth-child(8), #listdiv td:nth-child(8){width:80px;} #tabs_container{height:600px !important;} } @media only screen and (max-width: 450px) { .nav_tab ul li a{ font-size: 13px; letter-spacing: -1px;} #boardArea td.s_font3, #boardArea td.s_font4{display:none;} .sitemap_wrap .sitemap_list{width: 50% !important;} .sitemap_wrap .sitemap_list:nth-child(3), .sitemap_wrap .sitemap_list:nth-child(4), .sitemap_wrap .sitemap_list:nth-child(7){height:200px} } @media only screen and (max-width: 400px) { .sub04_btn li span.btn img{width:100%} }