#sub_visual{position:relative; background:#aaa; text-align:center; left:50%; width:100vw; margin-left:-50vw; padding-top:8rem; height:40rem; background-position:center; background-repeat:no-repeat; background-size:cover;display: -webkit-flex; display: flex;flex-direction:column; justify-content:center; align-items:center;} #sub_visual:after{position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,.6); z-index:2; content:"";} #sub_visual section{position:relative; z-index:4; } #sub_visual section h2{ font-size:6rem; color:#fff; line-height:80%; } #sub_visual section h2:after{content:""; display:block;} @media (max-width:1200px){ #sub_visual{left:0; width:100%; margin-left:0; background-size:cover; } } @media (max-width:736px){ #sub_visual{height:40vw; } #sub_visual section p{ font-size:.8em; color:#fff; line-height:120%; font-weight:300; letter-spacing:.5em} #sub_visual section h2{ font-size:7vw; } } #pageNavi{position:relative; background:#fff; height:50px; line-height:50px; z-index:4; display:none;} #pageNavi:before{position:absolute; top:0; border-bottom:1px solid #DDD;border-top:1px solid #EEE; bottom:0; left:50%; margin-left:-50vw; width:100vw;z-index:-1; content:"";} @media (max-width:1200px){ #pageNavi:before{ margin-left:-50%; width:100%} } #pageNavi .fa-home{float:left; color:rgba(0,0,0,.5); border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1); line-height:50px; font-size:1.4em; padding:0 20px} #pageNavi a{color:#FFF;} #pageNavi dl{position:relative; float:left; z-index:1;} #pageNavi dl dd{display:none} #pageNavi dl dt{position:relative; padding:0 30px; border-right:1px solid rgba(0,0,0,.1); } #pageNavi dl dd{position:absolute; top:50px; left:0; width:auto; min-width:100%; white-space: nowrap; background:#8dc33e} #pageNavi dl dd a{display:block; line-height:20px; padding: 10px 20px; border-bottom:1px solid rgba(255,255,255,.1)} #pageNavi dl dd a:hover{background:#333} #pageNavi dl.sub:hover{z-index:2;} #pageNavi dl.sub dt{padding-right:50px;cursor:pointer; } #pageNavi dl.sub dt:after{position:absolute; top:0; right:20px; line-height:50px; font-family:"fontAwesome"; content:"\f105";} #pageNavi dl.sub:hover dd{display:block;} #pageNavi dl.sub:hover dt{background:#8dc33e;color:#FFF} #pageNavi dl.sub:hover dt:after{content:"\f107";} @media (max-width:736px){ #pageNavi{ height:40px; line-height:40px; } #pageNavi .fa-home{line-height:40px; font-size:1.4em; padding:0 10px} #pageNavi dl dt{ padding:0 10px; } #pageNavi dl dd{ top:40px; } #pageNavi dl dd a{ padding:6px 10px; } #pageNavi dl.sub dt{padding-right:20px; } #pageNavi dl.sub dt:after{ right:10px; line-height:40px; } } .sub_container {padding:80px 0; z-index:1; margin-top:8rem } .sub_container.skin_page{ padding: 0; } .pageContent{ font-size:1em; line-height:1.5; position:relative; zoom:1; word-break:keep-all; } .pageContent:after {display:block;visibility:hidden;clear:both;content:""} .pageContent .fmm{font-family: 'Nanum Myeongjo', serif;} .pageContent .fmn{font-family: 'notosans', serif;} @media (max-width:1200px){ .sub_container {padding:5vw 0; margin:0 4vw; width:auto;} } @media (max-width:736px){ .pageContent{ font-size:1em; } } .pageContent h1, .pageContent h2, .pageContent h3, .pageContent h4, .pageContent h5, .pageContent h6{position:relative; margin:0; line-height:140%;} .pageContent h1{font-size:3.5em; } .pageContent h2{font-size:2.5em; } .pageContent h3{font-size:2.647em; } /* 45 */ .pageContent h4{font-size:2em; } /*34 */ .pageContent h5{font-size:1.647em; }/*28 */ .pageContent h6{font-size:1.412em; }/*24 */ @media (max-width:736px){ .pageContent h1{font-size:1.6em; } .pageContent h2{font-size:1.5em; } .pageContent h3{font-size:1.4em; } .pageContent h4{font-size:1.3em; } .pageContent h5{font-size:1.2em; } .pageContent h6{font-size:1.1em; } } .pageContent strong{font-weight:700} .pageContent b{font-weight:800} .pageContent .bold{font-weight:700} .pageContent .fine{font-weight:300} .pageContent .tc{text-align:center;} .pageContent .tl{text-align:left} .pageContent .tr{text-align:right} .pageContent .tj{text-align:justify} .pageContent img{max-width:100%} .pageContent p { padding: .3em; } .pageContent .dib{display:inline-block;} /* .pageContent ul{padding:0 0 0 1em; list-style-type: none; padding-top:.5em;} .pageContent ul li{ } .pageContent li{ margin:.5em 0; text-align:left; } .pageContent ul > li:before{content:"-"; text-align:center; font-size:1.2em; margin-left:-1em; display:inline-block; width:1em;} .pageContent ol{padding:0 0px 0 1em; list-style-type: none; counter-reset:sign-num; } .pageContent ol > li:before {counter-increment:sign-num; content:counter(sign-num); display:inline-block; width:1em; margin-left:-1em; letter-spacing:-0.6px; } */ .pageContent ul{padding:0 0 0 1.5em; list-style-type: none; padding-top:.5em; } .pageContent li{ margin:.5em 0; text-align:left; line-height:130%;} .pageContent ul > li:before{content:"―"; text-indent:-1em; overflow:hidden; text-align:center; margin-left:-1em; display:inline-block; width:1em; vertical-align:top;} .pageContent ol{padding:0 0px 0 1.5em; list-style-type: Decimal; } .pageContent u{text-decoration:underline;} .pageContent .link{text-decoration:underline; color:#1d70bd} .pageContent i{font-style:italic; } .pageContent .iconfont{font-style:normal; } .pageContent em{font-style:italic; } .pageContent small{font-size:.8em; } .pageContent .small{font-size:.8em;} .pageContent big{font-size:1.2em } .pageContent .big{font-size:1.2em } .pageContent sub .pageContent sup {font-size:.8em;} .pageContent dl.dl{overflow:hidden; position:relative; margin:10px 0} .pageContent dl.dl dt{float:left;clear:both; padding-bottom:6px; } .pageContent dl.dl dd{_display:inline-block;overflow:hidden;padding-bottom:6px; zoom:1} .pageContent dl.dl dd:after{display:block;clear:both;content:''} .cfm{color:#4c712d; } .cfm2{color:#26a8a0; } .cfm3{color:#627bcf; } .cfB{color:#000; } .cfh{color:#a6a6a6; } .cfr{color:#ed305c; } .cfb{color:#1c8cc1; } .cfb1{color:#3d8cb9; } .cfb2{color:#243e86; } .cfg{color:#3db9ac; } .cfy{color:#ffcc00; } .cfw{color:#FFF; } .cbm{background:#4c712d; color:#FFF; } .cbm2{background:#26a8a0; color:#FFF; } .cbm3{background:#627bcf; color:#FFF; } .cbh{background:#efefef; } .cbB{background:#000; color:#FFF;} .cbr{background:#aa0809; color:#FFF;} .cbb{background:#0b5bac; color:#FFF;} .cbg{background:#4d7b11; color:#FFF;} .cby{background:#ffa320;color:#FFF;} .cbw{background:#fff;} .pageContent .pdw{padding:0em .3em; display:inline-block;} .pageContent .nmt{margin-top:0;} .pageContent .round{display:inline-block; border-radius:1em; } .pageContent .lh100{ line-height:100%} .pageContent .lh110{ line-height:110%} .pageContent .lh120{ line-height:120%} .pageContent .lh130{ line-height:130%} .pageContent .lh140{ line-height:140%} .pageContent .lh150{ line-height:150%} .pageContent .lh160{ line-height:160%} .pageContent .lh170{ line-height:170%} .pageContent .lh180{ line-height:180%} .pageContent .lh190{ line-height:190%} .pageContent .lh200{ line-height:200%} .pageContent .op1{ opacity:.1} .pageContent .op2{ opacity:.2} .pageContent .op3{ opacity:.3} .pageContent .op4{ opacity:.4} .pageContent .op5{ opacity:.5} .pageContent .op6{ opacity:.6} .pageContent .op7{ opacity:.7} .pageContent .op8{ opacity:.8} .pageContent .op9{ opacity:.9} .pageContent .ls-05{ letter-spacing:-.05em} .pageContent .ls-1{ letter-spacing:-.1em} .pageContent .ls-2{ letter-spacing:-.2em} .pageContent .ls-3{ letter-spacing:-.3em} .pageContent .ls-4{ letter-spacing:-.4em} .pageContent .ls-5{ letter-spacing:-.5em} .pageContent .ls1{ letter-spacing:.1em} .pageContent .ls2{ letter-spacing:.2em} .pageContent .ls3{ letter-spacing:.3em} .pageContent .ls4{ letter-spacing:.4em} .pageContent .ls5{ letter-spacing:.5em} .pageContent .ls6{ letter-spacing:.6em} .pageContent .ls7{ letter-spacing:.7em} .pageContent .ls8{ letter-spacing:.8em} .pageContent .ls9{ letter-spacing:.9em} .pageContent .ls10{ letter-spacing:1em} .pageContent .pd-1{padding-top:.1em; padding-bottom:.1em} .pageContent .pd-2{padding-top:.2em; padding-bottom:.2em} .pageContent .pd-3{padding-top:.3em; padding-bottom:.3em} .pageContent .pd-4{padding-top:.4em; padding-bottom:.4em} .pageContent .pd-5{padding-top:.5em; padding-bottom:.5em} .pageContent .pd-6{padding-top:.6em; padding-bottom:.6em} .pageContent .pd-7{padding-top:.7em; padding-bottom:.7em} .pageContent .pd1{padding-top:1em; padding-bottom:1em} .pageContent .pd1-5{padding-top:1.5em; padding-bottom:1.5em} .pageContent .pd2{padding-top:2em; padding-bottom:2em} .pageContent .pd2{padding-top:2.5em; padding-bottom:2.5em} .pageContent .pd3{padding-top:3em; padding-bottom:3em} .pageContent .pd4{padding-top:4em; padding-bottom:4em} .pageContent .pd5{padding-top:5em; padding-bottom:5em} .pageContent .pd6{padding-top:6em; padding-bottom:6em} .pageContent .pd7{padding-top:7em; padding-bottom:7em} .pageContent .pd8{padding-top:8em; padding-bottom:8em} .pageContent .pd9{padding-top:9em; padding-bottom:9em} .pageContent .pd10{padding-top:10em; padding-bottom:10em} .pageContent .pd12{padding-top:12em; padding-bottom:12em} .pageContent .pdw-1{padding-left:.1em; padding-right:.1em} .pageContent .pdw-2{padding-left:.2em; padding-right:.2em} .pageContent .pdw-3{padding-left:.3em; padding-right:.3em} .pageContent .pdw-4{padding-left:.4em; padding-right:.4em} .pageContent .pdw-5{padding-left:.5em; padding-right:.5em} .pageContent .pdw1{padding-left:1em; padding-right:1em} .pageContent .pdw1-5{padding-left:1.5em; padding-right:1.5em} .pageContent .pdw2{padding-left:2em; padding-right:2em} .pageContent .pdw2-5{padding-left:2.5em; padding-right:2.5em} .pageContent .pdw3{padding-left:3em; padding-right:3em} .pageContent .pdw4{padding-left:4em; padding-right:4em} .pageContent .pdw5{padding-left:5em; padding-right:5em} .pageContent .pdw6{padding-left:6em; padding-right:6em} .pageContent .pdw7{padding-left:7em; padding-right:7em} .pageContent .pdw8{padding-left:8em; padding-right:8em} .pageContent .pdw9{padding-left:9em; padding-right:9em} .pageContent .pdw10{padding-left:10em; padding-right:10em} .pageContent .pdw12{padding-left:12em; padding-right:12em} @media (max-width:736px){ .pageContent .pd-2{padding-top:.1em; padding-bottom:.1em} .pageContent .pd-3{padding-top:.15em; padding-bottom:.15em} .pageContent .pd-4{padding-top:.2em; padding-bottom:.2em} .pageContent .pd-5{padding-top:.25em; padding-bottom:.25em} .pageContent .pd-6{padding-top:.3em; padding-bottom:.3em} .pageContent .pd-7{padding-top:.35em; padding-bottom:.35em} .pageContent .pd1{padding-top:.5em; padding-bottom:.5em} .pageContent .pd1-5{padding-top:.75em; padding-bottom:.75em} .pageContent .pd2{padding-top:1em; padding-bottom:1em} .pageContent .pd2{padding-top:1.25em; padding-bottom:1.25em} .pageContent .pd3{padding-top:1.5em; padding-bottom:1.5em} .pageContent .pd4{padding-top:2em; padding-bottom:2em} .pageContent .pd5{padding-top:2.5em; padding-bottom:2.5em} .pageContent .pd6{padding-top:3em; padding-bottom:3em} .pageContent .pd7{padding-top:3.5em; padding-bottom:3.5em} .pageContent .pd8{padding-top:4em; padding-bottom:4em} .pageContent .pd9{padding-top:4.5em; padding-bottom:4.5} .pageContent .pd10{padding-top:5em; padding-bottom:5em} .pageContent .pd12{padding-top:6em; padding-bottom:6em} .pageContent .pdw-1{padding-left:.1em; padding-right:.1em} .pageContent .pdw-2{padding-left:.1em; padding-right:.1em} .pageContent .pdw-3{padding-left:.15em; padding-right:.15em} .pageContent .pdw-4{padding-left:.2em; padding-right:.2em} .pageContent .pdw-5{padding-left:.25em; padding-right:.25em} .pageContent .pdw-6{padding-left:.3em; padding-right:.3em} .pageContent .pdw-7{padding-left:.35em; padding-right:.35em} .pageContent .pdw1{padding-left:.5em; padding-right:.5em} .pageContent .pdw1-5{padding-left:.75em; padding-right:.75em} .pageContent .pdw2{padding-left:1em; padding-right:1em} .pageContent .pdw2{padding-left:1.25em; padding-right:1.25em} .pageContent .pdw3{padding-left:1.5em; padding-right:1.5em} .pageContent .pdw4{padding-left:2em; padding-right:2em} .pageContent .pdw5{padding-left:2.5em; padding-right:2.5em} .pageContent .pdw6{padding-left:3em; padding-right:3em} .pageContent .pdw7{padding-left:3.5em; padding-right:3.5em} .pageContent .pdw8{padding-left:4em; padding-right:4em} .pageContent .pdw9{padding-left:4.5em; padding-right:4.5} .pageContent .pdw10{padding-left:5em; padding-right:5em} .pageContent .pdw12{padding-left:6em; padding-right:6em} } .pageContent .w5em{width:5em;} .pageContent .w6em{width:6em;} .pageContent .w7em{width:7em;} .pageContent .w8em{width:8em;} .pageContent .w9em{width:9em;} .pageContent .w10em{width:10em;} .pageContent .w12em{width:12em;} .pageContent .w15em{width:15em;} .pageContent .w18em{width:18em;} .pageContent .w20em{width:20em;} .pageContent .w50px{width:50px;} .pageContent .w100px{width:100px;} .pageContent .w150px{width:150px;} .pageContent .w200px{width:200px;} .pageContent .w300px{width:300px;} .pageContent .w400px{width:400px;} .pageContent .w500px{width:500px;} .pageContent .w10p{width:10%;} .pageContent .w20p{width:20%;} .pageContent .w30p{width:30%;} .pageContent .w40p{width:40%;} .pageContent .w50p{width:50%;} .pageContent .w60p{width:60%;} .pageContent .w70p{width:70%;} .pageContent .w80p{width:80%;} .pageContent .w90p{width:90%;} .pageContent .w100p{width:100%;} @media (max-width:736px){ .pageContent .w50px{width:5vw;} .pageContent .w100px{width:10vw;} .pageContent .w150px{width:15vw;} .pageContent .w200px{width:20vw;} .pageContent .w300px{width:30vw;} .pageContent .w400px{width:40vw;} .pageContent .w500px{width:50vw;} } .pageContent .fs-6{font-size:.6em; } .pageContent .fs-7{font-size:.7em; } .pageContent .fs-75{font-size:.75em; } .pageContent .fs-8{font-size:.8em; } .pageContent .fs-85{font-size:.85em; } .pageContent .fs-9{font-size:.9em; } .pageContent .fs1{font-size:1.1em; } .pageContent .fs2{font-size:1.2em; } .pageContent .fs3{font-size:1.3em; } .pageContent .fs4{font-size:1.4em; } .pageContent .fs5{font-size:1.5em; } .pageContent .fs6{font-size:1.6em; } .pageContent .fs7{font-size:1.7em; } .pageContent .fs8{font-size:1.8em; } .pageContent .fs9{font-size:1.9em; } .pageContent .fs10{font-size:2em; } .pageContent .fs40{font-size:4em; } .pageContent .title{z-index:1; margin:0; padding:.3em 0; font-weight:bold ; overflow:hidden; margin-bottom:1em;} .pageContent .title.nmb{margin-bottom:0} .vline{display:inline-block; width:1px; height:1em; background:#FFF; } .pageContent .title2{z-index:1; margin:0; padding:.3em 0; margin-bottom:.5em;} .pageContent .title2:before{ display:block; line-height:30%; content:"━"; } .pageContent section{position:relative;} .pageContent article{position:relative; _display:inline-block; zoom:1} .pageContent article:after{display:block;clear:both;content:''} .full_img{position:relative; left:50%; width:200vw; margin-left:-100vw; text-align:center; } .full_img img{max-width:none} .full_img_bg{position:absolute; top:0; bottom:0; overflow:hidden; z-index:-1; left:50%; width:200vw; margin-left:-100vw; text-align:center; } .full_img_bg img{max-width:none} .pageContent .full_bg{position:absolute; top:0; left:50%; bottom:0; width:100vw; margin-left:-50vw; background-position:center; background-repeat:no-repeat; z-index:-1;} .pageContent .full_bg.cover{background-size:cover; } .pageContent .full_bg.fixed{background-attachment:fixed;} .pageContent .full_bg.fixed_sc{background-attachment:fixed;} @media (max-width:1200px){ .pageContent .full_bg{width:100vw; margin-left:-4vw; left:0} } @media (max-width:900px){ .pageContent .full_bg.mcover{background-size:cover;} } .table_s{width:100%;border-top:2px solid #555; } .table_s thead th{ padding:.6em; border-bottom:2px solid #555; border-left:1px solid #ccc; font-weight:500;} .table_s thead th:first-child{ border-left:0 } .table_s thead td{ padding:.6em; border-top:2px solid #555; border-bottom:2px solid #555; border-left:1px solid #ccc; font-weight:500;} .table_s tbody th{ padding:.6em; border-bottom:1px solid #ccc; border-left:1px solid #ccc; } .table_s tbody td{ padding:.6em; border-bottom:1px solid #ccc; border-left:1px solid #ccc; } .table_s tbody th:first-child{ border-left:0 } .table_s tbody td:first-child{ border-left:0 } .table_s tfoot th{ padding:.6em; border-bottom:1px solid #999; border-left:1px solid #ccc; background:#FFE } .table_s tfoot td{ padding:.6em; border-bottom:1px solid #ccc; border-left:1px solid #ccc; background:#FFE } .table_s tfoot th:first-child{ border-left:0 } .table_s tfoot td:first-child{ border-left:0 } @media (max-width:736px){ .table_sc{width:100%; position:relative; overflow-x:auto;} .table_sc .table_s{width:auto; white-space: nowrap;} .table_s thead th{ padding:.5em .3em; } .table_s thead td{ padding:.3em; } .table_s tbody th{ padding:.3em; } .table_s tbody td{ padding:.3em; } } .table_s.fixed{table-layout:fixed} .pageContent ul.uls_1{padding-left:1.5em;} .pageContent ul.uls_1 li:before{content:"\e674"; font-family:"iconfont"; font-size:1em; margin-left:-1.5em; display:inline-block; width:1.5em; text-indent:0; vertical-align:middle; font-size:1.2em; color:#00a2c5} .pageContent ul.uls_2 li:before{content:"\e6d2"; font-family:"iconfont"; font-size:1em; margin-left:-1.5em; display:inline-block; width:1.5em; text-indent:0; vertical-align:middle; font-size:1.2em; color:#16478e} .pageContent ul.w2{ display: -webkit-flex; display: flex; justify-content:space-between; flex-flow:wrap;} .pageContent ul.w2 li{width:49%; } .pageContent .ols_1{counter-reset:sign-num; list-style:none; padding:0; margin:0; } .pageContent .ols_1 li {padding-left:2em;} .pageContent .ols_1 li:before {counter-increment:sign-num; content:'0'counter(sign-num); display:inline-block; width:1.7em;height:1.7em; margin-left:-2em; border-radius:50%;background-color:#5aa7d6;color:#fff;font-size:1em;letter-spacing:-0.6px;line-height:1.7em;text-align:center;margin-right:.3em;} .pageContent .ols_2{counter-reset:sign-num; list-style:none; padding:0; margin:0; } .pageContent .ols_2 li {padding-left:2em;} .pageContent .ols_2 li:before {counter-increment:sign-num; content:'0'counter(sign-num)'.'; display:inline-block; width:1.7em;height:1.7em; margin-left:-2em; border-radius:50%; font-size:1em;letter-spacing:-0.6px;line-height:1.7em;text-align:center;margin-right:.3em;} .page_header{position:relative; text-align:center; margin-bottom:40px;} .page_header h2{ font-family:"nanum myeongjo"; font-weight:600} .page_header h2:before{display:block; width:1px; height:2em; background:#333; margin:0 auto; content:"";} .deg45{position:relative;transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);-o-transform:rotate(45deg);} .deg-45{position:relative;transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);} .deg90{position:relative;transform:rotate(90deg);-ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg);-o-transform:rotate(90deg);} .deg-90{position:relative;transform:rotate(-90deg);-ms-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg);} .comma{font-size:1em;} .comma:before, .comma:after{ display:inline-block; font-size:2em; font-family:"iconfont"; color:#ddd; vertical-align:middle;} .comma:before{content:"\ec8b"; margin-top:-2%; margin-right:1%; } .comma:after{content:"\ec8a" ; margin-left:1%;} .brackets span{display:inline-block; vertical-align:middle; margin:0 1em; line-height:1.5em;} .brackets:before{position:relative;border:2px solid #555; border-right:0; width:.5em; height:1em; display:inline-block;vertical-align:middle; content:"";} .brackets:after{position:relative;border:2px solid #555; border-left:0; width:.5em; height:1em; display:inline-block;vertical-align:middle; content:"";} .brackets.l2:before, .brackets.l2:after{ height:2em;} .brackets.l3:before, .brackets.l3:after{ height:3.5em;} .brackets.l4:before, .brackets.l4:after{ height:5em;} .pageContent .wave{display:inline-block; } .pageContent .wave:after{margin-top:0; display:block;height: 0.2em;background:linear-gradient(135deg, transparent, transparent 45%, #888, transparent 55%, transparent 100%),linear-gradient(45deg, transparent, transparent 45%, #888, transparent 55%, transparent 100%);background-size: 0.4em 0.4em;background-repeat: repeat-x, repeat-x;content: '';} .qna{border:1px solid #DDD; padding:4em; background:#F6F6F6} .qna dd{ text-align:left; margin-top:1em;} .qna dd h6{width:70%; border-radius:2em; padding:.6em 2em; background:#5aa7d6; color:#FFF; } .qna dd:first-child{margin-top:0} .qna dd h6:before{position:absolute; top:50%; margin-top:-.4em; left:-.8em; border-style:solid; border-color:transparent; border-width:.4em 1em .4em 0; border-right-color:#5aa7d6; content:"";} .qna dd p{position:relative; width:70%; margin-left:30%; border-radius:1em; padding:1.5em 2em; background:#ddd; color:#222; margin-top:1em;} .qna dd p:before{position:absolute; top:50%; margin-top:-.4em; right:-.8em; border-style:solid; border-color:transparent; border-width:.4em 0 .4em 1em; border-left-color:#ddd; content:"";} .svHead{height:40rem; display: -webkit-flex; display: flex;flex-direction:column; justify-content:center; width:100vw; left:50%; margin-left:-50vw; } .svHead video{ position: absolute; right: 0; bottom: 0; top:0; width: 100%; height: 100%; background-size: 100% 100%; background-color: black; /* in case the video doesn't fit the whole page*/ background-image: /* our video */; background-position: center center; background-size: contain; object-fit: cover; /*cover video background */ z-index:-1; } @media (max-width:900px){ .svHead{height:60vw; } .svHead .full_bg{margin-left:0} } .pageContent .s1 h1{line-height:100%;} .pageContent .s2 dl{width:74%; margin:0 auto} .pageContent .s2 dl:before{position:absolute; top:50%; left:0; right:0; border-top:1px dashed #999; z-index:-1; content:"";} .pageContent .s2 dd{width:8em; height:8em; padding:1.5em 0; border:.3em solid #90c31f; background-color:#FFF; border-radius: 1em 1em 0 1em; font-size:1.5em; line-height:140%; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .pageContent .s2 dd:nth-child(2){border-color:#627bcf} .pageContent .s2 dd:nth-child(4){border-color:#627bcf} .pageContent .s2 dd:hover{border-radius: 0} .pageContent .s3 dd{ width:49%;border-radius: 4em 0 4em 0; margin:1% 0; overflow:hidden; border:.3em solid #ddd; } .pageContent .s3.w1 dd{width:100% } .pageContent .s4 dd{width:32%; } .pageContent .s4 dd article{ position:relative; box-shadow:.2em .2em .5em rgba(0,0,0,.2); z-index:2; margin-top:-1em; margin-left:.5em; margin-RIGHT:.5em; padding:2em; background:#FFF; text-align:left; } @media (max-width:900px){ .pageContent .s4{display:block;} .pageContent .s4 dd{width:100%; margin-top:5%;} .pageContent .s4 dd article{ box-shadow:.1em .1em .3em rgba(0,0,0,.2); z-index:2; padding:1em 2em; } } .pageContent .s5{font-weight:600} .pageContent .s5 dd{width:8em; height:8em; font-size:1.3em; line-height:130%; background:#f6f6f6; border-radius:50%; margin-right:4em;} .pageContent .s5 dd i{display:block; margin-bottom:.6em;} .pageContent .s5 dd img{width:2.5em;} .pageContent .s5 dd:after{ content:"+"; position:absolute; top:50%; right:-2em; width:2em; height:1em; line-height:1em; margin-top:-.5em; font-size:2em; font-weight:800} .pageContent .s5 dd:last-of-type:after{ content:"="; } .pageContent .s5 dt{width:8em; height:8em; font-size:1.3em; line-height:130%; background:#8dc33e; border-radius:50%; color:#FFF;} .pageContent .program{ text-align:left;} .pageContent .program dl.tab{border-left:1px solid #ddd; border-top:1px solid #ddd; } .pageContent .program dl.tab dd{width:16.66%; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:.7em; cursor:pointer; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; font-weight:500; font-size:1.1em;} .pageContent .program dl.tab dd.on, .pageContent .program dl.tab dd:hover{background:#6acec9; color:#FFF; } .pageContent .program dl.tab dd.d2{width:33.33%} .pageContent .program dl.tab.w5 dd.d2{width:20%} .pageContent .program dl.tab.w5 dd{width:20%; } .pageContent .program dl.tab.w4 dd{width:25%; } .pageContent .program dl.tab.w7 dd{width:14%; flex-grow:1; } .pageContent .program article{margin-top:2em; padding-top:2em; display:none;} .pageContent .program article.on{display:block;} .pageContent .program article dl{position:relative; display: -webkit-flex; display: flex; flex-flow:wrap;} .pageContent .program article dl dt{width:60%;display: -webkit-flex; display: flex;flex-direction:column; justify-content:center;} .pageContent .program article dl dt div{width:100%;border:1px solid #DDD;} .pageContent .program article dl dt img{width:100%; } .pageContent .program article dl dd{width:40%; display: -webkit-flex; display: flex;flex-direction:column; justify-content:center;} .pageContent .program article dl dd .sbox{position:relative;z-index:2; box-shadow:.2em .2em .5em rgba(0,0,0,.2); padding:2em; background:#FFF; min-height:400px; width:120%; left:-20%} .pageContent .program article dl dd .sbox h3{margin-bottom:.3em; font-weight:700} .pageContent .program_food{ text-align:left;} .pageContent .program_food dl.tab{border-left:1px solid #ddd; border-top:1px solid #ddd; } .pageContent .program_food dl.tab dd{width:20%; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:.7em; cursor:pointer; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; font-weight:500; font-size:1.1em;} .pageContent .program_food dl.tab dd.on, .pageContent .program_food dl.tab dd:hover{background:#6acec9; color:#FFF; } .pageContent .program_food article{margin-top:2em; padding-top:2em; display:none;} .pageContent .program_food article.on{display:block;} .pageContent .program_food article dl{position:relative; display: -webkit-flex; display: flex; flex-flow:wrap;} .pageContent .program_food article dl dt{width:60%;display: -webkit-flex; display: flex;flex-direction:column; justify-content:center;} .pageContent .program_food article dl dt div{width:100%;border:1px solid #DDD;} .pageContent .program_food article dl dt img{width:100%; } .pageContent .program_food article dl dd{width:40%; display: -webkit-flex; display: flex;flex-direction:column; justify-content:center;} .pageContent .program_food article dl dd .sbox{position:relative;z-index:2; box-shadow:.2em .2em .5em rgba(0,0,0,.2); padding:2em; background:#FFF; min-height:400px; width:120%; left:-20%} .pageContent .program_food article dl dd .sbox h3{ font-weight:700} @media (max-width:900px){ .pageContent .program dl.tab dd{width:33.33%; padding:.5em 0; font-size:1em;} .pageContent .program dl.tab dd.on, .pageContent .program dl.tab dd:hover{background:#6acec9; color:#FFF; } .pageContent .program dl.tab dd.d2{width:33.33%} .pageContent .program dl.tab.w5 dd.d2{width:20%} .pageContent .program dl.tab.w5 dd{width:20%; } .pageContent .program dl.tab.w4 dd{width:25%; } .pageContent .program dl.tab.w7 dd{width:25%; } .pageContent .program article{margin-top:1em; padding-top:1em; } .pageContent .program article dl{position:relative; display: block} .pageContent .program article dl dt{width:100%;display: block} .pageContent .program article dl dt div{width:100%;border:1px solid #DDD; } .pageContent .program article dl dt img{width:100%; } .pageContent .program article dl dd{width:100%; display:block;} .pageContent .program article dl dd .sbox{ box-shadow:none; padding:2em 1em; border:1px solid #DDD; min-height:auto; width:100%; left:0} .pageContent .program_food dl.tab dd{width:20%; padding:.5em 0; font-size:1em;} .pageContent .program_food article{margin-top:1em; padding-top:1em; } .pageContent .program_food article dl{position:relative; display: block} .pageContent .program_food article dl dt{width:100%;display: block} .pageContent .program_food article dl dt div{width:100%;border:1px solid #DDD;} .pageContent .program_food article dl dt img{width:100%; } .pageContent .program_food article dl dd{width:100%; display:block;} .pageContent .program_food article dl dd .sbox{ box-shadow:none; padding:2em 1em; border:1px solid #DDD; min-height:auto; width:100%; left:0} } .pageContent .s6 dd{width:10em; height:10em; border:.2em solid #DDD; margin:1em;border-radius: 2em 0 2em 0; } .pageContent .s6 dd img{width:50%} /* 2021/10/19 */ .ns1{ } .ns1 dl dd{width:28rem; color:#FFF; padding:1em 0; font-size:2em; line-height:140%;} .ns1 dl dd b{font-size:1.15em; display:block;} .ns1 dl dd:nth-child(1){background:#f69296} .ns1 dl dd:nth-child(2){background:#faad61} .ns1 dl dd:nth-child(3){background:#ecd750} .ns1 dl dd:nth-child(4){background:#c0d85d} .ns1 dl.jc dd{ margin:0 .6em} .ns1 article{margin-top:2em; background:rgba(255,255,255,.5); padding:2em 1em; margin:1em;} .ns1 article:before{position:absolute; top:-1em; left:-1em; right:-1em; bottom:-1em; border:.3em solid rgba(255,255,255,.5);; content:"";} @media (max-width:900px){ .ns1{ } .ns1 dl dd{width:45vw; color:#FFF; padding:1em 0; font-size:1.5em; margin-top:2vw} .ns1 article{margin-top:1em; padding:4vw; } .ns1 article:before{ border:.2em solid rgba(255,255,255,.5); } .ns1 dl.jc{justify-content: space-between; } .ns1 dl.jc dd{ width:32%; margin:0; font-size:1.2em; } } .ns2{ } .ns2 dl dd{ width:46%; margin:0 2%; border-radius: 4em 0 4em 0; overflow:hidden; border:.3em solid #ddd; background:#FFF;} .ns2 h3 strong{} .ns2.n2 dl dd{ width:32%; margin:0; } .ns2.n3 dl dd{ width:78%; border-radius:0; border:0 } @media (max-width:900px){ .ns2 dl dd{ width:100%; margin:1% 0; border-radius: 2em 0 2em 0; border:.2em solid #ddd; } .ns2.n2 dl dd{ width:100%; margin:1% 0; } .ns2.n3 dl dd{ width:100%; } } .ns3{font-weight:600; font-size:1.647em; color:#FFF; } .ns3 dd{width:7em; height:7em; line-height:130%; border-radius:1em; margin-right:1.5em;} .ns3 dd i{display:block; margin-bottom:.6em;} .ns3 dd img{width:3em;} .ns3 dd:nth-child(1){background:#f69296} .ns3 dd:nth-child(2){background:#faad61} .ns3 dd:nth-child(3){background:#ecd750} .ns3 dd:nth-child(4){background:#c0d85d} .ns3 dd:after{position:absolute; top:50%; right:-.95em; margin-top:-.5em; border:.5em solid transparent; border-left-color:#000; content:"";} .ns3 dd:nth-child(1):after{border-left-color:#f69296} .ns3 dd:nth-child(2):after{border-left-color:#faad61} .ns3 dd:nth-child(3):after{border-left-color:#ecd750} .ns3 dd:nth-child(4):after{display:none} .ns3 dd:before{position:absolute; top:50%; left:0; margin-top:-.5em; border:.5em solid transparent; border-left-color:#fff; content:"";} .ns3.b2 dd:before{ border-left-color:#efefef;} .ns3 dd:nth-child(1):before{display:none} .ns3 dt{width:8em; height:8em; line-height:130%; background:#c0d85d; border-radius:1em; } @media (max-width:900px){ .ns3{ font-size:1em; } .ns3 dd{width:8em; height:8em; margin-right:.5em;} .ns3 dt{width:9em; height:8em;} } .jp_tab{position:absolute; margin-top:-8rem;} #connectus{ } #connectus dt{ width:50%; } #connectus dd{ width:50%; } #connectus .root_daum_roughmap{position:absolute; top:0; left:0; width:55vw; height:100%; } #connectus .root_daum_roughmap .wrap_map{ width:100%; height:100%; } #connectus dt h2{font-size:5rem; line-height:150%; ; text-shadow:.02em .02em .1em rgba(0,0,0,.2);} #connectus dt h2 strong{font-weight:800} #connectus dt h2 span{position:relative; display:inline-block;} #connectus dt h2 span:before{position:relative; display:block; width:.2em; height:.2em; border-radius:1em; background:#FFF; content:""; margin:0 auto; } #connectus dt figure{margin:2em 0 } #connectus dt h3{font-size:2.5rem; line-height:100%;text-shadow:.02em .02em .1em rgba(0,0,0,.2); } #connectus dt h3 big{font-size:2.8em; line-height:100%; font-weight:800; } @media (max-width:900px){ #connectus{ } #connectus dt{ width:100%; } #connectus dd{ width:100%; height:60vw;} #connectus .root_daum_roughmap{ width:100vw; height:100%; margin-left:-4vw;} #connectus dt h2{font-size:8vw; } #connectus dt figure{margin:1em 0 } #connectus dt h3{font-size:4.3vw; } } .public-panel ul{padding:0; list-style-type: none; padding-top:0; } .public-panel li{ margin: 0; position:relative; } .public-panel ul > li:before{none} .public-panel ol{padding:0; list-style-type: none; } .public-panel ol[data-list-type="bracket"] {margin-top:5px;counter-reset:bracket;} .public-panel ol[data-list-type="bracket"]:first-child {margin-top:0;} .public-panel ol[data-list-type="bracket"] > li {margin-top:5px;padding-left:25px;counter-increment:bracket;} .public-panel ol[data-list-type="bracket"] > li:first-child {margin-top:0;} .public-panel ol[data-list-type="bracket"] > li:before {content:'('counter(bracket)')';display:block;position:absolute;left:0;width:25px;} .public-panel ol[data-list-type="hangul"] {margin-top:5px;padding-left:25px;} .public-panel ol[data-list-type="hangul"]:first-child {margin-top:0;} .public-panel ol[data-list-type="hangul"] > li {margin-top:5px;list-style:hangul;} .public-panel ol[data-list-type="hangul"] > li:first-child {margin-top:0;} .public-panel ol[data-list-type="decimal"] {margin-top:5px;padding-left:25px;} .public-panel ol[data-list-type="decimal"]:first-child {margin-top:0;} .public-panel ol[data-list-type="decimal"] > li {margin-top:5px;list-style:decimal;} .public-panel ol[data-list-type="decimal"] > li:first-child {margin-top:0;} .public-panel ol[data-list-type="decimal-circle"] {margin-top:5px;counter-reset:decimal-circle;} .public-panel ol[data-list-type="decimal-circle"]:first-child {margin-top:0;} .public-panel ol[data-list-type="decimal-circle"] > li {margin-top:5px;padding-left:20px;counter-increment:decimal-circle;} .public-panel ol[data-list-type="decimal-circle"] > li:first-child {margin-top:0;} .public-panel ol[data-list-type="decimal-circle"] > li:before {content:counter(decimal-circle);display:block;position:absolute;top:2px;left:0;width:14px;height:14px;font-size:12px;line-height:14px;text-align:center;text-indent:-1px;white-space:nowrap;border-radius:50%;border:1px solid #666;} .public-panel ul[data-list-type="dash"] {margin-top:5px;} .public-panel ul[data-list-type="dash"]:first-child {margin-top:0;} .public-panel ul[data-list-type="dash"] > li {margin-top:5px;padding-left:10px;} .public-panel ul[data-list-type="dash"] > li:first-child {margin-top:0;} .public-panel ul[data-list-type="dash"] > li:before {content:'-';display:block;position:absolute;top:2px;left:0;width:14px;height:14px;font-size:12px;line-height:14px;text-align:left;} .public-panel {margin-top:60px;font-size:16px;font-weight:400;line-height:20px;color:#666;} .public-panel:first-child {margin-top:0;} .public-panel .public-title {padding-left:0;font-size:24px;font-weight:700;line-height:30px;color:#333;text-indent:0;} .public-panel .public-title + .sub-public {margin-top:20px;} .public-panel .sub-public {margin-top:40px;} .public-panel .sub-public-title {font-size:20px;font-weight:500;line-height:26px;color:#333;} .public-panel .sub-public-contents {margin-top:10px;} .public-panel .other-title {font-size:16px;font-weight:500;line-height:22px;color:#333;} .public-panel p, .public-panel ol {margin-top:10px;} .public-panel ol ol {margin-top:5px;} .public-panel p:first-child, .public-panel ol:first-child {margin-top:0;} .s2_1{font-size: 2.2rem;} @media (max-width:750px){ .s2_1{font-size: 1em;} } .sv_header{height: 838px; text-align: center; color:#FFF; font-size: 1em; text-shadow:.05em .05em .1em rgba(0,0,0,.4); display: -webkit-flex; display: flex;flex-direction:column; justify-content:center; padding-top: 10em;} .sv_header h2{font-size: 5.5rem;} .sv_header h6{font-size: 2.5rem;} .pageContent h3.big{font-size: 3.4em; font-weight: 700;} .dls_1{display: grid; grid-template-columns: repeat(3,1fr); gap: 1.5em; margin-top: 2em;} .dls_1 dd{padding:1.5em .5em; background-color: #F8F8F8; position:relative} .dls_1 dd h6{ font-weight: 700;} .dls_1 dd p{ margin-top: .7em;} .dls_1 dd label{color:#FFF; font-weight: 700; position:absolute; top: 50%; left:50%; transform: translateX(-50%); top: 0; font-size: 1.36em; padding:.3em 1em; border-radius: 0 0 .3em .3em;} .dls_1 dd:nth-child(1) label{background-color:#91a961} .dls_1 dd:nth-child(2) label{background-color:#41690f} .dls_1 dd:nth-child(3) label{background-color:#244002} .dls_1 figure{margin:2em 0 1em} .dls_1 ul{font-size: 1.2em;} .dls_2{background: url(/sub/img/ns2_1_2.png) center no-repeat; display: flex; justify-content: space-between; margin:2em 0} .dls_2 dd{height:351px; width: 351px; display: flex; justify-content: center; align-items: center; flex-direction: column;} .dls_3{} .dls_3 dd{margin-top: 1em; background-color: #FFF; display: grid; grid-template-columns: 8em 1fr; gap: 1em; padding:1em} .dls_3 dd aside{font-weight: 800; display: flex; justify-content: center; align-items: center; flex-direction: column;} .dls_3 dd:nth-child(1) aside{color:#91a961} .dls_3 dd:nth-child(2) aside{color:#41690f} .dls_3 dd:nth-child(3) aside{color:#244002} .dls_3 dd article{text-align: left;} .dls_4{margin-top: 2em; display: grid; grid-template-columns: repeat(3,394px); justify-content: space-between; text-align: left;} .dls_4 dd{margin-top: 2em;} .dls_4 article{margin-top: 1em;} .dls_4 article h6{font-weight: 700;} .dls_4 article ul li:before{content:'·'; text-indent:-.5em} #snvisit{position:relative; overflow: hidden; margin-top: 2em;} #snvisit dl dd{height:70rem; background-size:cover; background-position:center;} #snvisit dl dd h6{position:absolute; background:rgba(0,0,0,.6); color:#FFF; font-size:1.2em; line-height:6rem; padding:0 3em; bottom:0; right:0; left:0} #snvisit .controll{ position:absolute; right:0; left:0; bottom:0; z-index:4; text-align:center; } #snvisit .controll button{ position:absolute; background:transparent; bottom:0; padding:0; margin:0; width:6rem; height:6rem; background:rgba(0,0,0,0); border:0;} #snvisit .controll button.prev{left:0;} #snvisit .controll button.next{right:0} #snvisit .controll button.swiper-button-disabled{background:rgba(0,0,0,0);} #snvisit .controll button:after{position:absolute; top:50%; width:1em; height:1em; border-style:solid; border-width:2px; content:"";} #snvisit .controll button.prev:after{left:2.5rem; border-color:#fff transparent transparent #fff; transform-origin:left top;-ms-transform-origin:left top;-webkit-transform-origin:left top;-moz-transform-origin:left top;-o-transform-origin:left top; } #snvisit .controll button.prev:after{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);} #snvisit .controll button.next:after{right:2.5rem; border-color:#fff #fff transparent transparent ; transform-origin:right top;-ms-transform-origin:right top;-webkit-transform-origin:right top;-moz-transform-origin:right top;-o-transform-origin:right top; } #snvisit .controll button.next:after{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);-o-transform:rotate(45deg);} .reserve_from{border:1px solid #A9A9A9; border-radius: 1em; overflow: hidden; display: flex; justify-content: space-between;} .reserve_from > dt{width: 48%; background-color: #F3F4F6; display: flex; justify-content: center; flex-direction: column; padding-left:2em; text-align: left; font-size: 1.1em;} .reserve_from > dt h4{margin:.5em 0} .reserve_from > dd{width: 52%; padding:1em; text-align: left; font-size: 1.2em;} .reserve_from > dd dl{} .reserve_from > dd dl dd{margin-bottom: 1em;} .reserve_from > dd dl dd label{font-weight: 700; padding:.4em} .reserve_from > dd dl dd input, .reserve_from > dd dl dd textarea{font-size: 1em; width: 100%; border-radius: .5em; margin-top: .5em;} .reserve_from > dd dl dd input{height:3em;} .reserve_from > dd dl dd textarea{height:5em} .reserve_from > dd button{width: 100%; font-weight: 700; font-size: 1.35em; border:0; height:2.7em; border-radius: .5em; background-color: #41690F; color: #FFF;} .pageContent .Warning{background-color: #4C712D; color: #FFF; width: fit-content; border-radius: .3em; padding:.2em 1em; margin:0 auto .6em; display: flex; gap: .5em;} .pageContent .Warning i{position:relative; margin-top: -.1em;} .s2_6 .msg{background-color: #4c712d; color:#FFF; padding:1.5em 0; border-radius: 1em; box-shadow: .4em .4em .1em rgba(0,0,0,.1)} @media (max-width:750px){ .sv_header{height: 80vw; padding-top: 10em;} .sv_header h2{font-size: 1.8em;} .sv_header h6{font-size: 1.2em;} .pageContent h3.big{font-size: 2em; } .dls_1{display: block; } .dls_1 dd{padding:1.5em .5em; margin-top: .5em; } .dls_1 dd p{ margin-top: .7em;} .dls_1 dd label{color:#FFF; font-weight: 700; position:absolute; top: 50%; left:50%; transform: translateX(-50%); top: 0; font-size: 1.36em; padding:.3em 1em; border-radius: 0 0 .3em .3em;} .dls_1 dd:nth-child(1) label{background-color:#91a961} .dls_1 dd:nth-child(2) label{background-color:#41690f} .dls_1 dd:nth-child(3) label{background-color:#244002} .dls_1 figure{margin:2em 0 1em} .dls_1 ul{font-size: 1.2em;} .dls_2{background:none; gap: 1em; display: grid; grid-template-columns: repeat(3,1fr); gap: 1em;} .dls_2 dd{height:auto; width: auto; background:#FFF; border:.3em dashed #00a2c5; border-radius: 1em; padding:1em 0; position:relative} .dls_2 dd + dd:before{position: absolute; right:calc(100% + .3em); top:50%; width: 1em; height:.3em; background-color: #000; content:""} .dls_2 dd:nth-child(2)::before{background-color: #7A934D;} .dls_2 dd:nth-child(3)::before{background-color: #3D5817;} .dls_2 dd:nth-child(1){border-color:#91a961} .dls_2 dd:nth-child(2){border-color:#41690f} .dls_2 dd:nth-child(3){border-color:#244002} .dls_2 dd p{font-size: .9em;} .dls_3 dd{display: block; padding:1em} .dls_3 dd aside{display: block; text-align: left;} .dls_3 dd article{margin-top: .6em;} .dls_4{margin-top: 1em; grid-template-columns: repeat(2,1fr); gap: .6em;} .dls_4 dd{margin-top: 1em;} #snvisit{position:relative; overflow: hidden; margin-top: 2em;} #snvisit dl dd{height:60vw;} .reserve_from{ display: block} .reserve_from > dt{padding:2em; width: auto;} .reserve_from > dd{width: auto; padding:2em; } .reserve_from > dd button{font-size: 1.2em; } .s2_6 .msg{ padding:1.5em 1em; } }