/*board.css*/ @charset "utf-8";.page_list span,.page_list span a:link,.page_list span a:visited,.page_list span a:active{transition:all 0.3s ease;-webkit-transition:all 0.3s ease}.paging{text-align:center}.page_list{display:inline-block;text-align:center}.page_list span{display:inline-block;width:1.85em;height:1.85em;line-height:1.85em;margin-left:1.3em;text-decoration:none;box-sizing:border-box;vertical-align:middle;font-size:.95em;border-radius:50%;-webkit-border-radius:50%}.page_list span:first-child{margin-left:0}.page_list span:hover,.page_list span.on{background-color:#3C6A3C;color:#fff}.page_list span.on,.page_list span:hover a{color:#fff}.page_list span a{display:inline-block;width:100%;height:100%;text-decoration:none}.page_list span.page_first,.page_list span.page_end{display:inline-block;width:1.2em;background-size:contain}.page_list span.page_left,.page_list span.page_right{display:inline-block;width:.8em;background-size:contain}.page_list span.page_first{background:url(../../../images/site/skin/page_first.svg) no-repeat center center}.page_list span.page_end{background:url(../../../images/site/skin/page_last.svg) no-repeat center center}.page_list span.page_left{background:url(../../../images/site/skin/page_left.svg) no-repeat left center}.page_list span.page_right{background:url(../../../images/site/skin/page_right.svg) no-repeat right center}.page_list span.page_first a,.page_list span.page_left a,.page_list span.page_right a,.page_list span.page_end a{display:inline-block;overflow:hidden;text-indent:-9999px}@media screen and (max-width:640px){.page_list span{margin-left:1em}.page_list span.page_first,.page_list span.page_end{background-size:80% 60%}.page_list span.page_left,.page_list span.page_right{background-size:75% 60%}}@media screen and (max-width:480px){.page_list span{margin-left:.6em}}.page_list span.page_first_on,.page_list span.page_end_on{display:inline-block;width:1.2em;background-size:contain}.page_list span.page_left_on,.page_list span.page_right_on{display:inline-block;width:.8em;background-size:contain}.page_list span.page_first_on{background:url(../../../images/site/skin/page_first_on.svg) no-repeat center center}.page_list span.page_end_off{background:url(../../../images/site/skin/page_last_off.svg) no-repeat center center}.page_list span.page_left_on{background:url(../../../images/site/skin/page_left_on.svg) no-repeat left center}.page_list span.page_right_off{background:url(../../../images/site/skin/page_right_off.svg) no-repeat right center}.page_list span.page_first_on a,.page_list span.page_left_on a,.page_list span.page_right_off a,.page_list span.page_end_off a{display:inline-block;overflow:hidden;text-indent:-9999px}@media screen and (max-width:640px){.page_list span{margin-left:1em}.page_list span.page_first_on,.page_list span.page_end_off{background-size:80% 60%}.page_list span.page_left_on,.page_list span.page_right_off{background-size:75% 60%}}@media screen and (max-width:360px){.page_list span{margin-left:.4em}}.boardlist{position:relative;padding-top:1em}.boardlist .board_count{position:absolute;top:-1.3em;left:0}.boardlist .board_count span{color:#3C6A3C}.boardlist table{width:100%;border-top:2px solid #3C6A3C;border-bottom:1px solid #3C6A3C;box-sizing:border-box}.boardlist table tr{box-sizing:border-box}.boardlist table tr:not(:last-child){border-bottom:1px solid #E0E0E0}.boardlist table thead tr th,.boardlist table tbody tr td{height:2.65em;padding:.6em .3em;text-align:center;word-break:break-all}.boardlist table thead tr th{height:2.4em;background-color:#F2F2F2;font-weight:500;color:#3C6A3C}.boardlist table tbody tr td{font-size:.95em}.boardlist table tbody tr td.bo_tit{text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.boardlist table tbody tr td.bo_tit a{color:#555}.boardlist table tbody tr td.bo_tit a strong{font-weight:500;color:#2B7B2B}.boardlist table tbody tr td.bo_num{font-weight:500;color:#3C6A3C}.boardlist table tbody tr td.bo_att img{display:inline-block;width:1.5em}.boardlist table tbody tr td.bo_sit span{display:inline-block;padding:.25em .8em;font-weight:500;box-sizing:border-box;border-radius:50px;-webkit-border-radius:50px}.boardlist table tbody tr td.bo_sit span.reserved{background-color:rgba(61,182,201,.1);color:#1C81A0}.boardlist table tbody tr td.bo_sit span.complete{background-color:rgba(237,117,110,.1);color:#D7473F}@media screen and (max-width:1024px){.boardlist table colgroup col.bo_chk{width:3.4em!important}}@media screen and (max-width:890px){.boardlist table colgroup col.bo_num{width:8%!important}.boardlist table colgroup col.bo_typ{width:12%!important}.boardlist table colgroup col.bo_div{width:8%!important}.boardlist table colgroup col.bo_dat{width:15%!important}.boardlist table colgroup col.bo_att{width:8%!important}.boardlist table colgroup col.bo_sta{width:11%!important}.boardlist table colgroup col.bo_div{width:8%!important}.boardlist table colgroup col.bo_sit{width:10%!important}.boardlist table colgroup col.bo_per{width:5em!important}.boardlist table colgroup col.bo_sit{width:11%!important}}@media screen and (max-width:840px){.boardlist table .bo_num,.boardlist table .bo_typ,.boardlist table .bo_div,.boardlist table .bo_sta,.boardlist table .bo_pnb,.boardlist table .bo_ada{display:none}}@media screen and (max-width:640px){.boardlist table colgroup col.bo_dat{width:6.5em!important}.boardlist table colgroup col.bo_att{width:4em!important}.boardlist table colgroup col.bo_sit{width:6em!important}.boardlist table colgroup col.bo_per{width:5em!important}.boardlist table colgroup col.bo_dat+.bo_app{width:5em!important}.boardlist table colgroup col.bo_emp{width:5em!important}.boardlist table tbody tr td.bo_tit{padding-left:1em}}.photolist{position:relative;padding-top:1em}.photolist .board_count{position:absolute;top:-1.3em;left:0}.photolist .board_count span{color:#3C6A3C}.photolist .board_wrap{padding:3.125em 0;border-top:2px solid #3C6A3C;border-bottom:1px solid #3C6A3C;text-align:left;box-sizing:border-box}.photolist .board_wrap ul:after{content:"";display:block;clear:both}.photolist .board_wrap ul li{float:left;width:calc(((100% - 1px) - 6em) / 3);margin-left:3em}.photolist .board_wrap ul li:nth-child(3n+1){margin-left:0}.photolist .board_wrap ul li:nth-child(n+4){margin-top:2.8em}.photolist .board_wrap ul li a{display:block;width:100%;border:1px solid #E0E0E0;text-decoration:none;box-sizing:border-box}.photolist .board_wrap ul li a .photo{overflow:hidden;position:relative;display:block;width:100%;height:15em;background-color:#F2F2F2}.photolist .board_wrap ul li a .photo span{position:absolute;left:50%;top:50%;width:100%;height:100%;text-align:center;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}.photolist .board_wrap ul li a .photo span img{width:100%}.photolist .board_wrap ul li a .txt{display:block;padding:1.625em 1.6875em;box-sizing:border-box}.photolist .board_wrap ul li a .txt .titl{display:block;margin-bottom:.2em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:1.125em;font-weight:500}.photolist .board_wrap ul li a .txt .date{font-size:.95em;color:#555}.photolist .board_wrap ul li a .photo span:before{content:"";position:absolute;top:0;left:0;display:block;opacity:0;visibility:hidden;width:100%;height:100%;background:rgba(0,0,0,.5) url(../../../images/site/skin/photolist_ico.svg) no-repeat center center;transition:all 0.3s ease;-webkit-transition:all 0.3s ease}.photolist .board_wrap ul li a:hover .photo span:before{opacity:1;visibility:visible}.photolist .board_wrap ul li a:hover .txt .titl,.photolist .board_wrap ul li a:hover .txt .date{text-decoration:underline;text-underline-position:under}@media screen and (max-width:1024px){.photolist .board_wrap{padding:2.3em 0}.photolist .board_wrap ul li{width:calc(((100% - 1px) - 4em) / 3);margin-left:2em}.photolist .board_wrap ul li:nth-child(n+4){margin-top:2em}.photolist .board_wrap ul li a .txt{padding:1.2em 1.3em}.photolist .board_wrap ul li a .photo{height:13em}}@media screen and (max-width:840px){.photolist .board_wrap{padding:1.8em 0}.photolist .board_wrap ul li{width:calc(((100% - 1px) - 3em) / 3);margin-left:1.5em}.photolist .board_wrap ul li:nth-child(n+4){margin-top:1.5em}.photolist .board_wrap ul li a .photo{height:10.5em}}@media screen and (max-width:740px){.photolist .board_wrap ul li{width:calc((100% - 1.5em) / 2);margin-left:1.5em}.photolist .board_wrap ul li:nth-child(3n+1){margin-left:1.5em}.photolist .board_wrap ul li:nth-child(2n+1){margin-left:0}.photolist .board_wrap ul li:nth-child(n+3){margin-top:1.5em}.photolist .board_wrap ul li a .photo{height:10.5em}.photolist .board_wrap ul li a .photo span{height:120%}}@media screen and (max-width:640px){.photolist .board_wrap{padding:1.3em 0}.photolist .board_wrap ul li{width:calc((100% - 1em) / 2);margin-left:1em}.photolist .board_wrap ul li:nth-child(3n+1){margin-left:1em}.photolist .board_wrap ul li:nth-child(2n+1){margin-left:0}.photolist .board_wrap ul li:nth-child(n+3){margin-top:1em}.photolist .board_wrap ul li a .photo{height:9em}}@media screen and (max-width:400px){.photolist .board_wrap ul li{width:100%;margin-left:0}.photolist .board_wrap ul li:nth-child(3n+1){margin-left:0em}.photolist .board_wrap ul li:nth-child(n+2){margin-top:1em}}.boards_6 .js_tab.has_child{padding-bottom:0}.boards_6 .js_tab .tab_btn ul li ul{bottom:-4em}.boards_6 .menu-issue #cont1,.boards_6 .menu-issue #cont2,.boards_6 .menu-issue #cont3{padding-top:4em;box-sizing:border-box}.re_boardlist{position:relative;padding-top:1.8em;text-align:center;box-sizing:border-box}.re_boardlist .board_wrap{position:relative;margin-top:1.5em;border-top:2px solid #3C6A3C;border-bottom:1px solid #3C6A3C;text-align:left;box-sizing:border-box}.re_boardlist .board_wrap .board_count{position:absolute;top:-2em;left:0}.re_boardlist .board_wrap .board_count span{color:#3C6A3C}.re_boardlist .board_wrap dl{padding:1.6em 1.075em;border-top:1px solid #E0E0E0;box-sizing:border-box}.re_boardlist .board_wrap dl:first-child{border-top:none}.re_boardlist .board_wrap dl dd p{position:relative;display:inline-block;font-size:.9em;margin-right:3em;color:#333}.re_boardlist .board_wrap dl dd p:last-child{margin-right:0}.re_boardlist .board_wrap dl dd p.tit{display:block;margin-bottom:.3em;margin-right:0;font-size:1.15em;color:#222}.re_boardlist .board_wrap dl dd p.tit strong{font-weight:500}.re_boardlist .board_wrap dl dd p.tit strong a:hover,.re_boardlist .board_wrap dl dd p.tit strong a:focus{color:#3C6A3C;text-underline-position:under}.re_boardlist .board_wrap dl dd p span{position:relative;left:0;top:0;display:inline;margin-left:.6em;color:#666}@media screen and (max-width:1024px){.re_boardlist .board_wrap dl{padding:1.2em .8em}.boards_6 .menu-issue #cont1,.boards_6 .menu-issue #cont2,.boards_6 .menu-issue #cont3{padding-top:0}}@media screen and (max-width:640px){.re_boardlist .board_wrap dl{padding:1em .6em}}.boardview{text-align:center}.boardview .board_wrap{border-top:2px solid #3C6A3C;border-bottom:1px solid #3C6A3C;text-align:left;box-sizing:border-box}.boardview .bov_top dt{display:table;table-layout:fixed;width:100%;padding:.987em 0;border-bottom:1px solid #E0E0E0;font-size:.95em;box-sizing:border-box}.boardview .bov_top dt:after{content:"";display:block;clear:both}.boardview .bov_top dt span,.boardview .bov_top dt em{vertical-align:middle;display:table-cell;font-style:normal}.boardview .bov_top dt span{position:relative;width:8em;font-weight:500;color:#3C6A3C;padding:0 1.5em;box-sizing:border-box}.boardview .bov_top dt em{position:relative;width:100%;padding:0 1.5em;box-sizing:border-box}.boardview .bov_top dt span:before{content:"";position:absolute;top:50%;right:0;display:block;width:1px;height:1.45em;background-color:#CCDFCC;transform:translateY(-50%)}.boardview .bov_top dt em div[data-skin="select"]{display:inline-block}.boardview .bov_top dt em div[data-skin="select"] select{vertical-align:unset}.boardview .bov_top .bt_tit{height:auto;line-height:1.5;padding:1.02em;font-size:1.45em;text-align:center;box-sizing:border-box;background-color:#f2f2f2}.boardview .bov_top .bt_tit strong{color:#3C6A3C}.boardview .bov_top dd{min-height:19em;padding:3.75em 1.5em;border-bottom:1px solid #E0E0E0;box-sizing:border-box}.boardview .bov_top dd pre{margin:0;font-family:'Noto Sans KR',Arial,sans-serif;font-size:.95em;white-space:break-spaces}.boardview .bov_top dd .scroll_box{position:relative;overflow-x:auto}.boardview .bov_top dd .scroll_box:before{content:"좌우로 터치해서 보세요.";font-size:13px;width:168px;margin:0 auto 1em;box-sizing:border-box;padding:0 0 0 25px;line-height:25px;color:#00589b;display:none;background:url(../../../images/site/skin/scroll_ico.png) no-repeat left top;height:22px;background-size:auto 100%}.boardview .bov_top dd .scroll_box .move{overflow-x:auto}.boardview .bov_top dt em a.btn_file{position:relative;display:inline-block;padding-left:2em;color:#555;box-sizing:border-box}.boardview .bov_top dt em a.btn_file:before{content:"";position:absolute;top:0;left:0;display:block;width:1.2em;height:1.5em;background:url(../../../images/site/skin/icon_file.svg) no-repeat center center;background-size:contain}.boardview .bov_mid{font-size:.95em}.boardview .bov_mid dt{position:relative;border-bottom:1px solid #E0E0E0;box-sizing:border-box;padding:1em 1.5em}.boardview .bov_mid dt:after{content:"";display:block;clear:both}.boardview .bov_mid dt span{display:block;margin-bottom:.5em;font-weight:500}.boardview .bov_mid dt:first-child span{margin-bottom:1em}.boardview .bov_mid dt span b{color:#3C6A3C}.boardview .bov_mid dt em{display:block;margin-bottom:.5em;font-style:normal;color:#555;white-space:break-spaces;box-sizing:border-box}.boardview .bov_mid dt em.date{margin-bottom:0;font-size:.95em;color:#BDBDBD;white-space:normal}.boardview .bov_mid dt.comm_write:after{content:"";display:block;clear:both}.boardview .bov_mid dt.comm_write textarea,.boardview .bov_mid dt.comm_write .captch_con{float:left}.boardview .bov_mid dt.comm_write textarea{display:block;width:calc(100% - 17.8em);max-width:calc(100% - 17.8em);max-height:6.85em;height:6.85em;border:1px solid #CCDFCC;font-size:1em;box-sizing:border-box;border-radius:.3em;-webkit-border-radius:.3em}.boardview .bov_mid dt.comm_write em>textarea{width:100%;max-width:100%;margin-bottom:.5em}.boardview .bov_mid dt.comm_write .captch_con{display:block;width:17.1em;margin-left:.6em}.boardview .bov_mid dt.comm_write .captch_con .t_lines{width:100%;height:3.175em;border:1px solid #CCDFCC;box-sizing:border-box;border-radius:.3em;-webkit-border-radius:.3em}.boardview .bov_mid dt.comm_write .captch_con .t_lines:after{content:"";display:block;clear:both}.boardview .bov_mid dt.comm_write .captch_con .t_lines img,.boardview .bov_mid dt.comm_write .captch_con .t_lines a{float:left}.boardview .bov_mid dt.comm_write .captch_con .t_lines img{display:block;width:calc(100% - 6.35em);height:100%}.boardview .bov_mid dt.comm_write .captch_con .t_lines a{position:relative;display:block;width:3.175em;height:100%;padding:0;text-indent:-9999px;font-size:1em;background-color:#fff;background-repeat:no-repeat;background-position:center center}.boardview .bov_mid dt.comm_write .captch_con .t_lines a:before{content:"";position:absolute;top:0;left:0;width:1px;height:100%;background-color:#CCDFCC}.boardview .bov_mid dt.comm_write .captch_con .t_lines a.cap_so{background-image:url(../../../images/site/skin/boardview_capso.svg)}.boardview .bov_mid dt.comm_write .captch_con .t_lines a.cap_re{background-image:url(../../../images/site/skin/boardview_capre.svg)}.boardview .bov_mid dt.comm_write .captch_con .b_lines{margin-top:.6em}.boardview .bov_mid dt.comm_write .captch_con .b_lines:after{content:"";display:block;clear:both}.boardview .bov_mid dt.comm_write .captch_con .b_lines [data-skin="input"],.boardview .bov_mid dt.comm_write .captch_con .b_lines .cap_sb{float:left}.boardview .bov_mid dt.comm_write .captch_con .b_lines [data-skin="input"]{width:calc(100% - 5.14em);height:100%}.boardview .bov_mid dt.comm_write .captch_con .b_lines [data-skin="input"] input{width:100%;height:3.4em;text-align:left}.boardview .bov_mid dt.comm_write .captch_con .b_lines .cap_sb{height:3em;padding:0 1.35em;margin-left:.6em}.boardview .bov_mid dt.comm_write.no_capt textarea{width:calc(100% - 5.3em);max-width:calc(100% - 5.3em);height:3em;min-height:3em}.boardview .bov_mid dt.comm_write.no_capt .captch_con{width:auto}.boardview .bov_mid dt.comm_write.no_capt .captch_con .b_lines{margin-top:0}.boardview .bov_mid dt.comm_write.no_capt .captch_con .b_lines .cap_sb{margin-left:0}.boardview .bov_bot dt{padding:.987em 0;border-bottom:1px solid #E0E0E0;font-size:.95em;box-sizing:border-box;display:table;table-layout:fixed;width:100%}.boardview .bov_bot dt:last-child{border-bottom:none}.boardview .bov_bot dt:after{content:"";display:block;clear:both}.boardview .bov_bot dt span,.boardview .bov_bot dt em{float:left;box-sizing:border-box;font-style:normal;color:#333}.boardview .bov_bot dt em a{color:#333}.boardview .bov_bot dt span{position:relative;display:table-cell;vertical-align:top;width:8em;font-weight:500;color:#3C6A3C;padding:0 1.5em 0 3.25em;box-sizing:border-box}.boardview .bov_bot dt span:after{content:"";position:absolute;top:50%;left:1.5em;display:block;width:1em;height:1em;background:url(../../../images/site/skin/boardview_nextico.svg) no-repeat center center;transform:translateY(-50%);-webkit-transform:translateY(-50%)}.boardview .bov_bot dt.prev span:after{transform:translateY(-50%) rotate(180deg);-webkit-transform:translateY(-50%) rotate(180deg)}.boardview .bov_bot dt em{position:relative;display:table-cell;width:calc(100% - 8em);padding:0 .5em 0 1.5em;box-sizing:border-box;vertical-align:top}.boardview .bov_bot dt em:before{content:"";position:absolute;top:0;left:0;display:block;width:1px;height:1.45em;background-color:#CCDFCC}.boardview .btn_box{margin-top:1.375em;display:inline-block}.boardview .btn_box:after{content:"";display:block;clear:both}.boardview .btn_box a{float:left;margin-left:1em}.boardview .btn_box a:first-child{margin-left:0}@media screen and (max-width:1024px){.boardview .bov_top dd{padding:2.5em 1.5em}}@media screen and (max-width:915px){.boardview .bov_top dd .scroll_box:before{display:block}}@media screen and (max-width:640px){.boardview .bov_top dt span{width:6em;padding:0 1em}.boardview .bov_top dd{padding:2em 1em}.boardview .bov_mid dt{padding:1em 1em}.boardview .bov_mid dt.comm_write textarea,.boardview .bov_mid dt.comm_write .captch_con{float:none}.boardview .bov_mid dt.comm_write textarea{max-width:100%;width:100%;max-height:6em;height:6em}.boardview .bov_mid dt.comm_write .captch_con{width:100%;margin-left:0;margin-top:.6em}.boardview .bov_mid dt.comm_write .captch_con:after{content:"";display:block;clear:both}.boardview .bov_mid dt.comm_write .captch_con .t_lines,.boardview .bov_mid dt.comm_write .captch_con .b_lines{float:left;width:calc((100% - 0.6em) * 0.6)}.boardview .bov_mid dt.comm_write .captch_con .b_lines{width:calc((100% - 0.6em) * 0.4);margin-top:0;margin-left:.6em}.boardview .bov_mid dt.comm_write .captch_con .b_lines [data-skin="input"] input{height:3.45em}.boardview .bov_bot dt span{width:6em;padding:0 1em 0 2.2em}.boardview .bov_bot dt span:after{left:1em}.boardview .bov_mid dt.comm_write.no_capt textarea,.boardview .bov_mid dt.comm_write.no_capt .captch_con{float:left}.boardview .bov_mid dt.comm_write.no_capt textarea{width:calc(100% - 5.3em);min-width:calc(100% - 5.3em);height:3em;min-height:3em}.boardview .bov_mid dt.comm_write.no_capt .captch_con{margin-top:0}.boardview .bov_mid dt.comm_write.no_capt .captch_con .b_lines{width:auto}}@media screen and (max-width:440px){.boardview .bov_mid dt.comm_write .captch_con .t_lines,.boardview .bov_mid dt.comm_write .captch_con .b_lines{float:none;width:100%}.boardview .bov_mid dt.comm_write .captch_con .b_lines{width:100%;margin-left:0;margin-top:.6em}.boardview .bov_mid dt.comm_write .captch_con .b_lines [data-skin="input"] input{height:3.4em}.boardview .bov_mid dt.comm_write.no_capt .captch_con .b_lines{margin-left:.6em}}.boardwrite{text-align:center}.boardwrite .board_wrap{border-top:2px solid #3C6A3C;border-bottom:1px solid #3C6A3C;text-align:left;box-sizing:border-box}.boardwrite table{width:100%}.boardwrite table tr{border-bottom:1px solid #E0E0E0;box-sizing:border-box}.boardwrite table tr th{padding:0 3%;background-color:#F2F2F2;color:#3C6A3C;font-weight:500;font-size:.95em;text-align:left;box-sizing:border-box}.boardwrite table tr td{position:relative;padding:1em;font-size:.95em;box-sizing:border-box}.boardwrite table tr td .te_input{display:inline-block}.boardwrite table tr td .te_input input{width:17.5em;height:2.5em;border-color:#E0E0E0;border-radius:.3em;-webkit-border-radius:.3em}.boardwrite table tr td div[data-skin="select"]>select{border-color:#E0E0E0}.boardwrite table tr td .tarea_box textarea{display:block;width:100%;height:10em;border-color:#E0E0E0;font-size:1em;border-radius:.3em;-webkit-border-radius:.3em}.boardwrite table tr td#files p span input{display:inline-block;max-width:100%}.boardwrite table tr td .captch_con,.boardwrite table tr td .captch_con+p{float:left}.boardwrite table tr td:after{content:"";display:block;clear:both}.boardwrite table tr td .captch_con{width:17.1em}.boardwrite table tr td .captch_con:after{content:"";display:block;clear:both}.boardwrite table tr td .captch_con .t_lines{width:100%;height:3.175em;border:1px solid #CCDFCC;box-sizing:border-box;border-radius:.3em;-webkit-border-radius:.3em}.boardwrite table tr td .captch_con .t_lines:after{content:"";display:block;clear:both}.boardwrite table tr td .captch_con .t_lines img,.boardwrite table tr td .captch_con .t_lines a{float:left}.boardwrite table tr td .captch_con .t_lines img{display:block;width:calc(100% - 6.35em);height:100%}.boardwrite table tr td .captch_con .t_lines a{position:relative;display:block;width:3.175em;height:100%;padding:0;text-indent:-9999px;font-size:1em;background-color:#fff;background-repeat:no-repeat;background-position:center center}.boardwrite table tr td .captch_con .t_lines a:before{content:"";position:absolute;top:0;left:0;width:1px;height:100%;background-color:#CCDFCC}.boardwrite table tr td .captch_con .t_lines a.cap_so{background-image:url(../../../images/site/skin/boardview_capso.svg)}.boardwrite table tr td .captch_con .t_lines a.cap_re{background-image:url(../../../images/site/skin/boardview_capre.svg)}.boardwrite table tr td .captch_con .b_lines{margin-top:.6em}.boardwrite table tr td .captch_con .b_lines:after{content:"";display:block;clear:both}.boardwrite table tr td .captch_con .b_lines [data-skin="input"],.boardwrite table tr td .captch_con .b_lines .cap_sb{float:left}.boardwrite table tr td .captch_con .b_lines [data-skin="input"]{width:100%;height:100%}.boardwrite table tr td .captch_con .b_lines [data-skin="input"] input{width:100%;height:3.4em;text-align:left}.boardwrite table tr td .captch_con .b_lines .cap_sb{height:3em;padding:0 1.35em;margin-left:.6em}.boardwrite table tr td .captch_con+p{position:absolute;bottom:1.5em}.boardwrite table tr td p+p.sup,.boardwrite table tr td div+p.sup{display:inline-block;vertical-align:text-bottom;margin-left:1em;font-size:.9em}.boardwrite table tr th sup,.boardwrite table .sup{color:#B63C3C}.boardwrite .btn_box{position:relative;margin-top:1.375em;display:block;text-align:center}.boardwrite .btn_box:after{content:"";display:block;clear:both}.boardwrite .btn_box a{display:inline-block;margin-left:.8em}.boardwrite .btn_box a:first-child{margin-left:0}.boardwrite .btn_box .align_right{position:absolute;right:0}@media screen and (max-width:740px){.boardwrite table tr td .captch_con,.boardwrite table tr td .captch_con+p{flex:none}.boardwrite table tr td .captch_con+p{position:relative;bottom:auto}.boardwrite table tr td p+p.sup,.boardwrite table tr td div+p.sup{display:block;vertical-align:baseline;margin-left:0;margin-top:.3em}}@media screen and (max-width:440px){.boardwrite table tr td .te_input,.boardwrite table tr td .te_input input{width:100%}.boardwrite table tr td#files p span,.boardwrite table tr td#files p span input{display:block;width:100%}.boardwrite table tr td .captch_con{width:100%}.boardwrite table tr td .captch_con .t_lines,.boardwrite table tr td .captch_con .b_lines{float:none;width:100%}.boardwrite table tr td .captch_con .b_lines{width:100%;margin-left:0;margin-top:.6em}.boardwrite table tr td .captch_con .b_lines [data-skin="input"] input{height:3.4em}}.no_board_data{text-align:center;border-top:2px solid #333;border-bottom:1px solid #646464;padding:80px 0;transition:all 0.3s ease;-webkit-transition:all 0.3s ease}@media screen and (max-width:640px){.no_board_data{padding:40px 0}}.boards_6 .form_box{text-align:center}.boards_6 .form_box>div{display:inline-block;margin-right:.3em}.boards_6 .form_box>div:last-child{margin-right:0}.boards_6 .form_box [data-skin="cal"]>input{width:9em;background:none;border-width:2px;text-align:center;border-radius:2em;-webkit-border-radius:2em}.boards_6 .form_box [data-skin="select"]>select{min-width:9em;border-width:2px;border-radius:2em;-webkit-border-radius:2em}.boards_6 .form_box [data-skin="input"][data-type="2"]>input[type="text"]{width:21.8em;padding-right:5em;margin-right:0;border-width:2px;border-radius:2em;-webkit-border-radius:2em}.boards_6 .form_box [data-skin="input"]>#syear[type="text"],.boards_6 .form_box [data-skin="input"]>#eyear[type="text"]{width:7.5em;border:2px solid #CCDFCC;border-radius:2em;-webkit-border-radius:2em}.boards_6 .form_box [data-skin="btn"][data-type="search"]{bottom:0;text-indent:0;width:auto;background:none;background-color:#3C6A3C;color:#fff;padding:0 1.4em;border-radius:2em;-webkit-border-radius:2em}@media screen and (max-width:740px){.boards_6 .form_box [data-skin="input"][data-type="2"]>input[type="text"]{width:15em}}@media screen and (max-width:640px){.boards_6 .form_box:after{content:"";display:block;clear:both}.boards_6 .form_box>div{margin-right:0;margin-top:.3em}.boards_6 .form_box>div:first-child{margin-top:0}.boards_6 .form_box>div{display:block;width:100%}.boards_6 .form_box [data-skin="input"]{float:left;width:calc((100% - 0.3em) / 2);margin-top:0}.boards_6 .form_box [data-skin="input"]>#syear[type="text"],.boards_6 .form_box [data-skin="input"]>#eyear[type="text"]{width:100%}.boards_6 .form_box [data-skin="input"]>#eyear[type="text"]{margin-left:.3em}.boards_6 .form_box [data-skin="select"]>select,.boards_6 .form_box [data-skin="input"][data-type="2"]>input[type="text"]{width:100%;margin-top:.3em}.boards_6 .form_box [data-skin="input"][data-type="2"]{width:100%}}#news_board_list .expl_box{text-align:right}#news_board_list .expl_box .txt_box{position:relative;display:inline-block;width:52.5%;padding:5em 5em 5em 0;text-align:left;box-sizing:border-box}#news_board_list .expl_box .txt_box:before{content:"";position:absolute;top:50%;left:-42.5%;display:block;width:23.25em;height:23.25em;background:url(../../../images/site/kor/content/news_board_list_ico.svg) no-repeat center center;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}#news_board_list .expl_box .txt_box strong{display:block;margin-bottom:.4em;color:#63483B;font-size:2em}#news_board_list .expl_box .txt_box p{width:70%;margin-bottom:1.3em}#news_board_list table .bo_tit{text-align:center}@media screen and (max-width:1024px){#news_board_list .expl_box .txt_box{width:60%;padding:2em 0;margin-left:40%}#news_board_list .expl_box .txt_box:before{width:16em;height:16em;left:-18em;background-size:contain;transform:translate(0%,-50%);-webkit-transform:translate(0%,-50%)}#news_board_list .boardlist colgroup col.bo_reg,#news_board_list .boardlist colgroup col.bo_dat{width:17%!important}}@media screen and (max-width:740px){#news_board_list .expl_box .txt_box{width:72%;padding:1em 0 0;margin-left:28%}#news_board_list .expl_box .txt_box:before{width:10em;height:10em;left:-11em}}@media screen and (max-width:640px){#news_board_list .expl_box{text-align:left}#news_board_list .expl_box .txt_box{width:100%;padding:10em 0 0;margin-left:0;text-align:center}#news_board_list .expl_box .txt_box p{display:inline-block;width:25em;max-width:100%}#news_board_list .expl_box .txt_box:before{left:50%;top:0;transform:translate(-50%,0);-webkit-transform:translate(-50%,0)}#news_board_list .boardlist colgroup col.bo_tit{width:auto!important}#news_board_list .boardlist colgroup col.bo_reg,#news_board_list .boardlist colgroup col.bo_dat{width:6em!important}}@media screen and (max-width:440px){#news_board_list .expl_box .txt_box .btn_box{display:inline-block;width:15em}#news_board_list .expl_box .txt_box .btn_box a{margin-top:.3em}#news_board_list .expl_box .txt_box .btn_box a:first-child{margin-top:0}}#news_board_write div,#news_board_write h4{text-align:left}#news_board_write .boardwrite{text-align:center}#news_board_write .boardwrite .board_wrap{border-bottom:none}#news_board_write .text_box{padding:1.875em 2.5em;border-bottom:1px solid #E0E0E0;box-sizing:border-box}#news_board_write .text_box div[data-skin="radio"]{margin-top:2em;text-align:center}.emp_txt{color:#2b7b2b;font-size:1.2em;font-weight:700;text-decoration:underline;text-underline-position:under}.boardwrite.board12[data-skin="item"] .board_wrap{border-bottom:none}.boardwrite.board12 .text_box{padding:1.875em 2.5em;text-align:left;border-bottom:1px solid #E0E0E0;box-sizing:border-box}.boardwrite.board12 .text_box div[data-skin="radio"]{margin-top:2em;text-align:center}.boardwrite.board12 .board_wrap table tr td input{font-size:1em}.boardwrite.board12 .board_wrap table tr td .email_t{width:15em}.boardwrite.board12 .board_wrap table tr td [data-skin="select"] select#secret_yn+strong.green{display:inline-block}.boardwrite.board12 .board_wrap table tr td .tarea_box+.tip ul li:first-child{margin-top:.5em}@media screen and (max-width:1024px){#news_board_write .text_box,.boardwrite.board12 .text_box{padding:1.3em 1.8em}#news_board_write .text_box div[data-skin="radio"],.boardwrite.board12 .text_box div[data-skin="radio"]{margin-top:1.6em}.boardwrite.board12 .board_wrap table tr td .email_t{width:calc((100% - 1.5em) / 2)}.boardwrite.board12 .board_wrap table tr td#files .fileattachbox .ipfile+strong{display:block;margin-top:.3em}}@media screen and (max-width:640px){#news_board_write .text_box,.boardwrite.board12 .text_box{padding:1.3em}#news_board_write .text_box div[data-skin="radio"],.boardwrite.board12 .text_box div[data-skin="radio"]{margin-top:1.3em}.boardwrite.board12 table colgroup col:first-child{width:6em!important}.boardwrite.board12 .board_wrap table tr td [data-skin="select"] select#secret_yn+strong.green{display:block;margin-top:.5em}}@media screen and (max-width:480px){.boardwrite.board12 table colgroup col:first-child{width:5.5em!important}.boardwrite.board12 .board_wrap table tr td .email_t:first-child{width:calc((((100% - 1.5em - 1px) / 5) * 2))}.boardwrite.board12 .board_wrap table tr td .email_t:nth-child(2){width:calc((((100% - 1.5em - 1px) / 5) * 3))}}#part_board_list [data-title="yes"]>strong{min-width:24.5em;text-align:center}#part_board_list [data-title="yes"] h6{color:#63483B}#part_board_list [data-title="yes"] ul[data-skin="list"] li b{color:#3C6A3C;font-weight:500}#part_board_list [data-title="yes"] ul[data-skin="list"] li .btn_box{margin:.8em 0}#part_board_list [data-title="yes"] ul[data-skin="list"] li .btn_box a{margin-left:.5em}#part_board_list [data-title="yes"] ul[data-skin="list"] li .btn_box a:first-child{margin-left:0}#part_board_list [data-title="yes"] .pro_list{margin-top:1.4em}#part_board_list [data-title="yes"] .pro_list:after{content:"";display:block;clear:both}#part_board_list [data-title="yes"] .pro_list li{position:relative;float:left;width:calc((100% - 9em) / 4);margin-left:3em}#part_board_list [data-title="yes"] .pro_list li:first-child{margin-left:0}#part_board_list [data-title="yes"] .pro_list li:before{content:"";position:absolute;top:50%;right:-2em;display:block;width:.75em;height:1.375em;background:url(../../../images/site/kor/content/part_board_list_nexticosvg.svg) no-repeat center center;transform:translateY(-50%);-webkit-transform:translateY(-50%)}#part_board_list [data-title="yes"] .pro_list li:last-child:before{display:none}#part_board_list [data-title="yes"] .pro_list li .roof_tit{padding:0}#part_board_list [data-title="yes"] .pro_list li .roof_tit .txts{padding:1.0515em .5em;margin-top:0;text-align:center}#part_board_list [data-title="yes"] .pro_list li .roof_tit .txts p{font-size:.95em;color:#726661;height:40px}#part_board_list .botbtn_box{position:absolute;bottom:-5em;right:0}@media screen and (max-width:1050px) and (min-width:1024px){#part_board_list [data-title="yes"] .pro_list li .roof_tit .txts p{letter-spacing:-.02em}}@media screen and (max-width:1024px){#part_board_list [data-title="yes"]>strong{min-width:20em}#part_board_list [data-title="yes"] .pro_list li{width:calc((100% - 4.5em) / 4);margin-left:1.5em}#part_board_list [data-title="yes"] .pro_list li:before{right:-1.3em;width:1em;height:1.5em;background-size:80% 80%}#part_board_list [data-title="yes"] .pro_list li .roof_tit .txts{padding:1.0515em .6em}#part_board_list [data-title="yes"] .pro_list li:last-child .roof_tit .txts p br{display:none}#part_board_list .botbtn_box{position:relative;bottom:-1.5em;right:auto;text-align:right}}@media screen and (max-width:890px){#part_board_list .boardlist table colgroup col.bo_div{width:8em!important}}@media screen and (max-width:840px){#part_board_list [data-title="yes"] .pro_list li{width:calc((100% - 1.7em) / 2);margin-left:1.7em}#part_board_list [data-title="yes"] .pro_list li:before{right:-1.5em}#part_board_list [data-title="yes"] .pro_list li:nth-child(2):before{display:none}#part_board_list [data-title="yes"] .pro_list li:nth-child(3){margin-left:0}#part_board_list [data-title="yes"] .pro_list li:nth-child(n+3){margin-top:1.5em}#part_board_list [data-title="yes"] .pro_list li:last-child .roof_tit .txts p br{display:block}}@media screen and (max-width:640px){#part_board_list [data-title="yes"]>strong{min-width:13em}}@media screen and (max-width:480px){#part_board_list [data-title="yes"] .pro_list li{width:100%;margin-left:0}#part_board_list [data-title="yes"] .pro_list li:nth-child(n+2){margin-top:1.5em}#part_board_list [data-title="yes"] .pro_list li:before{top:auto;bottom:-1.5em;left:50%;transform:translate(-50%,0) rotate(90deg);-webkit-transform:translate(-50%,0) rotate(90deg)}#part_board_list [data-title="yes"] .pro_list li:nth-child(2):before{display:block}#part_board_list [data-title="yes"] .pro_list li .roof_tit .txts{padding:1em}#part_board_list [data-title="yes"] .pro_list li .roof_tit .txts p br,#part_board_list [data-title="yes"] .pro_list li:last-child .roof_tit .txts p br{display:none}#part_board_list [data-title="yes"] ul[data-skin="list"] li .btn_box a{display:inline-block;margin-left:0;margin-top:.3em}#part_board_list [data-title="yes"] ul[data-skin="list"] li .btn_box a:first-child{margin-top:0}}#danb_board_list [data-title="yes"]{padding:3.8em 2.2em 1.8em}#danb_board_list [data-title="yes"]>strong{min-width:24.5em;text-align:center}#danb_board_list [data-title="yes"] .ser_list:after,#danb_board_list [data-title="yes"] .pro_list:after{content:"";display:block;clear:both}#danb_board_list [data-title="yes"] .ser_list li{position:relative;float:left;width:calc((100% - 9em) / 4);margin-left:3em}#danb_board_list [data-title="yes"] .pro_list li{position:relative;float:left;width:calc((100% - 15.5em) / 6);margin-left:3em}#danb_board_list [data-title="yes"] .ser_list li:first-child,#danb_board_list [data-title="yes"] .pro_list li:first-child{margin-left:0}#danb_board_list [data-title="yes"] .pro_list li:before{content:"";position:absolute;top:50%;right:-2em;display:block;width:.75em;height:1.375em;background:url(../../../images/site/kor/content/part_board_list_nexticosvg.svg) no-repeat center center;transform:translateY(-50%);-webkit-transform:translateY(-50%)}#danb_board_list [data-title="yes"] .pro_list li:last-child:before{display:none}#danb_board_list [data-title="yes"] .ser_list li .roof_tit,#danb_board_list [data-title="yes"] .pro_list li .roof_tit{padding:0}#danb_board_list [data-title="yes"] .ser_list li .roof_tit{background-color:#63483B;box-shadow:none}#danb_board_list [data-title="yes"] .ser_list li .roof_tit .tits{padding:1.4em .5em .4em}#danb_board_list [data-title="yes"] .ser_list li .roof_tit .tits strong{font-weight:500;font-size:1em}#danb_board_list [data-title="yes"] .ser_list li .roof_tit .tits strong span i{font-style:normal}#danb_board_list [data-title="yes"] .ser_list li .roof_tit .txts{padding:.5em .5em 1.5em;margin-top:0;text-align:center}#danb_board_list [data-title="yes"] .pro_list li .roof_tit .txts{padding:1.0515em .5em;margin-top:0;text-align:center}#danb_board_list [data-title="yes"] .ser_list li .roof_tit .txts p{font-size:.95em;color:#fff}#danb_board_list [data-title="yes"] .pro_list li .roof_tit .txts p{font-size:.95em;color:#726661;height:40px}#danb_board_list [data-skin="boxs"][data-type="1"]{text-align:center}#danb_board_list [data-skin="boxs"][data-type="1"] h6{margin-bottom:1em;color:#3C6A3C}#danb_board_list .boardlist table tbody tr td.bo_sta b{display:inline-block;min-width:4.45em;padding:.32em 0;font-size:.95em;font-weight:500;background-color:#F9F6F2;color:#63483B;box-sizing:border-box;border-radius:1.5em;-webkit-border-radius:1em}#danb_board_list .boardlist table tbody tr td.bo_sta b.prog{background-color:#F1F5F1;color:#3C6A3C}#danb_board_list .boardlist table tbody tr td.bo_sta b.dic{background-color:#b98465;color:#333} #danb_board_list .boardlist table tbody tr td.bo_sta b.comp{background-color:#F2F2F2;color:#333}@media screen and (max-width:1050px) and (min-width:1024px){#danb_board_list [data-title="yes"] .pro_list li .roof_tit .txts p{letter-spacing:-.02em}#danb_board_list [data-title="yes"] .ser_list li:nth-child(2) .roof_tit .tits{padding:.6em .5em 0em}#danb_board_list [data-title="yes"] .ser_list li:nth-child(2) .roof_tit .txts{padding:.4em .5em 1.35em}#danb_board_list [data-title="yes"] .ser_list li .roof_tit .tits strong span i{display:block}}@media screen and (max-width:1024px){#danb_board_list [data-title="yes"]>strong{min-width:20em}#danb_board_list [data-title="yes"] .ser_list li,#danb_board_list [data-title="yes"] .pro_list li{width:calc((100% - 4.5em) / 4);margin-left:1.5em}#danb_board_list [data-title="yes"] .pro_list li:before{right:-1.3em;width:1em;height:1.5em;background-size:80% 80%}#danb_board_list [data-title="yes"] .pro_list li .roof_tit .txts{padding:1.0515em .6em}#danb_board_list [data-title="yes"] .ser_list li .roof_tit .txts{padding:.5em .5em 1.5em}#danb_board_list [data-title="yes"] .pro_list li:last-child .roof_tit .txts p br{display:none}}@media screen and (max-width:915px) and (min-width:841px){#danb_board_list [data-title="yes"] .ser_list li:nth-child(2) .roof_tit .tits{padding:.6em .5em 0em}#danb_board_list [data-title="yes"] .ser_list li:nth-child(2) .roof_tit .txts{padding:.4em .5em 1.35em}#danb_board_list [data-title="yes"] .ser_list li .roof_tit .tits strong span i{display:block}}@media screen and (max-width:890px){#danb_board_list .boardlist table colgroup col.bo_div{width:8em!important}}@media screen and (max-width:840px){#danb_board_list [data-title="yes"] .ser_list li,#danb_board_list [data-title="yes"] .pro_list li{width:calc((100% - 1.7em) / 2);margin-left:1.7em}#danb_board_list [data-title="yes"] .pro_list li:before{right:-1.5em}#danb_board_list [data-title="yes"] .ser_list li:nth-child(3){margin-left:0}#danb_board_list [data-title="yes"] .pro_list li:nth-child(3){margin-left:0}#danb_board_list [data-title="yes"] .pro_list li:nth-child(5){margin-left:0}#danb_board_list [data-title="yes"] .ser_list li:nth-child(n+3){margin-top:1.5em}#danb_board_list [data-title="yes"] .pro_list li:nth-child(n+3){margin-top:1.5em}#danb_board_list [data-title="yes"] .pro_list li:last-child .roof_tit .txts p br{display:block}}@media screen and (max-width:640px){#danb_board_list [data-title="yes"]>strong{min-width:13em;padding-left:2em;padding-right:2em}}@media screen and (max-width:540px){#danb_board_list [data-skin="boxs"][data-type="1"] h6 span{display:block}}@media screen and (max-width:480px){#danb_board_list [data-title="yes"] .ser_list li,#danb_board_list [data-title="yes"] .pro_list li{width:100%;margin-left:0}#danb_board_list [data-title="yes"] .ser_list li:nth-child(n+2),#danb_board_list [data-title="yes"] .pro_list li:nth-child(n+2){margin-top:1.5em}#danb_board_list [data-title="yes"] .pro_list li:before{top:auto;bottom:-1.5em;left:50%;transform:translate(-50%,0) rotate(90deg);-webkit-transform:translate(-50%,0) rotate(90deg)}#danb_board_list [data-title="yes"] .pro_list li:nth-child(2):before{display:block}#danb_board_list [data-title="yes"] .pro_list li .roof_tit .txts{padding:1em}#danb_board_list [data-title="yes"] .pro_list li .roof_tit .txts p br,#danb_board_list [data-title="yes"] .pro_list li:last-child .roof_tit .txts p br{display:none}}#webt_board_view .boardview .bov_top dd .webt_img img{display:block;width:100%;max-width:1000px;margin:0 auto} /*content.css*/ #ga_feat .tt_ul { width: 100%; position: relative; padding-left: calc((100% / 5) - 1.4em); box-sizing: border-box; } #ga_feat .tt_ul:after { content: ""; display: block; clear: both; } #ga_feat .tt_ul > li { float: left; position: relative; width: calc((100% / 4) - 1.6em); margin-left: 1.6em; border-radius: 0.65em; border: 1px solid #e4d9c9; box-sizing: border-box; background-color: #f9f6f2; } #ga_feat .tt_ul > li:first-child { height: 100%; background-color: #3c6a3c; border: none; position: absolute; display: table; margin-left: 0; top: 0; left: 0; width: calc((100% / 5) - 1.2em); } #ga_feat .tt_ul > li:before { content: ""; position: absolute; top: 50%; left: -1.7em; display: block; width: 1.7em; height: 1px; background-color: #63483b; } #ga_feat .tt_ul > li:after { content: ""; position: absolute; top: 50%; left: 0; display: block; width: 10px; height: 10px; background-color: #fff; border: 2px solid #63483b; border-radius: 50%; box-sizing: border-box; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } #ga_feat .tt_ul > li:first-child:before, #ga_feat .tt_ul > li:first-child:after { display: none; } #ga_feat .tt_ul > li strong { position: relative; display: block; padding: 4em 0 0.85em; font-size: 1.15em; text-align: center; color: #63483b; } #ga_feat .tt_ul > li strong:before { content: ""; position: absolute; top: 25%; left: 50%; display: block; width: 40px; height: 47px; background-repeat: no-repeat; background-position: center center; transform: translate(-50%, -25%); -webkit-transform: translate(-50%, -25%); } #ga_feat .tt_ul > li:first-child strong { color: #fff; padding: 0; display: table-cell; width: 100%; height: 100%; min-height: 213px; vertical-align: middle; } #ga_feat .tt_ul > li:first-child strong:before { display: none; } #ga_feat .tt_ul > li:nth-child(2) strong:before { background-image: url(../../../images/site/kor/content/ga_feat_ico01.svg); } #ga_feat .tt_ul > li:nth-child(3) strong:before { background-image: url(../../../images/site/kor/content/ga_feat_ico02.svg); } #ga_feat .tt_ul > li:nth-child(4) strong:before { background-image: url(../../../images/site/kor/content/ga_feat_ico03.svg); } #ga_feat .tt_ul > li:nth-child(5) strong:before { background-image: url(../../../images/site/kor/content/ga_feat_ico04.svg); } #ga_feat .tt_ul > li ul { min-height: 109px; padding: 0.6em 1em; box-sizing: border-box; background-color: #fff; border-radius: 0 0 0.65em 0.65em; } #ga_feat .tt_ul > li ul li { font-size: 0.95em; color: #726661; } #ga_feat .st_ul li { position: relative; display: table; table-layout: fixed; width: 100%; margin-bottom: 0.85em; } #ga_feat .st_ul li:last-child { margin-bottom: 0; } #ga_feat .st_ul li strong { display: table-cell; width: 13em; height: 100%; font-size: 1.05em; text-align: center; color: #63483b; border: 1px solid #e4d9c9; box-sizing: border-box; border-radius: 0.65em; vertical-align: middle; } #ga_feat .st_ul li p { display: table-cell; padding: 0.85em 0 0.85em 1.8em; font-size: 0.95em; } .effe_bx { position: relative; } .effe_bx > strong { position: absolute; height: 213px; width: calc((100% / 3) - 2.3em); background: url(../../../images/site/kor/content/ga_feat_effebg.jpg) no-repeat center center; background-size: cover; border-radius: 0.65em; color: #fff; line-height: 210px; text-align: center; font-size: 1.15em; } .effe_bx > ul { position: relative; } .effe_bx > strong:before { content: ""; position: absolute; bottom: -1.8em; left: 50%; display: block; width: 1px; height: 1.875em; background-color: #63483b; } .effe_bx > strong:after { content: ""; position: absolute; left: 50%; bottom: -1.75em; z-index: 1; display: block; width: 10px; height: 10px; background-color: #fff; border: 2px solid #63483b; border-radius: 50%; box-sizing: border-box; transform: translate(-50%, 50%); -webkit-transform: translate(-50%, 50%); } .effe_bx > ul:after { content: ""; display: block; clear: both; } .effe_bx > ul.fi_ul > li { position: relative; float: left; width: calc(((100% - 1px) / 3) - 1.2em); } .effe_bx > ul.fi_ul > li:after { content: ""; position: absolute; left: 0; top: 50%; z-index: 1; display: block; width: 10px; height: 10px; background-color: #fff; border: 2px solid #63483b; border-radius: 50%; box-sizing: border-box; transform: translate(-50%, -50%); } .effe_bx > ul.fi_ul > li:before { content: ""; position: absolute; top: 50%; left: -1.8em; display: block; width: 1.8em; height: 1px; background-color: #63483b; } .effe_bx > ul.fi_ul > li:nth-child(1) { margin: 0 1.8em 0 calc((100% / 3) + 0.6em); box-sizing: border-box; } .effe_bx > ul.fi_ul > li .roof_tit { padding-bottom: 1.05em; box-shadow: none; border: 1px solid #63483b; overflow: hidden; } .effe_bx > ul.fi_ul > li .roof_tit > strong { line-height: 3em; border-radius: 0; } .effe_bx > ul.fi_ul > li .roof_tit .txts { margin-top: 0.95em; height: 7.55em; } .effe_bx > ul.fi_ul > li .roof_tit .txts [data-skin="list"] li:not(:first-child) { margin-top: 0.18em; } .effe_bx > ul.se_ul > li { display: table; width: 100%; margin-top: 1.25em; border-radius: 0.65em; border: 1px solid #e4d9c9; box-sizing: border-box; overflow: hidden; } .effe_bx > ul.se_ul > li:first-child { margin-top: 1.875em; } .effe_bx > ul.se_ul > li > strong { display: table-cell; width: 31.5%; height: 100%; font-size: 1.15em; vertical-align: middle; text-align: center; background-color: #f9f6f2; color: #63483b; border-radius: 0.65em 0 0 0.65em; } .effe_bx > ul.se_ul > li > ul { padding: 1em 0 1em 1.5em; } @media all and (max-width: 1024px) { #ga_feat .tt_ul { padding-left: 0; } #ga_feat .tt_ul > li { float: none; display: table; width: 100%; margin: 0; margin-top: 1.5em; } #ga_feat .tt_ul > li:first-child { position: relative; top: auto; left: auto; display: block; width: 100%; margin-top: 0; } #ga_feat .tt_ul > li:before { top: -1.6em; left: 50%; width: 1px; height: 1.5em; transform: translateX(-50%); } #ga_feat .tt_ul > li:after { top: 0; left: 50%; } #ga_feat .tt_ul > li strong { display: table-cell; vertical-align: middle; width: 31.5%; padding: 3.2em 0.5em 0.85em; box-sizing: border-box; font-size: 1.05em; } #ga_feat .tt_ul > li:first-child strong { font-size: 1.15em; } #ga_feat .tt_ul > li:first-child strong { display: block; width: 100%; min-height: auto; padding: 1em 0; } #ga_feat .tt_ul > li strong:before { background-size: 80%; top: 20%; transform: translate(-50%, -20%); -webkit-transform: translate(-50%, -20%); } #ga_feat .tt_ul > li ul { display: table-cell; vertical-align: middle; padding: 1em 1em 1em 1.5em; border-radius: 0 0.65em 0.65em 0; } #ga_feat .st_ul li strong { width: 11em; padding: 0 1em; box-sizing: border-box; } .effe_bx > strong { height: 202px; } .roof_tit > strong { font-size: 1.05em; line-height: 3.3em; } .effe_bx > ul.se_ul > li > strong { font-size: 1.05em; } } @media all and (max-width: 860px) { .effe_bx { } .effe_bx > strong:before { bottom: -1.5em; height: 1.5em; } .effe_bx > strong:after { bottom: -1.5em; } .effe_bx > strong { width: calc(100% - 3.3em); height: auto; padding: 1em 0; line-height: normal; background-repeat: repeat; background-size: contain; } .effe_bx > ul.fi_ul { margin-top: 5.7em; } .effe_bx > ul.fi_ul > li { float: none; width: 100%; margin-top: 1.5em; } .effe_bx > ul.fi_ul > li:nth-child(1) { margin: 0; } .effe_bx > ul.fi_ul > li:before { top: auto; bottom: 0; left: 50%; width: 1px; height: 1.5em; transform: translateY(100%); -webkit-transform: translateY(100%); } .effe_bx > ul.fi_ul > li:after { left: 50%; top: auto; bottom: -1.5em; transform: translate(-50%, 5px); } .effe_bx > ul.fi_ul > li .roof_tit { display: table; table-layout: fixed; padding: 0; width: 100%; overflow: hidden; } .effe_bx > ul.fi_ul > li .roof_tit > .tits { position: relative; top: auto; left: auto; display: table-cell; width: 31.5%; line-height: inherit; vertical-align: middle; border-radius: 0; } .effe_bx > ul.fi_ul > li .roof_tit .txts { display: table-cell; height: auto; margin-top: 0; padding: 1em 1em 1em 1.5em; } .effe_bx > ul.se_ul > li { margin-top: 1.5em; } .effe_bx > ul.se_ul > li:first-child { margin-top: 1.5em; } .effe_bx > ul.se_ul > li > ul { padding: 1em 1em 1em 1.5em; } } @media all and (max-width: 640px) { #ga_feat .tt_ul > li strong { width: 33%; } #ga_feat .tt_ul > li strong:before { background-size: 70%; top: 15%; transform: translate(-50%, -15%); } #ga_feat .st_ul li strong { display: block; width: 100%; padding: 0.5em 0; } #ga_feat .st_ul li p { display: block; padding: 0.7em 0 0em; } .effe_bx > strong { width: calc(100% - 2.8em); } #ga_feat .st_ul li { margin-bottom: 1.2em; } } @media all and (max-width: 480px) { #ga_feat .tt_ul > li { display: block; text-align: center; } #ga_feat .tt_ul > li strong { display: inline-block; width: auto; padding: 0.8em 0; margin-left: 1em; } #ga_feat .tt_ul > li:first-child strong { margin-left: 0; } #ga_feat .tt_ul > li strong:before { top: 50%; left: -3em; background-size: 65%; transform: translate(0, -50%); } #ga_feat .tt_ul > li ul { display: block; width: 100%; padding: 1em 1.5em; border-radius: 0 0 0.65em 0.65em; vertical-align: baseline; min-height: 0; text-align: left; } .effe_bx > strong { width: calc(100% - 2.4em); } .effe_bx > ul.fi_ul > li .roof_tit { display: block; } .effe_bx > ul.fi_ul > li .roof_tit > .tits { display: block; width: 100%; padding: 0.8em 0; } .effe_bx > ul.fi_ul > li .roof_tit .txts { display: block; padding: 1em 1.5em; } .effe_bx > ul.se_ul > li { display: block; } .effe_bx > ul.se_ul > li > strong { display: block; width: 100%; padding: 0.8em 0; border-radius: 0.65em 0.65em 0 0; } .effe_bx > ul.se_ul > li > ul { display: block; padding: 1em 1.5em; } } #ga_case_kor .pc-only .timehistorybox { position: relative; width: 100%; height: 730px; padding: 45px 30px; margin: 0 auto; box-sizing: border-box; background: url(../../../images/site/kor/content/bg_korea_inbox.png) no-repeat 0 0; background-size: 100% 100%; } #ga_case_kor .pc-only .timehistorybox dl { position: relative; clear: both; overflow: hidden; height: 64px; } #ga_case_kor .pc-only .timehistorybox dl dt { float: left; width: 100px; height: 45px; margin-right: 36px; text-align: center; background: #9c8d7a; border-radius: 5px; line-height: 46px; color: #fff; font-size: 17px; } #ga_case_kor .pc-only .timehistorybox dl dd { float: none; overflow: hidden; } #ga_case_kor .pc-only .timehistorybox dl dd ul { height: 68px; } #ga_case_kor .pc-only .timehistorybox dl dd ul li { float: left; width: calc((100% - 1px) / 15); height: 50px; padding-top: 13px; box-sizing: border-box; } #ga_case_kor .pc-only .timehistorybox dl.joseon dd ul li { float: left; width: calc((100% - 1px) / 19); } #ga_case_kor .pc-only .timehistorybox dl dd ul li .iradiobox { position: relative; display: block; width: 100%; height: 100%; text-align: center; cursor: pointer; box-sizing: border-box; } #ga_case_kor .pc-only .timehistorybox dl dd ul li .iradiobox input { position: relative; width: 1.2em; height: 1.2em; margin-top: -1em; border-radius: 50%; appearance: none; background-color: #fff; border: 1px solid #888; } #ga_case_kor .pc-only .timehistorybox dl dd ul li.on .iradiobox input:after { content: ""; position: absolute; top: -4px; left: -4px; display: block; width: calc(100% + 6px); height: calc(100% + 6px); border-radius: 50%; border: 1px solid #888; z-index: 0; } #ga_case_kor .pc-only .timehistorybox dl dd ul li.on .iradiobox input { border: 4px solid #fff; background-color: #3c6a3c; } #ga_case_kor .pc-only .timehistorybox dl dd ul li label { display: block; color: #444; font-size: 0.85em; box-sizing: border-box; } #ga_case_kor .pc-only .timehistorybox dl dd ul li.start { background: url(../../../images/site/kor/content/bg_historyline.png) no-repeat -10% 45%; } #ga_case_kor .pc-only .timehistorybox dl dd ul li.last { background: url(../../../images/site/kor/content/bg_historyline_right.png) no-repeat 110% 45%; } #ga_case_kor .pc-only .timehistorybox dl.goguryeo ul li.goguryeo_1 { margin-left: 53px; } #ga_case_kor .pc-only .timehistorybox dl.goguryeo ul li.goguryeo_3 { margin-left: 202px; } #ga_case_kor .pc-only .timehistorybox dl.silla { height: 96px; } #ga_case_kor .pc-only .timehistorybox dl.silla ul li.silla_2 { margin-left: calc(((100% - 1px) / 15) * 2); } #ga_case_kor .pc-only .timehistorybox dl.silla ul li.silla_3 { margin-left: calc(((100% - 1px) / 15) * 2); } #ga_case_kor .pc-only .timehistorybox dl.goryeo { height: 94px; } #ga_case_kor .pc-only .timehistorybox dl.joseon { height: 174px; } #ga_case_kor .pc-only .timehistorybox dl.joseon dt { background: #63483b; } #ga_case_kor .pc-only .timehistorybox dl.joseon ul.line2 { margin-top: 1.2em; } #ga_case_kor .pc-only .timehistorybox { position: relative; margin-top: 2.5em; box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); border-radius: 0.5em; } #ga_case_kor .pc-only .timehistorybox dl.joseon ul.line2 li { float: right; width: calc((100% - 1px) / 19); } #ga_case_kor .pc-only .timehistorybox dl.ilje { position: absolute; right: 1%; top: 62.3%; display: block; width: 100%; overflow: visible; transform: translate(-50%, 0); } #ga_case_kor .pc-only .timehistorybox dl.ilje:after { content: ""; display: block; clear: both; } #ga_case_kor .pc-only .timehistorybox dl.ilje dd { left: 0; top: 0; position: relative; } #ga_case_kor .pc-only .timehistorybox dl.ilje dd ul { display: block; width: auto; height: auto; padding-top: 7.5px; box-sizing: border-box; } #ga_case_kor .pc-only .timehistorybox dl.ilje dd ul li { width: calc((100% - 1px) / 23); min-width: 3em; } #ga_case_kor .pc-only .timehistorybox dl.ilje dt { position: absolute; top: calc(50% - 1em); right: -140px; margin: 0; background: #675645; width: auto; height: auto; padding: 0.7em 1em; line-height: normal; font-size: 0.9em; box-sizing: border-box; transform: translateY(-50%); -webkit-transform: translateY(-50%); } #ga_case_kor .pc-only .timehistorybox dl.ilje dd ul li { float: right; padding-top: 0; } #ga_case_kor .pc-only .timehistorybox dl.ilje dd ul li.start { background: url(../../../images/site/kor/content/bg_historyline_right.png) no-repeat 100% 0.5em; } #ga_case_kor .pc-only .timehistorybox dl.ilje dd ul li.last { background: url(../../../images/site/kor/content/bg_historyline.png) no-repeat 0 0.5em; } #ga_case_kor .pc-only .timehistorybox dl.latest { height: 150px; } #ga_case_kor .pc-only .timehistorybox dl.latest ul.line2 { margin-top: 1.3em; } #ga_case_kor .pc-only .timehistorybox dl.latest ul.line3 { margin-top: 1.3em; } #ga_case_kor .pc-only .timehistorybox dl.latest ul.line2 li { float: right; } #ga_case_kor .pc-only .timehistorybox dl.latest ul.line3 li { float: right; } .detail-timecontents { clear: both; margin: 2.5em 0 0 0; } .detail-timecontents dl, .dl_div { overflow: hidden; padding: 1.5625em 1.15em; border-top: 2px solid #3c6a3c; border-bottom: 1px solid #3c6a3c; box-sizing: border-box; } #ga_case_kor .menu-knowlege-korea .detail-timecontents dl dt, #ga_case_kor .menu-knowlege-korea .detail-timecontents .dl_div .dt_h2 { margin: 0 0 0.54em 0; padding-top: 1.36em; color: #222; font-size: 1.15em; font-weight: 500; box-sizing: border-box; } #ga_case_kor .menu-knowlege-korea .detail-timecontents dl dt:first-child, #ga_case_kor .menu-knowlege-korea .detail-timecontents .dl_div .dt_h2:first-child { padding-top: 0; } #ga_case_kor .menu-knowlege-korea .detail-timecontents .dl_div > div:nth-child(n + 2) .dt_h2:first-child { position: relative; padding-top: 2.72em; } #ga_case_kor .menu-knowlege-korea .detail-timecontents .dl_div > div:nth-child(n + 2) .dt_h2:first-child:before { content: ""; position: absolute; top: 1.26em; left: 0; display: block; width: 100%; height: 1px; background-color: #e0e0e0; } #ga_case_kor .detail-timecontents dl dt strong { font-weight: 500; } #ga_case_kor .detail-timecontents dl dd { color: #666; line-height: 25px; font-size: 15px; } #ga_case_kor .detail-timecontents .orgbox { clear: both; overflow: hidden; margin: 15px 0 0 0; } #ga_case_kor .detail-timecontents .orgbox strong { float: left; width: 45px; font-weight: 400; } #ga_case_kor .menu-knowlege-korea .detail-timecontents .orgbox ul { float: none; overflow: hidden; } #ga_case_kor .menu-knowlege-korea .detail-timecontents .orgbox ul li { float: left; width: 50%; padding: 0 0 0 12px; margin: 0 0 10px 0; background: url(../../../images/site/kor/content/images/icon/icon_dot_03.png) no-repeat 0 4px; } #ga_case_kor .history-frbox .detail-timecontents dl { display: none; height: 432px; overflow-y: auto; } #ga_case_kor .history-frbox .detail-timecontents dl.on { display: block; } #ga_case_kor .menu-knowlege-korea .detail-timecontents { overflow: hidden; } #ga_case_kor .menu-knowlege-korea .detail-timecontents dl { display: none; } #ga_case_kor .menu-knowlege-korea .detail-timecontents dl.on { display: block; } #ga_case_kor .menu-knowlege-korea .detail-timecontents dl dd, #ga_case_kor .menu-knowlege-korea .detail-timecontents .dl_div .dd_span { display: block; background: none; } #ga_case_kor .menu-knowlege-korea .detail-timecontents .dl_div .dd_span { padding: 0 0 1.5625em 0; border-bottom: 1px solid #e0e0e0; } #ga_case_kor .menu-knowlege-korea .detail-timecontents dl dd:last-of-type { padding: 0 0 1.5625em 0; border-bottom: 1px solid #e0e0e0; } #ga_case_kor .menu-knowlege-korea .detail-timecontents dl dd:last-of-type, #ga_case_kor .menu-knowlege-korea .detail-timecontents .dl_div .dd_span:last-of-type { padding-bottom: 0; border-bottom: none; } .menu-knowlege-korea .detail-timecontents dl dt label { display: block; margin-top: 0.2em; } #ga_case_kor .menu-knowlege-korea .detail-timecontents .dl_div .dt_h2 strong { font-weight: 400; } #ga_case_kor .slidesjs-pagination { margin: 6px 0 0; float: right; list-style: none; } #ga_case_kor .slidesjs-pagination li { float: left; margin: 0 1px; } #ga_case_kor .slidesjs-pagination li a { display: block; width: 13px; height: 0; padding-top: 13px; background-image: url(../../../images/site/kor/content/pagination.png); background-position: 0 0; float: left; overflow: hidden; } #ga_case_kor .slidesjs-pagination li a.active, #ga_case_kor .slidesjs-pagination li a:hover.active { background-position: 0 -13px; } #ga_case_kor .slidesjs-navigation [class^="icon-"], #ga_case_kor .slidesjs-navigation [class*=" icon-"] { display: inline-block; font-style: normal; text-decoration: none; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0 0; background-repeat: no-repeat; margin-top: 0; } #ga_case_kor .slidesjs-navigation .icon-chevron-left:before { content: "\f053"; vertical-align: -10%; font-size: 1.3333333333333333em; } #ga_case_kor .slidesjs-navigation .icon-chevron-right:before { content: "\f054"; vertical-align: -10%; font-size: 1.3333333333333333em; } #ga_case_kor .tip_box { margin-top: 2em; } #ga_case_kor .tip_box ul[data-skin="list"] li { padding-left: 0; } #ga_case_kor .tip_box ul[data-skin="list"] li:after { display: none; } #ga_case_kor .mobile-only { display: none; } @media all and (max-width: 1024px) { #ga_case_kor .pc-only { display: none; } #ga_case_kor .mobile-only { display: block; } #ga_case_kor .mobile-only .stabbox { display: block; margin: 0; border: 1px solid #e2e2e2; box-sizing: border-box; } #ga_case_kor .mobile-only .stabbox:after { content: ""; display: block; clear: both; } #ga_case_kor .mobile-only .stabbox > li { position: relative; float: left; width: calc((100% - 1px) / 3); box-sizing: border-box; } #ga_case_kor .mobile-only .stabbox > li:before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 1px; height: 100%; background-color: #e2e2e2; margin-left: -0.5px; } #ga_case_kor .mobile-only .stabbox > li:nth-child(3n + 1):before { display: none; } #ga_case_kor .mobile-only .stabbox > li:after { content: ""; position: absolute; top: 0; left: 0; display: none; width: 100%; height: 1px; background-color: #e2e2e2; margin-top: -0.5px; } #ga_case_kor .mobile-only .stabbox > li:nth-child(n + 4):after { display: block; } #ga_case_kor .mobile-only .stabbox > li a { position: relative; display: block; width: 100%; height: 100%; padding: 0.8em 1em; color: #222; font-size: 1.1em; cursor: pointer; text-decoration: none; text-align: center; box-sizing: border-box; } #ga_case_kor .mobile-only .stabbox > li.on a { background-color: #2f452e; color: #fff; } #ga_case_kor .mobile-only .hiddencontents { display: none; margin-top: 2em; } #ga_case_kor .mobile-only .hiddencontents.on { display: block; } #ga_case_kor .mobile-only .hiddencontents ul { padding: 0.2em 0; border-top: 2px solid #3c6a3c; border-bottom: 1px solid #3c6a3c; box-sizing: border-box; } #ga_case_kor .mobile-only .hiddencontents ul li { padding: 1em 1.15em; border-top: 1px solid #e0e0e0; box-sizing: border-box; } #ga_case_kor .mobile-only .hiddencontents ul li:first-child { border-top: none; } #ga_case_kor .mobile-only .hiddencontents ul li strong { display: block; margin-bottom: 0.54em; font-size: 1.15em; color: #222; font-weight: 500; } #ga_case_kor .mobile-only .hiddencontents ul li p { font-size: 0.95em; color: #666; } #ga_case_kor .tip_box { position: relative; margin-top: 1.2em; } #ga_case_kor .tip_box dt { position: absolute; top: 0; left: 1.7em; } #ga_case_kor .tip_box dd { padding-left: 4em; box-sizing: border-box; font-size: 0.95em; } } @media all and (max-width: 640px) { #ga_case_kor .mobile-only .stabbox > li { width: calc(100% / 2); } #ga_case_kor .mobile-only .stabbox > li:nth-child(3n + 1):before { display: block; } #ga_case_kor .mobile-only .stabbox > li:nth-child(2n + 1):before { display: none; } #ga_case_kor .mobile-only .stabbox > li:nth-child(n + 3):after { display: block; } } #ga_case_cheu .img_box { padding: 2.5em 2em; box-sizing: border-box; box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); background-color: #f9f7f5; text-align: center; border-radius: 0.5em; -webkit-border-radius: 0.5em; } #ga_case_cheu .img_box span { display: inline-block; width: 100%; height: 44em; margin: 0 auto; text-indent: -9999px; background: url(../../../images/site/kor/content/ga_case_cheu_img.jpg) no-repeat center center; background-size: contain; } #ga_case_cheu .img_box + h4.lines { margin-bottom: 0.7em; } #ga_case_cheu .tip_box { margin-top: 2em; padding-bottom: 1.5em; border-bottom: 1px solid #e0e0e0; } #ga_case_cheu .txts_box { text-align: right; } #ga_case_cheu .txts_box .form_box { display: inline-block; } #ga_case_cheu .txts_box .form_box:after { content: ""; display: block; clear: both; } #ga_case_cheu .txts_box .form_box a[data-skin="btn"], #ga_case_cheu .txts_box .form_box [data-skin="select"] { float: left; margin-left: 0.5em; } #ga_case_cheu .txts_box .form_box a[data-skin="btn"] { margin-left: 0; } #ga_case_cheu .txts_box .form_box [data-skin="select"] { display: inline-block; } #ga_case_cheu .txts_box .form_box [data-skin="select"]:after { content: ""; display: block; clear: both; } #ga_case_cheu .txts_box .form_box [data-skin="select"] > select { float: left; border-right: none; } #ga_case_cheu .txts_box .form_box [data-skin="select"] > select:nth-child(1) { border-radius: 0.3em 0 0 0.3em; -webkit-border-radius: 0.3em 0 0 0.3em; } #ga_case_cheu .txts_box .form_box [data-skin="select"] > select:nth-child(2) { border-radius: 0; -webkit-border-radius: 0; } #ga_case_cheu .txts_box .form_box + .table_scroll { margin-top: 1em; } @media all and (max-width: 1024px) { #ga_case_cheu .img_box { display: none; } #ga_case_cheu .txts_box { text-align: left; } } @media all and (max-width: 740px) { #ga_case_cheu .txts_box .form_box { display: block; width: 100%; } #ga_case_cheu .txts_box .form_box [data-skin="select"] { width: calc(100% - 6.9em - 2.8em); } #ga_case_cheu .txts_box .form_box [data-skin="select"] select { width: 50%; } #ga_case_cheu .txts_box .form_box [data-skin="select"] select { min-width: auto; } } @media all and (max-width: 400px) { #ga_case_cheu .txts_box .form_box { display: block; width: 100%; } #ga_case_cheu .txts_box .form_box a[data-skin="btn"][data-type="down"] { width: 100%; box-sizing: border-box; } #ga_case_cheu .txts_box .form_box [data-skin="select"] { width: calc(100% - 2.6em); margin-left: 0; margin-top: 0.3em; } #ga_case_cheu .txts_box .form_box [data-skin="select"] select { width: 50%; box-sizing: border-box; } #ga_case_cheu .txts_box .form_box a[data-skin="btn"][data-type="search"] { margin-top: 0.3em; } } .s_cont_box > .js_tab { margin-bottom: 2.5em; } #ga_case_fore .map_box { padding: 3.22em 0; box-sizing: border-box; box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); background-color: #f9f7f5; border-radius: 0.5em; -webkit-border-radius: 0.5em; } #ga_case_fore .map_box ul { position: relative; width: 952px; height: 400px; margin: 0 auto; padding: 0; box-shadow: none; background: url(../../../images/site/kor/content/ga_case_fore_map.jpg) no-repeat center center; border-radius: 0; -webkit-border-radius: 0; } #ga_case_fore .map_box ul li { position: absolute; top: 50%; left: 50%; transform: translate(50%, 50%); -webkit-transform: translate(50%, 50%); } #ga_case_fore .map_box ul li.cont01 { top: 22%; left: 18%; } #ga_case_fore .map_box ul li.cont02 { top: 55%; left: 29.5%; } #ga_case_fore .map_box ul li.cont03 { top: 18%; left: 43.5%; } #ga_case_fore .map_box ul li.cont04 { top: 18%; left: 45%; } #ga_case_fore .map_box ul li.cont05 { top: 21%; left: 49%; } #ga_case_fore .map_box ul li.cont06 { top: 32%; left: 52.4%; } #ga_case_fore .map_box ul li.cont07 { top: 26%; left: 74%; } #ga_case_fore .map_box ul li.cont08 { top: 22%; left: 79.2%; } #ga_case_fore .map_box ul li.cont09 { top: 64%; left: 83%; } #ga_case_fore .map_box ul li.cont10 { top: 75%; left: 89.4%; } #ga_case_fore .map_box ul li a { position: relative; display: inline-block; padding-top: 2.2em; font-size: 0.85em; text-decoration: none; } #ga_case_fore .map_box ul li a:before { content: ""; position: absolute; top: 0; left: 50%; display: block; width: 2em; height: 2em; background-image: url(../../../images/site/kor/content/ga_case_fore_ico.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; transform: translateX(-50%); -webkit-transform: translateX(-50%); } #ga_case_fore .map_box ul li.cont03 a, #ga_case_fore .map_box ul li.cont06 a { padding-top: 0; padding-right: 1em; } #ga_case_fore .map_box ul li.cont05 a { padding-top: 0; padding-left: 1em; } #ga_case_fore .map_box ul li a span { font-weight: 600; color: #615951; } #ga_case_fore .map_box ul li.cont03 a span { display: inline-block; padding-right: 0.5em; } #ga_case_fore .map_box ul li.cont05 a span { display: inline-block; padding-left: 0.5em; } #ga_case_fore .map_box ul li.cont06 a span { display: inline-block; padding-right: 0.5em; } #ga_case_fore .map_box ul li.cont03 a:before, #ga_case_fore .map_box ul li.cont06 a:before { top: 50%; left: auto; right: 0; background-position: center right; transform: translateY(-50%); -webkit-transform: translateY(-50%); } #ga_case_fore .map_box ul li.cont05 a:before { top: 50%; left: 0; background-position: center left; transform: translateY(-50%); -webkit-transform: translateY(-50%); } #ga_case_fore .map_box ul li a.on:before { background-image: url(../../../images/site/kor/content/ga_case_fore_icoon.svg); } #ga_case_fore .tab_cont { display: none; border-top: 2px solid #3c6a3c; border-bottom: 1px solid #3c6a3c; box-sizing: border-box; } #ga_case_fore .tab_cont.on { display: block; } #ga_case_fore .tab_cont .titles { padding: 1em; box-sizing: border-box; text-align: center; background-color: #f2f2f2; } #ga_case_fore .tab_cont .titles strong { color: #3c6a3c; font-size: 1.15em; } #ga_case_fore .tab_cont .txt_list { padding: 1em; border-bottom: 1px solid #e0e0e0; box-sizing: border-box; } #ga_case_fore .tab_cont .txt_list:last-of-type { border-bottom: none; } #ga_case_fore .tab_cont .txt_list .list_tit { position: relative; } #ga_case_fore .tab_cont .txt_list .list_tit strong { font-size: 1.15em; color: #222; } #ga_case_fore .tab_cont .txt_list .list_tit span { position: absolute; top: 50%; right: 0; font-size: 0.95em; color: #666; transform: translateY(-50%); -webkit-transform: translateY(-50%); } #ga_case_fore .tab_cont .txt_list [data-skin="list"][data-type="4"] { margin-top: 0.625em; color: #666; } #ga_case_fore .tip.tip_box { margin-top: 1.2em; } @media all and (max-width: 1024px) { #ga_case_fore .map_box { overflow-y: scroll; padding: 1em 0; } #ga_case_fore .scroll:before { content: "좌우로 터치해서 보세요."; font-size: 13px; width: 168px; margin: 0 auto 1em; box-sizing: border-box; padding: 0 0 0 25px; line-height: 25px; color: #00589b; display: block; background: url(../../../images/site/skin/scroll_ico.png) no-repeat left top; height: 22px; background-size: auto 100%; } } @media all and (max-width: 480px) { #ga_case_fore .tab_cont .txt_list .list_tit span { position: relative; top: auto; right: auto; display: block; margin-top: 0.2em; transform: translateY(0); -webkit-transform: translateY(0); } } #ga_clim_summ .divi4:after { content: ""; display: block; clear: both; } #ga_clim_summ .divi4 .roof_tit { float: left; width: calc((100% - 1.5em) / 2); margin-left: 1.5em; margin-top: 1.2em; } #ga_clim_summ .divi4 .roof_tit:nth-child(2n + 1) { margin-left: 0; } #ga_clim_summ .divi4 .roof_tit:nth-child(n + 3) { margin-top: 1.5em; } #ga_clim_summ .divi4 .roof_tit .bg_on { position: relative; height: 18.5em; } #ga_clim_summ .divi4 .roof_tit .bg_on:before{ content:""; position:absolute; bottom:0; left:50%; display:block; width:100%; margin-bottom : 10px; height:13em; background-repeat:no-repeat; background-position:center center; transform:translateX(-50%); -webkit-transform:translateX(-50%); } #ga_clim_summ .divi4 .roof_tit:nth-child(1) .bg_on:before{ background-image : url(../../../images/site/kor/content/35_weather_system_img01.png); background-size : auto 100%; } #ga_clim_summ .divi4 .roof_tit:nth-child(2) .bg_on:before{ background-image : url(../../../images/site/kor/content/35_weather_system_img02.png); background-size : auto 100%; } #ga_clim_summ .divi4 .roof_tit:nth-child(3) .bg_on:before{ background-image : url(../../../images/site/kor/content/35_weather_system_img03.png); background-size : auto 100%; } #ga_clim_summ .divi4 .roof_tit:nth-child(4) .bg_on:before{ background-image : url(../../../images/site/kor/content/35_weather_system_img03.png); background-size : auto 200px; } #ga_clim_summ .divi4 .roof_tit .txts { height: 6.5em; } #ga_clim_summ .divi4 .roof_tit .txts p { font-size: 0.95em; } #ga_clim_summ .divi3_wrap { text-align: center; } #ga_clim_summ .divi3_wrap .boxs_titles { display: inline-block; width: 24.7em; padding: 0.9em; background-color: #3c6a3c; font-size: 1.15em; color: #fff; box-sizing: border-box; border-radius: 0.5em; -webkit-border-radius: 0.5em; } #ga_clim_summ .divi3_wrap .divi3 { padding-top: 4.3em; text-align: left; box-sizing: border-box; } #ga_clim_summ .divi3_wrap .divi3:after { content: ""; display: block; clear: both; } #ga_clim_summ .divi3_wrap .divi3 .roof_tit { position: relative; float: left; width: calc(((100% - 1px) - 4em) / 3); } #ga_clim_summ .divi3_wrap .divi3 .roof_tit:before { content: ""; position: absolute; top: -4.3em; left: 50%; display: block; width: 1px; height: 4.3em; background-color: #3c6a3c; z-index: -1; } #ga_clim_summ .divi3_wrap .divi3 .roof_tit:nth-child(1):before { height: 12em; top: -8.5em; transform: translateX(5em) rotate(60deg); } #ga_clim_summ .divi3_wrap .divi3 .roof_tit:nth-child(3):before { height: 12em; top: -8.5em; background-color: #63483b; transform: translateX(-5em) rotate(-60deg); } #ga_clim_summ .divi3_wrap .divi3 .roof_tit:nth-child(3n + 2) { margin: 0 2em; } #ga_clim_summ .divi3_wrap .divi3 .roof_tit .tits span { font-weight: 700; } #ga_clim_summ .divi3_wrap .divi3 .roof_tit .txts { height: 7em; } #ga_clim_summ .divi3_wrap .divi3 .roof_tit .txts ul { color: #5b735b; } #ga_clim_summ .divi3_wrap .divi3 .roof_tit .txts ul[data-type="3"] { color: #726661; } #ga_clim_summ .bora_roof .tits { background-color: #706b89; } #ga_clim_summ .bora_roof .txts { margin-top: 0; background: url(../../../images/site/kor/content/ga_clim_summ_borabg.jpg) repeat-x left top; text-align: center; background-size: contain; } #ga_clim_summ .bora_roof .txts img { display: inline-block; max-width: 926px; margin: 2.5em auto 0.5em; } @media all and (max-width: 1360px) { #ga_clim_summ .divi4 .roof_tit .bg_on { height: 16.5em; } #ga_clim_summ .divi4 .roof_tit .bg_on:before { width: 457px; height: 11.7em; background-size: contain; } } @media all and (max-width: 1024px) { #ga_clim_summ .divi4 .roof_tit .bg_on:before { width: 381px; height: 9.75em; } #ga_clim_summ .divi4 .roof_tit .txts { height: 8em; } } @media all and (max-width: 840px) { #ga_clim_summ .divi4 .roof_tit .bg_on { height: 15em; } #ga_clim_summ .divi4 .roof_tit .bg_on:before { width: 304.8px; height: 7.8em; } #ga_clim_summ .divi4 .roof_tit .txts { height: 8em; } } @media all and (max-width: 740px) { #ga_clim_summ .divi4 .roof_tit { float: none; width: 100%; margin-left: 0; margin-top: 1.2em; } #ga_clim_summ .divi4 .roof_tit:nth-child(2n + 1) { margin-left: 0; } #ga_clim_summ .divi4 .roof_tit:nth-child(n + 2) { margin-top: 1.5em; } #ga_clim_summ .divi4 .roof_tit .bg_on { height: auto; padding-bottom: 13em; } #ga_clim_summ .divi4 .roof_tit .bg_on:before { width: 100%; height: 12em; } #ga_clim_summ .divi4 .roof_tit .txts { height: auto; } #ga_clim_summ .divi3_wrap { position: relative; display: table; table-layout: fixed; width: 100%; } #ga_clim_summ .divi3_wrap .boxs_titles { width: 7em; height: calc(100% - 2.4em); display: table-cell; vertical-align: middle; } #ga_clim_summ .divi3_wrap .divi3 { display: table-cell; padding-left: 1.5em; padding-top: 0; } #ga_clim_summ .divi3_wrap .divi3 .roof_tit { float: none; width: 100%; } #ga_clim_summ .divi3_wrap .divi3 .roof_tit:nth-child(3n + 2) { margin: 1.5em 0; } #ga_clim_summ .divi3_wrap .divi3 .roof_tit:before { top: 50%; left: -1.5em; width: 1.5em; height: 1px; } #ga_clim_summ .divi3_wrap .divi3 .roof_tit:nth-child(1):before, #ga_clim_summ .divi3_wrap .divi3 .roof_tit:nth-child(3):before { top: 50%; height: 1px; transform: translateX(0) rotate(0); } #ga_clim_summ .divi3_wrap .divi3 .roof_tit .txts { height: auto; padding: 0 1em; } #ga_clim_summ .bora_roof .txts .img_scroll { padding-top: 1em; box-sizing: border-box; } #ga_clim_summ .bora_roof .txts img { margin: 0 auto; } } @media all and (max-width: 480px) { #ga_clim_summ .divi4 .roof_tit .bg_on { padding-bottom: 10em; } #ga_clim_summ .divi4 .roof_tit .bg_on:before { width: 280px; height: 10em; } #ga_clim_summ .divi3_wrap .boxs_titles { width: 6em; padding: 0; } } #ga_clim_view .ar5_img { background-color: #f8f7f5; text-align: center; } #ga_clim_view .ar5_img img { display: inline-block; max-width: 880px; margin: 0 auto; } #ga_clim_view .divi3 { position: relative; margin-top: 1.5em; } #ga_clim_view .divi3:after { content: ""; display: block; clear: both; } #ga_clim_view .divi3 .roof_tit { width: calc(((100% - 1px) - 3em) / 3); } #ga_clim_view .divi3 .roof_tit:nth-child(2n + 2) { margin: 0 calc((((100% - 1px) - 3em) / 3) + 1.5em); } #ga_clim_view .divi3 .roof_tit:nth-child(1) { position: absolute; top: 0; left: 0; height: 100%; } #ga_clim_view .divi3 .roof_tit:nth-child(3) { position: absolute; top: 0; right: 0; height: 100%; } #ga_clim_view .bora_roof { margin-top: 1.5em; } #ga_clim_view .bora_roof .tits { background-color: #706b89; } #ga_clim_view .bora_roof .txts { margin-top: 0; background: url(../../../images/site/kor/content/ga_clim_summ_borabg.jpg) repeat-x left top; text-align: center; background-size: contain; } #ga_clim_view .bora_roof .txts img { display: inline-block; max-width: 883px; margin: 2.5em auto 0.5em; } #ga_clim_view .num_list { padding-left: 2.5em; box-sizing: border-box; } #ga_clim_view .num_list li { display: table; table-layout: fixed; margin-top: 1.25em; min-height: 9.25em; padding: 1.75em 2.4em 1.75em 4.5em; font-size: 0.95em; } #ga_clim_view .num_list li:first-child { margin-top: 0; } #ga_clim_view .num_list li em { position: absolute; top: 50%; left: 0; display: table-cell; vertical-align: middle; width: 3.8em; line-height: 3.8em; background-color: #f9f6f2; text-align: center; font-style: normal; font-size: 1.45em; font-weight: 700; color: #63483b; box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); border-radius: 50%; -webkit-border-radius: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } #ga_clim_view .num_list li p { display: table-cell; vertical-align: middle; width: 100%; } #ga_clim_view .year_box { margin-top: 1.5em; } #ga_clim_view .year_box .bg_on { text-align: center; } #ga_clim_view .year_box .bg_on img { display: inline-block; max-width: 815px; margin: 0.5em auto; } #ga_clim_view .year_box .txts p { font-size: 0.95em; } #ga_clim_view .nine_box { margin-top: 1.5em; } #ga_clim_view .nine_box .bg_on { text-align: center; } #ga_clim_view .nine_box .bg_on img { display: inline-block; max-width: 911px; margin: 0.5em auto; } #ga_clim_view .nine_box .txts p { font-size: 0.95em; } @media all and (max-width: 1024px) { #ga_clim_view .num_list li { padding: 1.8em 2em 1.8em 4em; } } @media all and (max-width: 960px) { #ga_clim_view .divi3 .roof_tit { width: calc(((100% - 1px) - 3em) / 3); } #ga_clim_view .divi3 .roof_tit:nth-child(2n + 2) { position: absolute; top: 0; left: calc((((100% - 1px) - 3em) / 3) + 1.5em); height: 100%; margin: 0; } #ga_clim_view .divi3 .roof_tit:nth-child(1) { position: relative; top: auto; left: auto; height: auto; } } @media all and (max-width: 740px) { #ga_clim_view .divi3 .roof_tit { width: 100%; } #ga_clim_view .divi3 .roof_tit:nth-child(2n + 2) { position: relative; top: auto; left: auto; height: auto; } #ga_clim_view .divi3 .roof_tit:nth-child(3) { position: relative; top: auto; right: auto; height: auto; } #ga_clim_view .divi3 .roof_tit:nth-child(n + 2) { margin-top: 1.2em; } #ga_clim_view .divi3 .roof_tit .txts { min-height: 3em; } #ga_clim_view .bora_roof .txts .img_scroll { padding-top: 1em; box-sizing: border-box; } #ga_clim_view .bora_roof .txts img { margin: 0 auto; } #ga_clim_view .year_box .bg_on img { margin: 0 auto; } #ga_clim_view .nine_box .bg_on img { margin: 0 auto; } #ga_clim_view .num_list { padding-left: 0; } #ga_clim_view .num_list li { margin-top: 3em; min-height: 9.25em; padding: 2.8em 1.5em 1.5em; } #ga_clim_view .num_list li:first-child { margin-top: 3em; } #ga_clim_view .num_list li em { top: 0; left: 0; width: 3em; line-height: 3em; font-size: 1.3em; transform: translate(40%, -50%); -webkit-transform: translate(40%, -50%); } } #ga_educ:after { content: ""; display: block; clear: both; } #ga_educ .link_wrap { float: left; display: table; table-layout: fixed; width: calc((100% - 1.5em) / 2); height: 20.15em; margin-left: 1.5em; border-width: 1px; border-style: solid; box-sizing: border-box; overflow: hidden; border-radius: 0.65em; -webkit-border-radius: 0.65em; } #ga_educ .link_wrap:nth-child(n + 3) { margin-top: 1.5em; } #ga_educ .link_wrap .link_table { position: relative; display: table-cell; vertical-align: middle; padding: 0 1em 3.25em; text-align: center; box-sizing: border-box; } #ga_educ .link_wrap .link_table h5 { position: relative; padding-top: 3.8em; margin: 0 0 0.9em; color: #333; box-sizing: border-box; } #ga_educ .link_wrap .link_table h5:before { content: ""; position: absolute; top: 0; left: 50%; display: block; width: 3em; height: 3em; background-repeat: no-repeat; background-position: center center; background-size: contain; transform: translateX(-50%); -webkit-transform: translateX(-50%); } #ga_educ .link_wrap:nth-child(1) .link_table h5:before { background-image: url(../../../images/site/kor/content/ga_educ_ico01.svg); } #ga_educ .link_wrap:nth-child(2) .link_table h5:before { background-image: url(../../../images/site/kor/content/ga_educ_ico02.svg); } #ga_educ .link_wrap:nth-child(3) .link_table h5:before { background-image: url(../../../images/site/kor/content/ga_educ_ico03.svg); } #ga_educ .link_wrap:nth-child(4) .link_table h5:before { background-image: url(../../../images/site/kor/content/ga_educ_ico04.svg); } #ga_educ .link_wrap .link_table .expl_s span { display: inline-block; margin-left: 0.75em; } #ga_educ .link_wrap .link_table .expl_s span:first-child { margin-left: 0; } #ga_educ .link_wrap .link_table .expl_s span strong { display: inline-block; margin-right: 0.2em; } #ga_educ .link_wrap .link_table .top_link { position: absolute; top: 1em; right: 1.5em; text-decoration: underline; text-underline-position: under; } #ga_educ .link_wrap .link_table .top_link i { display: inline-block; width: 0.8em; height: 1.5em; margin-left: 0.2em; text-indent: -9999px; background: url(../../../images/site/kor/content/ga_educ_ico05.svg) no-repeat center center; background-size: contain; } #ga_educ .link_wrap .link_table .go_link { position: absolute; bottom: 0; left: 0; display: block; width: 100%; padding: 0.94em 1em; color: #fff; text-decoration: none; box-sizing: border-box; border-radius: 0 0 0.65em 0.65em; -webkit-border-radius: 0 0 0.65em 0.65em; } #ga_educ .link_wrap .link_table .go_link i { position: relative; display: inline-block; width: 1.2em; height: 1.5em; margin-left: 0.1em; padding-left: 2em; text-indent: -9999px; background: url(../../../images/site/kor/content/mana_poli_stat_golink.svg) no-repeat center center; } #ga_educ .link_wrap:nth-child(2) .link_table .go_link i, #ga_educ .link_wrap:nth-child(3) .link_table .go_link i { padding-left: 0; } #ga_educ .link_wrap .link_table .go_link i:before { content: ""; position: absolute; top: 0.15em; left: 0; display: inline-block; width: 1em; height: 1em; background: url(../../../images/site/skin/icon_blank2.svg) no-repeat top 0.25em center; background-size: 0.75em; } #ga_educ .link_wrap.color_b { margin-left: 0; border-color: #e4d9c9; } #ga_educ .link_wrap.color_b .link_table { color: #726661; } #ga_educ .link_wrap.color_b .link_table .go_link { background-color: #63483b; } #ga_educ .link_wrap.color_g { border-color: #ccdfcc; } #ga_educ .link_wrap.color_g .link_table { color: #5b735b; } #ga_educ .link_wrap.color_g .link_table .go_link { background-color: #3c6a3c; } #ga_educ [data-name="pop1"] .bx .txts { overflow-y: auto; } #ga_educ [data-name="pop1"] .bx .txts .wet_box { width: 100%; max-width: 871px; margin: 0 auto; } #ga_educ [data-name="pop1"] .bx .txts .wet_box img { display: block; width: 100%; } #ga_educ [data-name="pop2"] .bx .txts { min-height: 40em; } #ga_educ .pop_education { width: 100%; height: 40.625em; overflow-y: auto; } #ga_educ .pop_education .btn_close { right: 0; top: -35px; width: 34px; height: 35px; padding-left: 0; background: url(../images/education/btn_close.jpg) no-repeat 0 0; text-indent: -99999px; } #ga_educ .pop_education .btn_nextcontents { position: absolute; right: 20px; top: 20px; width: 73px; height: 73px; padding-left: 0; background: url(../../../images/site/kor/content/btn_next.png) no-repeat 0 0; text-indent: -99999px; border: none; } #ga_educ .pop_education .btn_prevcontents { display: none; position: absolute; right: 103px; top: 20px; width: 73px; height: 73px; padding-left: 0; background: url(../../../images/site/kor/content/btn_prev.png) no-repeat 0 0; text-indent: -99999px; border: none; } #ga_educ .pop_education .btn_nextcontents, #ga_educ .pop_education .btn_nextcontents:focus, #ga_educ .pop_education .btn_nextcontents:hover, #ga_educ .pop_education .btn_prevcontents, #ga_educ .pop_education .btn_prevcontents:focus, #ga_educ .pop_education .btn_prevcontents:hover { cursor: pointer; } #ga_educ .pop_education .popcontents > ul > li { display: none; clear: both; width: 100%; height: 100%; } #ga_educ .pop_education .popcontents > ul > li:after { content: ""; display: block; clear: both; } #ga_educ .pop_education .popcontents > ul > li.on { display: block; } #ga_educ .pop_education h1 { display: block; margin: 0 0 5px 0; font-weight: 400; } #ga_educ .pop_education h1 strong { display: inline-block; font-size: 26px; font-weight: 400; color: #353535; } #ga_educ .pop_education h1 em { display: inline-block; margin: 0 5px 0 0; padding: 0 5px; border-top: 1px solid #63483b; color: #63483b; font-size: 60px; font-weight: 400; line-height: 80px; } #ga_educ .pop_education h2 { padding: 0; margin: 0 0 50px 0; background: 0; font-weight: 400; color: #666; font-size: 15px; line-height: 20px; } #ga_educ .pop_education h2.history { height: 72px; margin: 0 !important; } #ga_educ .pop_education .educationbox { clear: both; overflow: hidden; background: #f9f7f5; border: 1px solid #d4cdc6; border-radius: 6px; } #ga_educ .pop_education .educationbox .ani-imgs { width: 100%; margin: 20px 0; text-align: center; font-size: 0; } #ga_educ .pop_education .educationbox .ani-imgs img { display: block; width: 100%; } #ga_educ .pop_education .educationbox .imgs { width: 100%; text-align: center; font-size: 0; } #ga_educ .pop_education .educationbox .imgs img { display: block; width: 100%; } #ga_educ .pop_education ul.txt-list { overflow: hidden; padding: 20px 0 0 0; } #ga_educ .pop_education ul.txt-list li { margin: 0 0 20px 0; padding: 0 0 0 16px; background: url(../../../images/site/kor/content/icon_bullet_01.png) no-repeat 0 5px; font-size: 15px; line-height: 22px; } #ga_educ .pop_education ul.txt-list li span { color: #b95e08; } #ga_educ .pop_education .txt-from { float: right; margin: 15px 0 0 0; font-size: 13px; } #ga_educ .pop_education .txt-from span { color: #b95e08; } #ga_educ .pop_education .history-frbox { width: calc(100% - 637px); height: 432px; overflow-y: auto; } #ga_educ .pop_education .history-flbox { float: left; overflow: hidden; overflow-y: auto; width: 621px; height: 432px; padding: 0; margin: 0 15px 0 0; border: 1px solid #d4cdc6; border-radius: 10px; box-sizing: border-box; } #ga_educ .pop_education .popcontents > ul > li:after { content: ""; display: block; clear: both; } #ga_educ .pop_education .history-flbox, #ga_educ .pop_education .history-frbox { float: left; } #ga_educ .pop_education .history-flbox #ga_educ .pop_education .innerbox { overflow-y: scroll; overflow-x: hidden; width: 100%; height: 400px; } #ga_educ .pop_education .innerbox { height: 100%; padding: 0 32px; box-sizing: border-box; } #ga_educ .pop_education .innerbox:after { content: ""; display: block; clear: both; } #ga_educ .pop_education .timehistorybox { float: left; width: 100%; padding: 0; } #ga_educ .pop_education .timehistorybox { height: 100%; } #ga_educ .pop_education .timehistorybox.time_01 { height: 100%; background: url(../../../images/site/kor/content/bg_korea_01.png) no-repeat right center; background-size: calc(100% - 6em) calc(100% - 6em); } #ga_educ .pop_education .timehistorybox.time_02 { background: url(../../../images/site/kor/content/bg_korea_02.png) no-repeat right top 50px; } #ga_educ .pop_education .timehistorybox.time_03 { background: url(../../../images/site/kor/content/bg_korea_04.png) no-repeat right top 48px; } #ga_educ .pop_education .timehistorybox dl { height: 58px; padding-right: 23px; box-sizing: border-box; } #ga_educ .pop_education .timehistorybox dl dt { width: 90px; height: 41px; line-height: 41px; background-color: #998481; color: #fff; text-align: center; font-size: 15px; border-radius: 10px; -webkit-border-radius: 10px; } #ga_educ .pop_education .timehistorybox dl dd ul { width: 100%; } #ga_educ .pop_education .timehistorybox dl dd ul:after { content: ""; display: block; clear: both; } #ga_educ .pop_education .timehistorybox dl dd ul li { float: left; width: 47px; padding: 9px 0 0 0; box-sizing: border-box; } #ga_educ .pop_education .timehistorybox.time_02 dl dd ul li { padding: 8px 0 4px 0; } #ga_educ .pop_education .timehistorybox.time_03 dl dd ul li { padding: 9px 0 3px 0; } #ga_educ .pop_education .timehistorybox dl dd ul li.fl-right { float: right; } #ga_educ .pop_education .timehistorybox dl dd ul li.start { background-position: 0 40%; } #ga_educ .pop_education .timehistorybox dl dd ul li.last { background-position: 100% 40%; } #ga_educ .pop_education .timehistorybox dl dd ul li span { width: 49px; } #ga_educ .pop_education .timehistorybox dl dd ul li span { position: relative; display: block; width: 100%; height: 100%; text-align: center; cursor: pointer; box-sizing: border-box; } #ga_educ .pop_education .timehistorybox dl dd ul li span input { position: relative; width: 1em; height: 1em; margin-top: -0.6em; border-radius: 50%; appearance: none; background-color: #fff; border: 1px solid #888; } #ga_educ .pop_education .timehistorybox dl dd ul li.on span input:after { content: ""; position: absolute; top: -4px; left: -4px; display: block; width: calc(100% + 6px); height: calc(100% + 6px); border-radius: 50%; border: 1px solid #888; z-index: 0; } #ga_educ .pop_education .timehistorybox dl dd ul li.on span input { border: 4px solid #fff; background-color: #3c6a3c; } #ga_educ .pop_education .timehistorybox dl dd ul li.on span label { display: block; color: #444; font-size: 0.85em; box-sizing: border-box; } #ga_educ .pop_education .timehistorybox dl dd ul li label { position: relative; display: block; text-align: center; font-size: 11px; box-sizing: border-box; } #ga_educ .pop_education .timehistorybox { position: relative; overflow: hidden; } #ga_educ .pop_education .timehistorybox dl { position: absolute; left: 0; padding-right: 0; } #ga_educ .pop_education .timehistorybox.time_01 dl:after { content: ""; display: block; clear: both; } #ga_educ .pop_education .timehistorybox.time_01 dl.goguryeo { top: 30px; } #ga_educ .pop_education .timehistorybox.time_01 dl.baekje { top: 85px; } #ga_educ .pop_education .timehistorybox.time_01 dl.silla { top: 194px; } #ga_educ .pop_education .timehistorybox.time_01 dl.goryeo { top: 312px; } #ga_educ .pop_education .timehistorybox.time_02 dl.joseon { top: 34px; } #ga_educ .pop_education .timehistorybox.time_03 dl.latest { top: 34px; } #ga_educ .pop_education .timehistorybox dl dt { position: absolute; top: 0; left: 0; } #ga_educ .pop_education .timehistorybox dl dd { width: 100%; padding-left: 90px; box-sizing: border-box; } #ga_educ .pop_education .timehistorybox dl.baekje { height: 118px; } #ga_educ .pop_education .timehistorybox dl.silla { height: 132px; } #ga_educ .pop_education .timehistorybox dl.silla ul li.silla_2 { margin-left: 98px; } #ga_educ .pop_education .timehistorybox dl.silla ul li.silla_3 { margin-left: 98px; } #ga_educ .pop_education .timehistorybox dl.goryeo { height: 110px; } #ga_educ .pop_education .timehistorybox dl.joseon ul.line2 { top: 116px; left: 110px; } #ga_educ .pop_education .timehistorybox dl.ilje { top: 209px; left: 55px; width: 577.59px; height: 103px; } #ga_educ .pop_education .timehistorybox dl.ilje ul li { width: 40px; } #ga_educ .pop_education .timehistorybox dl.ilje dt { left: 365px; } #ga_educ .pop_education .timehistorybox dl.ilje dd { right: 189px; overflow: visible; } #ga_educ .pop_education .timehistorybox dl.ilje dd ul li { float: right; right: 44%; position: relative; } #ga_educ .pop_education .timehistorybox dl dd ul li.start { background: url(../../../images/site/kor/content/bg_historyline.png) no-repeat left 25.5%; } #ga_educ .pop_education .timehistorybox dl dd ul li.last { background: url(../../../images/site/kor/content/bg_historyline_right.png) no-repeat right 25.5%; } #ga_educ .pop_education .timehistorybox dl.ilje dd ul li.start { background: url(../../../images/site/kor/content/bg_historyline_right.png) no-repeat right 25.5%; } #ga_educ .pop_education .timehistorybox dl.ilje dd ul li.last { background-position: 20px 25.5%; } #ga_educ .pop_education .timehistorybox dl.ilje dd ul.line2 { position: absolute; top: 57px; right: 0; } #ga_educ .pop_education .timehistorybox dl.latest ul.line2 { position: absolute; top: 58px; right: 268px; } #ga_educ .pop_education .timehistorybox dl.latest ul.line3 { position: absolute; top: 116px; left: 110px; } #ga_educ .pop_education .detail-timecontents { overflow: hidden; margin: 0; padding: 0; } #ga_educ .pop_education .detail-timecontents dl { display: none; width: 100%; padding-right: 10px; padding-left: 10px; box-sizing: border-box; } #ga_educ .pop_education .detail-timecontents dl.on { display: block; } #ga_educ .pop_education .detail-timecontents dl dt { margin-bottom: 0.5em; font-weight: 700; } #ga_educ .pop_education .detail-timecontents dl dt strong { font-weight: 700; } #ga_educ .pop_education .detail-timecontents dl dd { overflow-y: auto; overflow-x: hidden; text-align: justify; font-size: 0.9em; } #ga_educ .pop_education .mapwrap-outer { float: left; width: 619px; height: 427px; padding-top: 20px; overflow: hidden; background: #f9f7f5; border: 1px solid #dad5cf; border-radius: 10px; box-sizing: border-box; } #ga_educ .pop_education .mapwrap { width: 100%; margin: 0 auto; text-align: center; border: 0; border-radius: 0; background: url(../../../images/site/kor/content/bg_foreign.png) no-repeat 0 0; } #ga_educ .pop_education .mapwrap img { display: block; } #ga_educ .pop_education .mapwrap ul li span.iradiobox { display: block; width: 13px; height: 18px; background-size: 13px 18px; } #ga_educ .pop_education .mapwrap ul li span.iradiobox.on { background-size: 13px 18px; } #ga_educ .pop_education .mapwrap ul li.country_01_box { bottom: 118px; right: 29px; } #ga_educ .pop_education .mapwrap ul li.country_02_box { top: 135px; right: 107px; } #ga_educ .pop_education .mapwrap ul li.country_03_box { top: 125px; right: 290px; } #ga_educ .pop_education .mapwrap ul li.country_04_box { bottom: 170px; left: 200px; } #ga_educ .pop_education .mapwrap ul li.country_05_box { top: 93px; right: 185px; } #ga_educ .pop_education .mapwrap ul li.country_06_box { top: 140px; right: 83px; } #ga_educ .pop_education .mapwrap ul li.country_07_box { top: 125px; right: 270px; } #ga_educ .pop_education .mapwrap ul li.country_08_box { top: 112px; right: 281px; } #ga_educ .pop_education .mapwrap ul li.country_09_box { top: 170px; right: 190px; } #ga_educ .pop_education .mapwrap ul li.country_10_box { bottom: 145px; right: 97px; } #ga_educ .pop_education .mapwrap ul li.country_11_box { top: 130px; right: 157px; } #ga_educ .pop_education .mapwrap ul li.country_12_box { top: 130px; left: 120px; } #ga_educ .pop_education .countrywrap { position: relative; float: left; width: calc(100% - 634px); height: 427px; margin-left: 15px; overflow-y: auto; clear: none; margin-top: 0; box-sizing: border-box; } #ga_educ .pop_education .countrywrap dl { position: relative; width: 100%; height: 100%; box-sizing: border-box; } #ga_educ .pop_education .countrywrap dl dd { height: auto; overflow-x: hidden; overflow-y: auto; } #ga_educ .pop_education .countrywrap dl dd ul { width: 100%; overflow: hidden; } #ga_educ .pop_education .countrywrap dl dd ul li { width: 100%; line-height: 24px; } #ga_educ .pop_education .countrywrap dl dd ul li label { float: none; width: auto; } #ga_educ .pop_education .countrywrap dl dd ul li span { float: none; width: auto; font-size: 15px; } #ga_educ .pop_education .countrywrap dl dd ul li em { float: none; width: auto; } #ga_educ .pop_education .drought-judgebox { clear: both; overflow: hidden; padding: 35px 60px; background: #f9f7f5; border: 1px solid #d4cdc6; border-radius: 6px; } #ga_educ .pop_education .drought-judgebox dl { float: left; width: 25%; height: auto; margin: 0; background: url(../../../images/site/kor/content/bg_titbox.png) no-repeat center top; } #ga_educ .pop_education .drought-judgebox dl dt { height: 100px; padding: 27px 0 0 0; cursor: pointer; } #ga_educ .pop_education .drought-judgebox dl dt strong { display: block; text-align: center; color: #473c30; font-size: 17px; line-height: 20px; } #ga_educ .pop_education .drought-judgebox dl dd { padding: 110px 0 0 0; } #ga_educ .pop_education .drought-judgebox dl dd p { text-align: center; color: #353535; font-size: 14px; line-height: 20px; } #ga_educ .pop_education .drought-judgebox dl dd p i { display: block; font-style: normal; } #ga_educ .pop_education .drought-judgebox dl.judgebox1 dd { background: url(../../../images/site/kor/content/img_education_02.png) no-repeat 50% 0; } #ga_educ .pop_education .drought-judgebox dl.judgebox2 dd { background: url(../../../images/site/kor/content/img_education_03.png) no-repeat 50% 0; } #ga_educ .pop_education .drought-judgebox dl.judgebox3 dd { background: url(../../../images/site/kor/content/img_education_04.png) no-repeat 50% 0; } #ga_educ .pop_education .drought-judgebox dl.judgebox3 dt { padding-top: 17px; } #ga_educ .pop_education .drought-judgebox dl.judgebox4 dd { background: url(../../../images/site/kor/content/img_education_05.png) no-repeat 50% 0; } #ga_educ .pop_education .drought-judgebox dl.judgebox4 dt { padding-top: 17px; } #ga_educ .pop_education .predict-step { clear: both; overflow-x: hidden; overflow-y: scroll; height: 405px; padding: 28px 44px; margin-top: -30px; border: 1px solid #9b8874; box-sizing: border-box; } #ga_educ .pop_education .predict-step img { display: block; width: 100%; max-width: 800px; margin: 0 auto; } #ga_educ .pop_education .predict-step ul { margin-top: 45px; } #ga_educ .pop_education .predict-step ul li { padding: 30px 0 0 0; } #ga_educ .pop_education .predict-step ul li:first-child { padding: 0; background: 0; } #ga_educ .pop_education .predict-step dl { width: 100%; padding: 1em 0.5em 1.6em 0; text-align: center; box-sizing: border-box; } #ga_educ .pop_education .predict-step dl dt { display: table-cell; vertical-align: middle; width: 29%; text-align: center; color: #fff; font-size: 18px; } #ga_educ .pop_education .predict-step dl dd { display: table-cell; vertical-align: middle; padding: 1em; box-sizing: border-box; color: #473c30; text-align: left; font-size: 15px; line-height: 24px; } #ga_educ .pop_education .predict-step dl.predict1 { background: url(../../../images/site/kor/content/bg_cbox_01.png) no-repeat 0 0; background-size: 100% 100%; } #ga_educ .pop_education .predict-step dl.predict2 { background: url(../../../images/site/kor/content/bg_cbox_02.png) no-repeat 0 0; background-size: 100% 100%; } #ga_educ .pop_education .predict-step dl.predict3 { background: url(../../../images/site/kor/content/bg_cbox_03.png) no-repeat 0 0; background-size: 100% 100%; } #ga_educ .pop_education .effectionbox { clear: both; overflow: hidden; margin-bottom: 10px; } #ga_educ .pop_education .effectionbox ul { float: left; width: calc(100% - 372px); } #ga_educ .pop_education .effectionbox > p { float: left; padding-top: 20px; margin-left: 10px; width: 362px; text-align: center; } #ga_educ .pop_education .effectionbox ul li { position: relative; width: 100%; margin: 0 0 10px 0; padding: 13px 130px; background-color: #f7f4f1; background-repeat: no-repeat; background-position: 30px 50%; border: 1px solid #c5bcb3; border-radius: 48px; box-sizing: border-box; } #ga_educ .pop_education .effectionbox ul li.effection1 { background-image: url(../../../images/site/kor/content/img_education_06.png); } #ga_educ .pop_education .effectionbox ul li.effection1 label { background: #b95e08; } #ga_educ .pop_education .effectionbox ul li.effection2 { background-image: url(../../../images/site/kor/content/img_education_07.png); } #ga_educ .pop_education .effectionbox ul li.effection2 label { background: #9b8874; } #ga_educ .pop_education .effectionbox ul li.effection3 { background-image: url(../../../images/site/kor/content/img_education_08.png); } #ga_educ .pop_education .effectionbox ul li.effection3 label { background: #716151; } #ga_educ .pop_education .effectionbox ul li div p { margin: 0 0 2px 0; padding: 0 0 0 10px; background: url(../../../images/site/kor/content/icon_bullet_02.png) no-repeat 0 4px; color: #353535; font-size: 14px; } #ga_educ .pop_education .effectionbox ul li label { position: absolute; right: 5px; top: 4px; width: 87px; height: 87px; padding-top: 27.5px; text-align: center; border-radius: 50%; font-size: 15px; line-height: 17px; color: #fff; box-sizing: border-box; } #ga_educ .pop_education .effectionbox ul li em.arr-up { display: inline-block; width: 10px; height: 15px; margin-left: 5px; background: url(../../../images/site/kor/content/icon_arr_up.gif) no-repeat 0 0; vertical-align: middle; font-size: 0; } #ga_educ .pop_education .effectionbox ul li em.arr-down { display: inline-block; width: 10px; height: 15px; margin: 0 3px; background: url(../../../images/site/kor/content/icon_arr_down.gif) no-repeat 0 0; vertical-align: middle; font-size: 0; } #ga_educ .pop_education .btnset { clear: both; overflow: hidden; margin-top: 50px; } #ga_educ .pop_education .btnset p { float: left; width: calc((100% - 39px) / 2); height: 200px; margin: 0 0 0 39px; padding: 60px 0 0 30px; background: url(../../../images/site/kor/content/img_education_11.png) no-repeat 90% 50%; border: 2px solid #cdc8c2; box-sizing: border-box; } #ga_educ .pop_education .btnset p:first-child { margin: 0; background: url(../../../images/site/kor/content/img_education_10.png) no-repeat 90% 50%; margin-left: 0; } #ga_educ .pop_education .btnset p a { display: block; width: 100%; height: 100%; } #ga_educ .pop_education .btnset p a:hover { text-decoration: none; } #ga_educ .pop_education .btnset p strong { display: block; margin: 0 0 10px 0; font-size: 26px; color: #353535; font-weight: 400; } #ga_educ .pop_education .btnset p span { display: block; width: 170px; height: 32px; text-align: right; padding-right: 35px; background: #967e67 url(../../../images/site/kor/content/icon_arr_02.png) no-repeat 90% 50%; color: #fff; font-size: 14px; line-height: 32px; } #ga_educ .pop_education .droughtsystem-use { width: 100%; height: 277px; margin: 80px auto; padding: 50px; box-sizing: border-box; background: url(../../../images/site/kor/content/bg_imgbox.jpg) no-repeat 0 0; background-size: cover; } #ga_educ .pop_education .droughtsystem-use ul { margin: 0 auto; width: 760px; text-align: center; } #ga_educ .pop_education .droughtsystem-use ul:after { content: ""; display: block; clear: both; } #ga_educ .pop_education .droughtsystem-use ul li { float: left; width: 25%; max-width: 174px; height: 174px; margin: 0 38px; background: url(../../../images/site/kor/content/bg_cbox_04.png) no-repeat 0 0; color: #bea686; font-size: 18px; } #ga_educ .pop_education .droughtsystem-use ul li a { display: block; width: 100%; height: 100%; padding-top: 40px; text-align: center; background: url(../../../images/site/kor/content/icon_bullet_03.png) no-repeat 50% 42%; border-radius: 50%; color: #bea686; line-height: 50px; } #ga_educ .pop_education .droughtsystem-use ul li a:hover { text-decoration: none; } #ga_educ .pop_education .droughtsystem-use ul li strong { display: block; color: #fff3d0; font-weight: 400; } #ga_educ .pop_education .epiloguebox { position: relative; height: 425px; margin-top: 120px; padding: 25px 40px; background: #f9f7f5; border: 1px solid #d4cdc6; border-radius: 6px; box-sizing: border-box; } #ga_educ .pop_education .epiloguebox .character { position: absolute; right: 190px; top: -120px; } #ga_educ .pop_education .epiloguebox:after { content: ""; display: block; clear: both; } #ga_educ .pop_education .epiloguebox .flbox, #ga_educ .pop_education .epiloguebox .frbox { float: left; } #ga_educ .pop_education .epiloguebox .flbox { width: calc(((100% - 50px) / 7) * 3); margin-right: 50px; } #ga_educ .pop_education .epiloguebox .flbox img { display: block; width: 100%; } #ga_educ .pop_education .epiloguebox .frbox { width: calc(((100% - 50px) / 7) * 4); margin-top: 20px; } #ga_educ .pop_education .epiloguebox .frbox > p { margin: 30px 0 10px 0; padding: 0 0 0 15px; background: url(../../../images/site/kor/content/icon_bullet_01.png) no-repeat 0 4px; font-size: 15px; line-height: 20px; } #ga_educ .pop_education .epiloguebox .frbox > p strong { color: #b95e08; font-weight: 400; } #ga_educ .pop_education .epiloguebox .frbox ul { height: 80px; margin-top: 2em; } #ga_educ .pop_education .epiloguebox .frbox ul:after { content: ""; display: block; clear: both; } #ga_educ .pop_education .epiloguebox .frbox ul li { float: left; width: 25%; height: 80px; text-align: center; padding: 0; background: url(../../../images/site/kor/content/icon_arr_03.png) no-repeat 0 12px; } #ga_educ .pop_education .epiloguebox .frbox ul li:first-child { width: 25%; padding: 0; background: 0; } #ga_educ .pop_education .epiloguebox .frbox ul li label { display: block; width: 39px; margin: 0 auto 8px; text-align: center; background: url(../../../images/site/kor/content/bg_numbox_1.png) no-repeat center center; color: #fff; font-size: 18px; line-height: 43px; } #ga_educ .pop_education .epiloguebox .frbox ul li span { display: block; font-weight: 700; color: #333; letter-spacing: -1px; } #ga_educ .pop_education .pop-droughtrespons { display: none; position: absolute; left: 15px; top: 130px; width: calc(100% - 30px); height: 495px; padding: 30px; background: #fff; border: 6px solid #806548; box-sizing: border-box; } #ga_educ .pop_education .pop-droughtrespons.normal .move .ptabbox, #ga_educ .pop_education .pop-droughtrespons.normal .move .scrollbox { min-width: 800px; } #ga_educ .pop_education .pop-droughtrespons button.btn-innerlayer-close { position: absolute; right: -5px; top: -5px; width: 35px; height: 35px; background: #806548 url(../../../images/site/kor/content/icon_layerclose.png) no-repeat 50%; text-indent: -99999px; } #ga_educ .pop_education .pop-droughtrespons.on { display: block; } #ga_educ .pop_education .pop-droughtrespons ul.steps { clear: both; overflow: Hidden; margin: 0 0 20px -25px; min-width: 805px; } #ga_educ .pop_education .pop-droughtrespons ul.steps li { float: left; width: 25%; height: 53px; padding-left: 25px; box-sizing: border-box; background: url(../../../images/site/kor/content/icon_arr_05.png) no-repeat 4px 50%; color: #fff; } #ga_educ .pop_education .pop-droughtrespons ul.steps li span { display: block; width: 100%; height: 53px; text-align: center; line-height: 53px; border-radius: 26px; font-size: 15px; } #ga_educ .pop_education .pop-droughtrespons ul.steps li:first-child { width: 25%; background: 0; } #ga_educ .pop_education .pop-droughtrespons ul.steps li.step1 span { background: #9b846c; } #ga_educ .pop_education .pop-droughtrespons ul.steps li.step2 span { background: #877159; } #ga_educ .pop_education .pop-droughtrespons ul.steps li.step3 span { background: #716151; } #ga_educ .pop_education .pop-droughtrespons ul.steps li.step4 span { background: #584839; } #ga_educ .pop_education .pop-droughtrespons .imgs { clear: both; width: 100%; max-width: 825px; font-size: 0; } #ga_educ .pop_education .pop-droughtrespons .scrollbox { display: none; clear: both; height: 340px; overflow-x: hidden; overflow-y: scroll; } #ga_educ .pop_education .pop-droughtrespons .scrollbox.on { display: block; } #ga_educ .pop_education .pop-droughtrespons .ptabbox { clear: both; overflow: hidden; height: 50px; margin: 20px 0; } #ga_educ .pop_education .pop-droughtrespons .ptabbox li { float: left; width: 50%; height: 50px; padding-left: 5px; box-sizing: border-box; } #ga_educ .pop_education .pop-droughtrespons .ptabbox li:first-child { padding-left: 0; } #ga_educ .pop_education .pop-droughtrespons .ptabbox li a { display: block; width: 100%; height: 50px; text-align: center; background: #f0f0f0; border: 1px solid #ddd; border-radius: 4px; color: #767676; font-size: 16px; text-decoration: none; line-height: 50px; box-sizing: border-box; } #ga_educ .pop_education .pop-droughtrespons .ptabbox li.on a { background: #fff; border: 2px solid #b95e08; color: #b95e08; } #ga_educ .pop_education .listbox span { display: block; width: 100%; height: 45px; border-top: 2px solid #353535; border-bottom: 1px solid #353535; text-align: center; font-size: 18px; line-height: 45px; color: #353535; font-weight: 700; } #ga_educ .pop_education .listbox span.warning { background-color: #ff0; } #ga_educ .pop_education .listbox span.awful { background-color: #fa0; } #ga_educ .pop_education .listbox span.terrible { background-color: red; color: #fff; } #ga_educ .pop_education .listbox .innerbox { display: table; table-layout: fixed; width: 100%; height: auto; padding: 30px 0; margin-bottom: 50px; border-bottom: 1px solid #cdc8c2; box-sizing: border-box; } #ga_educ .pop_education .listbox .innerbox dl { display: table-cell; vertical-align: middle; width: 25%; } #ga_educ .pop_education .listbox .innerbox dl dt { text-align: center; } #ga_educ .pop_education .listbox .innerbox dl dd { margin-top: 5px; color: #353535; text-align: center; font-size: 14px; line-height: 20px; } #ga_educ .pop_education .listbox .innerbox dl dd em { display: block; margin-top: 3px; color: #767676; font-size: 12px; line-height: 15px; } #ga_educ .pop_education .listbox .innerbox ul { display: table-cell; vertical-align: middle; } #ga_educ .pop_education .listbox .innerbox ul li { padding-left: 10px; background: url(../../../images/site/kor/content/icon_dot_01.png) no-repeat top 8px left; color: #666; font-size: 13px; line-height: 20px; box-sizing: border-box; } #ga_educ .pop_education .listbox.list_02 .innerbox dl dt { height: 120px; } #ga_educ .pop_education .listbox.list_02 .innerbox dl dt img { max-width: 160px; } #ga_educ .pop_education .listbox.list_03 .innerbox dl { width: 50%; } #ga_educ .pop_education .listbox.list_04 .innerbox dl { width: 30%; } #ga_educ .pop_education .listbox.list_04 .innerbox ul { width: 40%; } #ga_educ .pop_education .listbox.list_05 .innerbox dl { width: 25%; } #ga_educ .pop_education .listbox.list_05 .innerbox ul { width: 25%; } #ga_educ .pop_education .listbox.list_06 .innerbox dl { width: 25%; } #ga_educ .pop_education .listbox.list_06 .innerbox ul { width: 25%; } #ga_educ .pop_education .pop-droughtjudge { display: none; position: absolute; left: 15px; top: 130px; width: calc(100% - 30px); height: 500px; padding: 20px; background: #fff; border: 6px solid #806548; box-sizing: border-box; } #ga_educ .pop_education .pop-droughtjudge button.btn-innerlayer-close { position: absolute; right: -5px; top: -5px; width: 35px; height: 35px; background: #806548 url(../../../images/site/kor/content/icon_layerclose.png) no-repeat 50%; text-indent: -99999px; } #ga_educ .pop_education .pop-droughtjudge .scrollbox { display: block; clear: both; width: 100%; height: 100%; overflow-x: hidden; overflow-y: scroll; padding: 5px 0; box-sizing: border-box; } #ga_educ .pop_education .pop-droughtjudge .scrollbox h3 { margin-bottom: 15px; color: #473c30; font-size: 18px; } #ga_educ .pop_education .pop-droughtjudge .scrollbox h4 { margin: 15px 0; padding: 0 0 0 16px; background: url(../../../images/site/kor/content/icon_bullet_01.png) no-repeat 0 5px; color: #333; font-size: 18px; } #ga_educ .pop_education .pop-droughtjudge .scrollbox p.desc { color: #666; font-size: 15px; line-height: 25px; } #ga_educ .pop_education .pop-droughtjudge .scrollbox p.pic { margin: 15px 0 30px; overflow-x: auto; } #ga_educ .pop_education .pop-droughtjudge .scrollbox .boardlist { padding: 0; } #ga_educ .pop_education .pop-droughtjudge .scrollbox .boardlist table { border-top: 2px solid #b95e08; } #ga_educ .pop_education .pop-droughtjudge .scrollbox .boardlist table thead th { text-align: center; border-left: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; } #ga_educ .pop_education .pop-droughtjudge .scrollbox .boardlist table thead th.border-left { border-left: 0; } #ga_educ .pop_education .pop-droughtjudge .scrollbox .boardlist table tbody td { font-size: 14px; border-left: 1px solid #b7b7b7; } #ga_educ .pop_education .pop-droughtjudge .scrollbox .boardlist table tbody td span { width: 95%; height: 50px; line-height: 50px; } #ga_educ .pop_education .pop-droughtjudge .scrollbox .boardlist table thead th:first-child, #ga_educ .pop_education .pop-droughtjudge .scrollbox .boardlist table tbody td:first-child { border-left: 0; } #ga_educ .pop_education .pop-droughtjudge.judge_01 .scrollbox h4 { margin-top: 35px; } #ga_educ .pop_education .pop-droughtjudge.judge_04 .scrollbox h3 { margin-bottom: 30px; } #ga_educ .pop_education .finishbox { position: relative; height: 296px; margin-top: 120px; padding: 25px 40px; background: #f9f7f5; border: 1px solid #d4cdc6; border-radius: 6px; box-sizing: border-box; } #ga_educ .pop_education .finishbox p { color: #666; text-align: center; font-size: 36px; line-height: 240px; } #ga_educ .pop_education .finishbox .character { position: absolute; left: 50%; top: -65px; margin-left: -100px; } .mapwrap { clear: both; overflow: hidden; position: relative; height: 420px; margin: 0 15px; background: url(../../../images/site/kor/content/img_knowlege_05.jpg) no-repeat 50% 0; border: 1px solid #dad5cf; border-radius: 6px; } .mapwrap ul li { position: absolute; } .mapwrap ul li.country_01_box { bottom: 60px; right: 85px; } .mapwrap ul li.country_02_box { top: 127px; right: 192px; } .mapwrap ul li.country_03_box { top: 112px; right: 455px; } .mapwrap ul li.country_04_box { bottom: 140px; left: 340px; } .mapwrap ul li.country_05_box { top: 70px; right: 300px; } .mapwrap ul li.country_06_box { top: 135px; right: 163px; } .mapwrap ul li.country_07_box { top: 115px; right: 425px; } .mapwrap ul li.country_08_box { top: 100px; right: 440px; } .mapwrap ul li.country_09_box { top: 180px; right: 305px; } .mapwrap ul li.country_10_box { bottom: 105px; right: 170px; } .mapwrap ul li.country_11_box { top: 120px; right: 280px; } .mapwrap ul li.country_12_box { top: 130px; left: 230px; } .mapwrap ul li.country_13_box { top: 94px; left: 481px; } .mapwrap ul li.country_14_box { top: 160px; right: 330px; } .mapwrap ul li span.iradiobox { position: relative; width: 17px; height: 24px; cursor: pointer; } .mapwrap ul li span.iradiobox input.radio { display: inline-block; width: 100%; height: 100%; background: url(../../../images/site/kor/content/icon_radio_01_off.png) no-repeat 0 0; appearance: none; background-size: 100% auto; } .mapwrap ul li span.iradiobox.on input.radio { background: url(../../../images/site/kor/content/icon_radio_01_on.png) no-repeat 0 0; background-size: 100% auto; } .mapwrap ul li span.iradiobox label { position: absolute; bottom: -25px; left: 50%; width: 60px; margin-left: -30px; color: #615951; text-align: center; font-size: 12px; font-weight: 700; cursor: pointer; } .mapwrap ul li.country_07_box span.iradiobox label { bottom: -3px; left: 43px; } .mapwrap ul li.country_08_box span.iradiobox label { bottom: 15px; } .mapwrap ul li.country_13_box span.iradiobox label { bottom: -4px; left: -14px; } .mapwrap ul li.country_14_box span.iradiobox label { bottom: -4px; left: -25px; } .countrywrap { clear: both; overflow: hidden; min-height: 376px; margin-top: 20px; padding: 0 15px 0 0; border-width: 2px 1px 1px 1px; border-style: solid; border-color: #353535 #b7b7b7 #b7b7b7 #b7b7b7; box-sizing: border-box; } .countrywrap dl { display: none; position: absolute; width: 968px; padding: 15px 20px; box-sizing: border-box; } .countrywrap dl.on { display: block; } .countrywrap dl dt span.pic { display: block; float: left; font-size: 0; } .countrywrap dl dt strong { display: block; float: left; padding: 6px 0 0 14px; color: #353535; font-size: 18px; } .countrywrap dl dd { clear: both; padding-top: 12px; } .countrywrap dl dd ul li { clear: both; overflow: hidden; padding-left: 15px; background: url(../../../images/site/kor/content/icon_dot_02.png) no-repeat 0 12px; line-height: 30px; } .countrywrap dl dd ul li label { display: block; float: left; width: 150px; color: #353535; font-size: 14px; font-weight: 700; } .countrywrap dl dd ul li span { display: block; float: left; width: 535px; font-size: 14px; } .countrywrap dl dd ul li em { display: block; float: left; font-size: 14px; } #ga_educ [data-skin="popup"][data-name="pop3"] > .bx .txts, #ga_educ [data-skin="popup"][data-name="pop4"] > .bx .txts { padding: 0; background: url(../../../images/site/kor/content/bg_pattern.jpg) repeat; } #ga_educ [data-skin="popup"][data-name="pop3"] .pop_quiz .popcontents, #ga_educ [data-skin="popup"][data-name="pop4"] .pop_quiz .popcontents { width: 840px; margin: 0 auto; padding: 2em 40px; box-sizing: border-box; } #ga_educ [data-skin="popup"][data-name="pop3"] .pop_quiz .predict-step dl dd, #ga_educ [data-skin="popup"][data-name="pop4"] .pop_quiz .predict-step dl dd { float: none; overflow: hidden; padding: 25px 15px 0 35px; color: #473c30; text-align: left; font-size: 15px; line-height: 24px; } #ga_educ [data-skin="popup"][data-name="pop3"] .pop_quiz .popcontents #addQuiz li, #ga_educ [data-skin="popup"][data-name="pop4"] .pop_quiz .popcontents #addQuiz li { display: none; height: 500px; } #ga_educ [data-skin="popup"][data-name="pop3"] .pop_quiz .popcontents #addQuiz li.on, #ga_educ [data-skin="popup"][data-name="pop4"] .pop_quiz .popcontents #addQuiz li.on { display: block; } #ga_educ [data-skin="popup"][data-name="pop3"] .quizBox, #ga_educ [data-skin="popup"][data-name="pop4"] .quizBox { position: relative; width: 100%; padding: 20px 25px; margin-bottom: 20px; min-height: 150px; border-radius: 25px; box-sizing: border-box; background: #fff; vertical-align: middle; display: table; } #ga_educ [data-skin="popup"][data-name="pop3"] .quizBox .quizNo, #ga_educ [data-skin="popup"][data-name="pop4"] .quizBox .quizNo { position: absolute; top: -5px; left: -5px; } #ga_educ [data-skin="popup"][data-name="pop3"] .quizBox .question, #ga_educ [data-skin="popup"][data-name="pop4"] .quizBox .question { padding-left: 24%; display: inline-block; display: table-cell; vertical-align: middle; font-size: 18px; line-height: 24px; } #ga_educ [data-skin="popup"][data-name="pop3"] .popupwrap, #ga_educ [data-skin="popup"][data-name="pop4"] .popupwrap { overflow-x: auto; width: 100%; } #ga_educ [data-skin="popup"][data-name="pop3"] .selectImg, #ga_educ [data-skin="popup"][data-name="pop4"] .selectImg { position: relative; text-align: center; border-radius: 25px; width: 100%; height: 240px; margin: auto; background: url(../../../images/site/kor/content/pointLine.png) no-repeat center #fff; box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1); } #ga_educ [data-skin="popup"][data-name="pop3"] .oximg, #ga_educ [data-skin="popup"][data-name="pop4"] .oximg { position: absolute; cursor: pointer; margin: 0; display: block; top: 50%; left: 0; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); } #ga_educ [data-skin="popup"][data-name="pop3"] .oximg:last-child, #ga_educ [data-skin="popup"][data-name="pop4"] .oximg:last-child { right: 0; left: auto; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } #ga_educ [data-skin="popup"][data-name="pop3"] .oximg img, #ga_educ [data-skin="popup"][data-name="pop4"] .oximg img { height: 180px; width: 200px; } #ga_educ [data-skin="popup"][data-name="pop3"] .quizAnswer, #ga_educ [data-skin="popup"][data-name="pop4"] .quizAnswer { margin: 0 auto; display: flex; padding: 17px 0; border-radius: 60px; width: 280px; min-height: 70px; background: url(../../../images/site/kor/content/bg_box.jpg) repeat-y -110% #fff; margin-top: 4%; margin-bottom: 6%; box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1); } #ga_educ [data-skin="popup"][data-name="pop3"] .quizAnswer .answerS span, #ga_educ [data-skin="popup"][data-name="pop4"] .quizAnswer .answerS span { font-size: 31px; color: #8e704f; font-weight: 700; line-height: 40px; } #ga_educ [data-skin="popup"][data-name="pop3"] .quizAccount, #ga_educ [data-skin="popup"][data-name="pop4"] .quizAccount { position: relative; width: 100%; background-color: #fff; font-size: 18px; line-height: 28px; padding: 5em 3em; border-radius: 25px; margin-top: 30%; margin: 0 auto; box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1); display: table; box-sizing: border-box; } #ga_educ [data-skin="popup"][data-name="pop3"] .quizAccount .caption, #ga_educ [data-skin="popup"][data-name="pop4"] .quizAccount .caption { position: absolute; top: -3px; left: 30px; } #ga_educ [data-skin="popup"][data-name="pop3"] .quizAccount span, #ga_educ [data-skin="popup"][data-name="pop4"] .quizAccount span { display: table-cell; vertical-align: middle; } #ga_educ [data-skin="popup"][data-name="pop3"] .endQpage, #ga_educ [data-skin="popup"][data-name="pop4"] .endQpage { position: relative; display: flex; margin: 4% 0; width: 100%; min-height: 305px; background-color: #fff; border-radius: 25px; box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1); background: url(../../../images/site/kor/content/pointLine.png) no-repeat center #fff; } #ga_educ [data-skin="popup"][data-name="pop3"] .endImg, #ga_educ [data-skin="popup"][data-name="pop4"] .endImg { position: absolute; cursor: pointer; margin: 0; display: block; top: 50%; left: 0; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); } #ga_educ [data-skin="popup"][data-name="pop3"] .endImg:last-child, #ga_educ [data-skin="popup"][data-name="pop4"] .endImg:last-child { right: 0; left: auto; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } #ga_educ [data-skin="popup"][data-name="pop3"] .pop_education, #ga_educ [data-skin="popup"][data-name="pop4"] .pop_education { width: 100%; height: 100%; } #ga_educ .pop_quiz ul { position: relative; } #ga_educ .pop_quiz .btn_nextcontents { position: absolute; right: 0; top: -20px; width: 73px; height: 73px; padding-left: 0; background: url(../../../images/site/kor/content/btn_next.png) no-repeat 0 0; text-indent: -99999px; } #ga_educ [data-skin="popup"][data-name="pop3"] .pointLine, #ga_educ [data-skin="popup"][data-name="pop4"] .pointLine { padding-top: 7px; } #ga_educ [data-skin="popup"][data-name="pop3"] .answerS, #ga_educ [data-skin="popup"][data-name="pop4"] .answerS { width: 37%; text-align: right; padding: 5% 0; } #ga_educ [data-skin="popup"][data-name="pop3"] .answerImg, #ga_educ [data-skin="popup"][data-name="pop4"] .answerImg { padding: 10px 0 0 75px; text-align: left; } #ga_educ [data-skin="popup"][data-name="pop3"] .answerImg img, #ga_educ [data-skin="popup"][data-name="pop4"] .answerImg img { width: 47px; } #ga_educ [data-skin="popup"][data-name="pop3"] .grade_card, #ga_educ [data-skin="popup"][data-name="pop4"] .grade_card { width: 100%; font-size: 18px; letter-spacing: -2px; margin: 0 auto; } #ga_educ [data-skin="popup"][data-name="pop3"] .grade_card > table, #ga_educ [data-skin="popup"][data-name="pop4"] .grade_card > table { width: 100%; font-weight: 700; text-align: center; margin: 2% 0; } #ga_educ [data-skin="popup"][data-name="pop3"] .grade_card table thead tr, #ga_educ [data-skin="popup"][data-name="pop4"] .grade_card table thead tr { height: 30px; } #ga_educ [data-skin="popup"][data-name="pop3"] .grade_card table thead th, #ga_educ [data-skin="popup"][data-name="pop4"] .grade_card table thead th { background: #8e704f; height: 60px; color: #fff; border-left: 1px solid #beb6ae; } #ga_educ [data-skin="popup"][data-name="pop3"] .grade_card table thead th span, #ga_educ [data-skin="popup"][data-name="pop3"] .grade_card table tbody td span, #ga_educ [data-skin="popup"][data-name="pop4"] .grade_card table thead th span, #ga_educ [data-skin="popup"][data-name="pop4"] .grade_card table tbody td span { color: #feb210; } #ga_educ [data-skin="popup"][data-name="pop3"] .grade_card > table thead th:first-child, #ga_educ [data-skin="popup"][data-name="pop4"] .grade_card > table thead th:first-child { border-radius: 15px 0 0 0; border-left: none; } #ga_educ [data-skin="popup"][data-name="pop3"] .grade_card > table thead th:last-child, #ga_educ [data-skin="popup"][data-name="pop4"] .grade_card > table thead th:last-child { border-radius: 0 15px 0 0; } #ga_educ [data-skin="popup"][data-name="pop3"] .grade_card table tbody td, #ga_educ [data-skin="popup"][data-name="pop4"] .grade_card table tbody td { background: #fff; height: 60px; color: #8e704f; border-left: 1px solid #beb6ae; width: 16%; } #ga_educ [data-skin="popup"][data-name="pop3"] .grade_card > table tbody td:first-child, #ga_educ [data-skin="popup"][data-name="pop4"] .grade_card > table tbody td:first-child { border-radius: 0 0 0 10px; border-left: none; } #ga_educ [data-skin="popup"][data-name="pop3"] .grade_card > table tbody td:last-child, #ga_educ [data-skin="popup"][data-name="pop4"] .grade_card > table tbody td:last-child { border-radius: 0 0 10px 0; } #ga_educ [data-skin="popup"][data-name="pop3"] .grade_card > table tbody td, #ga_educ [data-skin="popup"][data-name="pop4"] .grade_card > table tbody td { box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1); } #ga_educ [data-skin="popup"][data-name="pop4"] > .bx .txts { padding: 0; } #ga_educ [data-skin="popup"][data-name="pop4"] .pop_education { width: 100%; height: 100%; } #ga_educ [data-skin="popup"][data-name="pop4"] .pop_education .popcontents { max-width: 800px; margin: 0 auto; padding: 2em 0; box-sizing: border-box; } #ga_educ [data-skin="popup"][data-name="pop4"] .pop_education .btn_close { right: 0; top: -35px; width: 34px; height: 35px; padding-left: 0; background: url(../../../images/site/kor/content/btn_close.jpg) no-repeat 0 0; text-indent: -99999px; } #ga_educ [data-skin="popup"][data-name="pop4"] .pop_education .btn_nextcontents { position: absoluterk; right: 40px; top: -20px; width: 73px; height: 73px; padding-left: 0; background: url(../../../images/site/kor/content/btn_next.png) no-repeat 0 0; text-indent: -99999px; } #ga_educ [data-skin="popup"][data-name="pop4"] .pop_education .btn_prevcontents { display: none; position: absolute; right: 123px; top: -20px; width: 73px; height: 73px; padding-left: 0; background: url(../../../images/site/kor/content/btn_prev.png) no-repeat 0 0; text-indent: -99999px; } #ga_educ [data-skin="popup"][data-name="pop4"] .pop_education .popcontents > ul > li { display: none; clear: both; width: 100%; height: 100%; } #ga_educ [data-skin="popup"][data-name="pop4"] .pop_education #ga_educ [data-skin="popup"][data-name="pop4"] .popcontents > ul > li.on { display: block; } #ga_educ [data-skin="popup"][data-name="pop4"] .pop_education h1 { display: block; margin: 0 0 5px 0; font-weight: 400; } #ga_educ [data-skin="popup"][data-name="pop4"] .pop_education h1 strong { display: inline-block; font-size: 26px; font-weight: 400; color: #353535; } #ga_educ [data-skin="popup"][data-name="pop4"] .pop_education h1 em { display: inline-block; margin: 0 5px 0 0; padding: 0 5px; border-top: 1px solid #b95e08; color: #b95e08; font-size: 60px; font-weight: 400; line-height: 80px; } #ga_educ [data-skin="popup"][data-name="pop4"] .pop_education h2 { padding: 0; margin: 0 0 50px 0; background: 0; font-weight: 400; color: #666; font-size: 15px; line-height: 20px; } #ga_educ [data-skin="popup"][data-name="pop4"] .pop_education h2.history { height: 72px; margin: 0 !important; } #ga_educ [data-skin="popup"][data-name="pop4"] .pop_education .educationbox { clear: both; overflow: hidden; background: #f9f7f5; border: 1px solid #d4cdc6; border-radius: 6px; } #ga_educ [data-skin="popup"][data-name="pop4"] .pop_education .educationbox .ani-imgs { width: 100%; margin: 20px 0; text-align: center; font-size: 0; } #ga_educ [data-skin="popup"][data-name="pop4"] .pop_education .educationbox .imgs { width: 100%; text-align: center; font-size: 0; } #ga_educ [data-skin="popup"][data-name="pop4"] .pop_education ul.txt-list { overflow: hidden; padding: 20px 0 0 0; } #ga_educ [data-skin="popup"][data-name="pop4"] .pop_education ul.txt-list li { margin: 0 0 20px 0; padding: 0 0 0 16px; background: url(../images/education/icon_bullet_01.png) no-repeat 0 5px; font-size: 15px; line-height: 22px; } #ga_educ [data-skin="popup"][data-name="pop4"] .pop_education ul.txt-list li span { color: #b95e08; } #ga_educ [data-skin="popup"][data-name="pop4"] .pop_education .txt-from { float: right; margin: 15px 0 0 0; font-size: 13px; } #ga_educ [data-skin="popup"][data-name="pop4"] .pop_education .txt-from span { color: #b95e08; } #ga_educ [data-skin="popup"][data-name="pop4"] .pop_education .history-frbox { float: none; width: auto; overflow: hidden; } @media all and (max-width: 1024px) { #ga_educ .link_wrap { width: calc((100% - 1em) / 2); margin-left: 1em; } #ga_educ .link_wrap:nth-child(n + 3) { margin-top: 1em; } #ga_educ .link_wrap .link_table .expl_f br { display: none; } #ga_educ [data-name="pop2"] .bx .txts { min-height: auto; } #ga_educ [data-name="pop2"] .txts:before { content: "좌우로 터치해서 보세요."; font-size: 13px; width: 168px; margin: 15px auto; box-sizing: border-box; padding: 0 0 0 25px; line-height: 25px; color: #00589b; display: block; background: url(../../../images/site/skin/scroll_ico.png) no-repeat left top; height: 22px; background-size: auto 100%; } #ga_educ .txts .move { width: 100%; overflow: auto; box-sizing: border-box; } #ga_educ .bx .txts { position: relative; min-height: auto; overflow: auto; } #ga_educ [data-name="pop2"] .txts .move .pop_education { width: 1000px; overflow: hidden; } #ga_educ .pop_education .btn_prevcontents, #ga_educ .pop_education .btn_nextcontents { top: 10px; } #ga_educ .pop_education .btn_prevcontents { width: 60px; height: 60px; background-size: contain; right: 80px; } #ga_educ .pop_education .btn_nextcontents { width: 60px; height: 60px; background-size: contain; right: 10px; } #ga_educ [data-skin="popup"][data-name="pop3"] .pop_education { overflow: auto; } #ga_educ [data-skin="popup"][data-name="pop3"] .pop_education .popcontents { width: 840px; padding: 20px; box-sizing: border-box; } } @media all and (max-width: 890px) { #ga_educ [data-skin="popup"][data-name="pop3"] > .bx .txts, #ga_educ [data-skin="popup"][data-name="pop4"] > .bx .txts { padding: 25px 1em 1em; } #ga_educ [data-skin="popup"][data-name="pop3"] .pop_quiz .popcontents, #ga_educ [data-skin="popup"][data-name="pop4"] .pop_quiz .popcontents { width: 800px; padding: 2em 0 0; } #ga_educ [data-name="pop3"] .txts:before, #ga_educ [data-name="pop4"] .txts:before { content: "좌우로 터치해서 보세요."; position: absolute; top: 0; left: 50%; font-size: 13px; width: 168px; margin: 15px auto; box-sizing: border-box; padding: 0 0 0 25px; line-height: 25px; color: #00589b; display: block; background: url(../../../images/site/skin/scroll_ico.png) no-repeat left top; height: 22px; background-size: auto 100%; transform: translateX(-50%); -webkit-transform: translateX(-50%); } #ga_educ .pop_education .pop-droughtrespons { top: 165px; } } @media all and (max-width: 740px) { #ga_educ .link_wrap { width: 100%; margin-left: 0; height: auto; } #ga_educ .link_wrap:nth-child(n + 2) { margin-top: 1em; } #ga_educ .link_wrap .link_table { padding: 2em 1em 5.25em; } #ga_educ .link_wrap .link_table .expl_f br { display: block; } #ga_educ .pop_education .btn_prevcontents { width: 50px; height: 50px; right: 70px; } #ga_educ .pop_education .btn_nextcontents { width: 50px; height: 50px; } } @media all and (max-width: 640px) { #ga_educ [data-name="pop2"] .txts:before { margin-top: 45px; } } #ga_expe .expe_box .extx_box { text-align: center; } #ga_expe .expe_box .extx_box .bg_strong { display: block; padding-top: 0.5em; margin-bottom: 0.5em; font-size: 1.875em; color: #3c6a3c; font-weight: 500; letter-spacing: -0.02em; box-sizing: border-box; } #ga_expe .expe_box .extx_box .bg_strong + p { font-size: 1.2em; letter-spacing: -0.03em; color: #666; line-height: 1.7; } #ga_expe .expe_box .exli_box { margin-top: 1.8em; } #ga_expe .expe_box .exli_box:after { content: ""; display: block; clear: both; } #ga_expe .expe_box .exli_box .link_wrap { float: left; display: table; table-layout: fixed; width: calc((100% - 1.5em) / 2); height: 20.15em; margin-left: 1.5em; border-width: 1px; border-style: solid; box-sizing: border-box; overflow: hidden; border-radius: 0.65em; -webkit-border-radius: 0.65em; } #ga_expe .expe_box .exli_box .link_wrap:nth-child(n + 3) { margin-top: 1.5em; } #ga_expe .expe_box .exli_box .link_wrap .link_table { position: relative; display: table-cell; vertical-align: middle; padding: 0 1em 3.25em; text-align: center; box-sizing: border-box; } #ga_expe .expe_box .exli_box .link_wrap .link_table h5 { position: relative; padding-top: 3.8em; margin: 0 0 0.9em; color: #333; box-sizing: border-box; } #ga_expe .expe_box .exli_box .link_wrap .link_table h5:before { content: ""; position: absolute; top: 0; left: 50%; display: block; width: 3em; height: 3em; background-repeat: no-repeat; background-position: center center; background-size: contain; transform: translateX(-50%); -webkit-transform: translateX(-50%); } #ga_expe .expe_box .exli_box .link_wrap:nth-child(1) .link_table h5:before { background-image: url(../../../images/site/kor/content/ga_expe_exli_ico01.svg); } #ga_expe .expe_box .exli_box .link_wrap:nth-child(2) .link_table h5:before { background-image: url(../../../images/site/kor/content/ga_expe_exli_ico02.svg); } #ga_expe .expe_box .exli_box .link_wrap .link_table .expl_f { line-height: 1.7; } #ga_expe .expe_box .exli_box .link_wrap .link_table .expl_s span { display: inline-block; margin-left: 0.75em; } #ga_expe .expe_box .exli_box .link_wrap .link_table .expl_s span:first-child { margin-left: 0; } #ga_expe .expe_box .exli_box .link_wrap .link_table .expl_s span strong { display: inline-block; margin-right: 0.2em; } #ga_expe .expe_box .exli_box .link_wrap .link_table .top_link { position: absolute; top: 1em; right: 1.5em; text-decoration: underline; text-underline-position: under; } #ga_expe .expe_box .exli_box .link_wrap .link_table .top_link i { display: inline-block; width: 0.8em; height: 1.5em; margin-left: 0.2em; text-indent: -9999px; background: url(../../../images/site/kor/content/ga_educ_ico05.svg) no-repeat center center; background-size: contain; } #ga_expe .expe_box .exli_box .link_wrap .link_table .go_link { position: absolute; bottom: 0; left: 0; display: block; width: 100%; padding: 0.94em 1em; color: #fff; text-decoration: none; box-sizing: border-box; border-radius: 0 0 0.65em 0.65em; -webkit-border-radius: 0 0 0.65em 0.65em; } #ga_expe .expe_box .exli_box .link_wrap .link_table .go_link i { display: inline-block; width: 1.2em; height: 1.5em; margin-left: 0.5em; text-indent: -9999px; background: url(../../../images/site/kor/content/mana_poli_stat_golink.svg) no-repeat center center; } #ga_expe .expe_box .exli_box .link_wrap.color_b { margin-left: 0; border-color: #e4d9c9; } #ga_expe .expe_box .exli_box .link_wrap.color_b .link_table { color: #726661; } #ga_expe .expe_box .exli_box .link_wrap.color_b .link_table .go_link { background-color: #63483b; } #ga_expe .expe_box .exli_box .link_wrap.color_g { border-color: #ccdfcc; } #ga_expe .expe_box .exli_box .link_wrap.color_g .link_table { color: #5b735b; } #ga_expe .expe_box .exli_box .link_wrap.color_g .link_table .go_link { background-color: #3c6a3c; } #ga_expe .expe_box .exli_box .link_wrap.color_g .link_table .go_link i { position: relative; margin-left: 0.1em; padding-left: 2em; } #ga_expe .expe_box .exli_box .link_wrap.color_g .link_table .go_link i:before { content: ""; position: absolute; top: 0.15em; left: 0; display: inline-block; width: 1em; height: 1em; background: url(../../../images/site/skin/icon_blank2.svg) no-repeat top 0.25em center; background-size: 0.75em; } #ga_expe .topcenter { padding: 1em 0 0; font-size: 1.375em; letter-spacing: -0.03em; color: #666; line-height: 1.7; text-align: center; box-sizing: border-box; } #ga_expe .topcenter .tb_btxt { display: block; margin-top: 1em; font-size: 1.087em; font-weight: 700; color: #63483b; letter-spacing: -0.03em; } #ga_expe .extb_box { display: table; table-layout: fixed; width: 100%; margin-top: 2.2em; padding: 1.5em 10% 1.5em 10%; } #ga_expe .extb_box .txts_wrap { position: relative; display: table-cell; width: 21.25em; vertical-align: middle; position: relative; } #ga_expe .extb_box .tb_stxt { color: #726661; font-size: 1.375em; margin-top: 1.5em; } #ga_expe .extb_box .tb_stxt:first-of-type { margin-top: 0; } #ga_expe .extb_box .imgs_wrap { display: table-cell; vertical-align: middle; text-align: right; } #ga_expe .extb_box .imgs_wrap img { display: block; width: 100%; height: auto; padding-right: 3em; box-sizing: border-box; } #ga_expe h6 { margin-bottom: 0.7em; } #ga_expe .con_ind { padding: 2.65em 4.5em; } #ga_expe .con_ind:after { content: ""; display: block; clear: both; } #ga_expe .con_ind li { float: left; width: calc(((100% - 1px) - 8%) / 3); font-size: 0.95em; } #ga_expe .con_ind li:nth-child(3n + 2) { margin-left: 4%; margin-right: 4%; } #ga_expe .con_ind li:nth-child(n + 4) { margin-top: 4%; } #ga_expe .con_ind li span { position: relative; display: block; margin-top: 10em; padding: 0.825em 1em; background-color: #3c6a3c; text-align: center; color: #fff; box-sizing: border-box; border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; } #ga_expe .con_ind li span:before { content: ""; position: absolute; top: -10em; left: 0; display: block; width: 100%; height: 10em; background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; } #ga_expe .con_ind li:nth-child(1) span:before { background-image: url(../../../images/site/kor/content/ga_expe_img02.jpg); } #ga_expe .con_ind li:nth-child(2) span:before { background-image: url(../../../images/site/kor/content/ga_expe_img03.jpg); } #ga_expe .con_ind li:nth-child(3) span:before { background-image: url(../../../images/site/kor/content/ga_expe_img04.jpg); } #ga_expe .con_ind li:nth-child(4) span:before { background-image: url(../../../images/site/kor/content/ga_expe_img05.jpg); } #ga_expe .con_ind li:nth-child(5) span:before { background-image: url(../../../images/site/kor/content/ga_expe_img06.jpg); } #ga_expe .con_ind li:nth-child(6) span:before { background-image: url(../../../images/site/kor/content/ga_expe_img07.jpg); } #ga_expe .con_ind li p { margin-top: 1em; padding: 0 0.5em; color: #555; box-sizing: border-box; } .slide_06 { position: relative; width: 100%; height: 80px; padding: 10px 10px 10px 130px; box-sizing: border-box; } .slide_06 .title { display: block; position: absolute; left: 0; top: 12px; z-index: 1; width: 120px; font-size: 18px; text-align: center; } .slide_06 .control { position: absolute; left: 0; right: auto; top: auto; bottom: 0; z-index: 1; width: 120px; padding: 0; text-align: center; } .slide_06 .control .count { display: none; } .slide_06 .control a[class*="btn_"] { overflow: hidden; display: inline-block; width: 31px; height: 31px; text-indent: -1000px; border: 1px solid #c5c5c5; background: #fff url(../../../images/site/skin/slider_control.png) no-repeat; } .slide_06 .control a.btn_left { background-position: 0 0; } .slide_06 .control a.btn_play { display: none; background-position: 0 -93px; } .slide_06 .control a.btn_stop { background-position: 0 -62px; } .slide_06 .control a.btn_right { background-position: 0 -31px; } .slide_06 .control ul { display: none; } .slide_06 .move { overflow: hidden; position: relative; z-index: 0; width: 100%; height: 100%; } .slide_06 .move ul { overflow: hidden; position: absolute; left: 0; top: 0; width: 200000px; height: 100%; } .slide_06 .move ul li { float: left; width: 170px; height: 100%; padding: 0 5px; } .slide_06 .move ul li a { overflow: hidden; display: block; position: relative; height: 100%; text-align: center; border: 1px solid #c5c5c5; background-color: #eee; box-sizing: border-box; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .slide_06 .move ul li a:hover, .slide_06 .move ul li a:focus { border: 1px solid #f60; } .slide_06 .move ul li a span { display: block; position: absolute; left: 50%; top: 0; width: 2000px; height: 100%; margin-left: -1000px; text-align: center; } .slide_06 .move ul li img { display: block; margin: 0 auto; height: 100%; } #ga_expe .js_slide_box { padding: 1.8em 1.5em; } #ga_expe .slide_06 { height: 13em; margin-bottom: 1.2em; padding: 0; } #ga_expe .slide_06 .move { width: calc(100% - 8em); margin: 0 auto; } #ga_expe .slide_06 .move ul { position: relative; width: 1000%; } #ga_expe .slide_06 .move ul li { width: calc(((100% + 1px) / 3) / 10); padding: 0; margin-right: 0; box-sizing: border-box; } #ga_expe .slide_06 .move ul li:after { content: ""; display: block; clear: both; } #ga_expe .slide_06 .move ul li img { float: left; display: inline-block; width: 100%; padding: 0 1em; box-sizing: border-box; } #ga_expe .slide_06 .control { width: 100%; height: 100%; } #ga_expe .slide_06 .control a { border: none; background: none; } #ga_expe .slide_06 .control a.btn_left, #ga_expe .slide_06 .control a.btn_right { position: absolute; width: 2.8em; height: 2.8em; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } #ga_expe .slide_06 .control a.btn_left { left: 0; } #ga_expe .slide_06 .control a.btn_right { right: 0; } #ga_expe .slide_06 .control a.btn_left span, #ga_expe .slide_06 .control a.btn_right span { position: relative; left: auto; top: auto; display: block; width: 100%; height: 100%; margin-top: 0; background: url(../../../images/site/kor/content/ga_expe_ico07.svg) no-repeat center center; } #ga_expe .slide_06 .control a.btn_right span { transform: rotate(180deg); -webkit-transform: rotate(180deg); } #ga_expe .slide_06 .control a.btn_stop, #ga_expe .slide_06 .control a.btn_play { display: none !important; } #ga_expe .slide_06 .control ul { position: absolute; left: 50%; bottom: -2.5em; display: inline-block; width: auto; transform: translateX(-50%); -webkit-transform: translateX(-50%); } #ga_expe .slide_06 .control ul:after { content: ""; display: block; clear: both; } #ga_expe .slide_06 .control ul li { display: inline-block; margin-right: 1em; } #ga_expe .slide_06 .control ul li:first-child { margin-left: 0; } #ga_expe .slide_06 .control ul li:last-child { margin-right: 0; } #ga_expe .slide_06 .control ul li a { display: block; width: 0.625em; height: 0.625em; background-color: #c4c4c4; border-color: #888; text-indent: -9999px; border-radius: 50%; -webkit-border-radius: 50%; } #ga_expe .slide_06 .control ul li a.on { background-color: #3c6a3c; border-color: #3c6a3c; } #ga_expe .video_box { position: relative; text-align: right; } #ga_expe .video_box .video_down { background-color: #555; } #ga_expe .video_box video { width: 100%; margin-top: 0.8em; } #ga_expe .js_slide_box + h4#visit_link + ul[data-skin="list"] li { font-size: 1em; } #ga_expe .visit_box { display: table; table-layout: fixed; width: 100%; margin-top: 1.8em; } #ga_expe .visit_box .tits { display: table-cell; width: 32.3%; background-color: #63483b; vertical-align: middle; text-align: center; } #ga_expe .visit_box .tits a { text-decoration: none; } #ga_expe .visit_box .tits strong { font-size: 1.75em; color: #fff; } #ga_expe .visit_box .tits strong span { display: block; margin-top: 0.95em; font-weight: 400; font-size: 0.5725em; color: #fff; } #ga_expe .visit_box .tits strong span a { color: #fff; text-decoration: none; } #ga_expe .visit_box .bg_on { position: relative; display: block; height: 28.5em; vertical-align: middle; text-indent: -9999px; } #ga_expe .visit_box .bg_on:before { content: ""; position: absolute; top: 50%; right: 0; display: block; width: 100%; height: 100%; background: url(../../../images/site/kor/content/ga_expe_img14.jpg) no-repeat left center; background-size: cover; transform: translateY(-50%); -webkit-transform: translateY(-50%); } #ga_expe .visit_box .txts { margin-top: 0.8em; text-align: center; } #ga_expe .visit_box .txts p { display: inline-block; width: 8.4em; height: 2.3em; text-indent: -9999px; background: url(../../../images/site/kor/content/ga_expe_ico08.svg) no-repeat center center; background-size: contain; } #ga_expe .visit_box + .tip a { color: #555; text-decoration: none; } @media all and (max-width: 1150px) { #ga_expe .conf_box .bot_box .f_left p:nth-child(3):before { top: auto; left: 50%; } #ga_expe .extb_box { padding: 1.5em 7% 1.5em 7%; } #ga_expe .extb_box .imgs_wrap img { padding-right: 2em; } } @media all and (max-width: 1024px) { #ga_expe .con_ind { padding: 2.65em 3em; } #ga_expe .con_ind li:nth-child(3n + 2) { margin-left: 4%; margin-right: 4%; } #ga_expe .con_ind li:nth-child(n + 4) { margin-top: 4%; } #ga_expe .con_ind li span { margin-top: 10em; padding: 0.825em 1em; } #ga_expe .con_ind li span:before { top: -10em; height: 10em; } #ga_expe .con_ind li p { margin-top: 1em; padding: 0 0.5em; } #ga_expe .slide_06 { height: 10em; } #ga_expe .visit_box .bg_on { height: 24em; } } @media all and (max-width: 1024px) { #ga_expe .expe_box .exli_box .link_wrap { width: calc((100% - 1em) / 2); margin-left: 1em; } #ga_expe .expe_box .exli_box .link_wrap:nth-child(n + 3) { margin-top: 1em; } #ga_expe .extb_box .txts_wrap { width: 18em; padding: 1em 0; box-sizing: border-box; } #ga_expe .extb_box .imgs_wrap img { padding-right: 1em; } } @media all and (max-width: 740px) { #ga_expe .expe_box .exli_box .link_wrap { width: 100%; margin-left: 0; height: auto; } #ga_expe .expe_box .exli_box .link_wrap:nth-child(n + 2) { margin-top: 1em; } #ga_expe .expe_box .exli_box .link_wrap .link_table { padding: 2em 1em 5.25em; } #ga_expe .expe_box .exli_box .link_wrap .link_table .expl_f br { display: block; } } @media all and (max-width: 840px) { #ga_expe .slide_06 .move { width: calc(100% - 6em); } #ga_expe .slide_06 .move ul li { width: calc(((100% + 1px) / 2) / 10); } #ga_expe .slide_06 .control a.btn_left, #ga_expe .slide_06 .control a.btn_right { width: 2.3em; height: 2.3em; } #ga_expe .slide_06 .control a.btn_left span, #ga_expe .slide_06 .control a.btn_right span { background-size: contain; } #ga_expe .extb_box { padding: 1.8em 2.2em; } #ga_expe .extb_box .txts_wrap, #ga_expe .extb_box .imgs_wrap { display: block; width: 100%; } #ga_expe .extb_box .txts_wrap { padding: 0 0 1.5em 0; text-align: center; } #ga_expe .extb_box .tb_btxt { margin-bottom: 0.5em; } #ga_expe .extb_box .imgs_wrap { max-width: 500px; margin: 0 auto; } #ga_expe .extb_box .imgs_wrap img { padding: 0; } } @media all and (max-width: 830px) { #ga_expe .con_ind li p { min-height: 7.5em; } } @media all and (max-width: 740px) { #ga_expe .con_ind { padding: 2em; } #ga_expe .con_ind li { width: calc(((100% - 1px) - 1.6em) / 2); margin-left: 1.6em; } #ga_expe .con_ind li:nth-child(3n + 2) { margin-left: 1.6em; margin-right: 0; } #ga_expe .con_ind li:nth-child(2n + 1) { margin-left: 0; } #ga_expe .con_ind li:nth-child(n + 3) { margin-top: 1.6em; } #ga_expe .con_ind li p { min-height: auto; } #ga_expe .js_slide_box { padding: 2em 1em; } #ga_expe .slide_06 { height: 9em; } #ga_expe .slide_06 .move { width: calc(100% - 6em); } #ga_expe .visit_box .tits { width: 35%; } #ga_expe .visit_box .bg_on { height: 21em; } } @media all and (max-width: 640px) { #ga_expe .con_ind { padding: 1.2em 1.6em; } #ga_expe .slide_06 .move { width: calc(100% - 5em); } #ga_expe .visit_box { display: block; width: 100%; overflow: hidden; border-radius: 0.65em; -webkit-border-radius: 0.65em; } #ga_expe .visit_box .tits { display: block; width: 100%; padding: 0.85em; box-sizing: border-box; border-radius: 0.65em 0.65em 0 0; -webkit-border-radius: 0.65em 0.65em 0 0; } #ga_expe .visit_box .tits strong { font-size: 1.5em; } #ga_expe .visit_box .tits strong span { font-size: 0.7em; margin-top: 0.2em; } #ga_expe .visit_box .bg_on { display: block; width: 100%; height: 18em; border-radius: 0 0 0.65em 0.65em; -webkit-border-radius: 0 0 0.65em 0.65em; } #ga_expe .visit_box .bg_on:before { width: 100%; height: 100%; top: 0; background-position: center center; transform: translateY(0); -webkit-transform: translateY(0); } } @media all and (max-width: 480px) { #ga_expe .con_ind li { width: 100%; margin-left: 0; } #ga_expe .con_ind li:nth-child(3n + 2) { margin-left: 0; } #ga_expe .con_ind li:nth-child(n + 2) { margin-top: 1.5em; } #ga_expe .js_slide_box { padding: 1.5em 0.5em; } #ga_expe .slide_06 .move { width: calc(100% - 5em); } #ga_expe .slide_06 .move ul li { width: calc((100% + 3px) / 10); } #ga_expe .visit_box .bg_on { height: 14em; } #ga_expe .topcenter { padding: 1em 1em 0; } } @media all and (max-width: 480px) { #ga_expe .visit_box .bg_on { height: 12em; } } #ga_emap .link_box { margin-top: 4em; } #ga_emap .link_box .link_wrap { margin-top: 1em; padding-top: 2.5em; border-top: 1px solid #e0e0e0; box-sizing: border-box; } #ga_emap .link_box .link_wrap:after { content: ""; display: block; clear: both; } #ga_emap .link_box .link_wrap p { float: left; width: calc(((100% - 1px) - 8em) / 3); margin-left: 4em; } #ga_emap .link_box .link_wrap p:nth-child(3n + 1) { margin-left: 0; } #ga_emap .link_box .link_wrap p:nth-child(n + 4) { margin-top: 2.5em; } #ga_emap .link_box .link_wrap p img { display: block; width: 100%; } #ga_emap .link_box .link_wrap p a { display: block; width: 100%; margin-top: 0.5em; padding: 0.688em 0.5em; text-align: center; background-color: #f1f5f1; border: 1px solid #ccdfcc; color: #3c6a3c; font-weight: 500; box-sizing: border-box; text-decoration: none; overflow: hidden; border-radius: 0.3em; -webkit-border-radius: 0.3em; } #ga_emap .link_box .link_wrap p a i { display: inline-block; margin-left: 0.5em; width: 1em; height: 1.5em; background: url(../../../images/site/kor/content/ga_emap_ico.svg) no-repeat center center; text-indent: -9999px; } @media all and (max-width: 1024px) { #ga_emap .link_box .link_wrap p { float: left; width: calc(((100% - 1px) - 5em) / 3); margin-left: 2.5em; } #ga_emap .link_box .link_wrap p:nth-child(3n + 1) { margin-left: 0; } #ga_emap .link_box .link_wrap p:nth-child(n + 4) { margin-top: 2.5em; } } @media all and (max-width: 840px) { #ga_emap .link_box .link_wrap p { float: left; width: calc((100% - 2.5em) / 2); margin-left: 2.5em; } #ga_emap .link_box .link_wrap p:nth-child(3n + 1) { margin-left: 2.5em; } #ga_emap .link_box .link_wrap p:nth-child(2n + 1) { margin-left: 0; } #ga_emap .link_box .link_wrap p:nth-child(n + 3) { margin-top: 2.5em; } } @media all and (max-width: 640px) { #ga_emap .link_box .link_wrap { padding-top: 1.5em; } #ga_emap .link_box .link_wrap p { float: left; width: calc((100% - 1.5em) / 2); margin-left: 1.5em; } #ga_emap .link_box .link_wrap p:nth-child(3n + 1) { margin-left: 1.5em; } #ga_emap .link_box .link_wrap p:nth-child(2n + 1) { margin-left: 0; } #ga_emap .link_box .link_wrap p:nth-child(n + 3) { margin-top: 1.5em; } } @media all and (max-width: 480px) { #ga_emap .link_box .link_wrap p { float: left; width: 100%; margin-left: 0; } #ga_emap .link_box .link_wrap p:nth-child(3n + 1) { margin-left: 0; } #ga_emap .link_box .link_wrap p:nth-child(n + 2) { margin-top: 1.5em; } #ga_emap .link_box .link_wrap p img { max-width: 356px; margin: 0 auto; } } #info_town .txt_box { text-align: center; } #info_town .txt_box .btn_box { margin-top: 1em; } #info_town .txt_box .btn_box a { text-decoration: none; } #info_town .img_box { margin-top: 4.5em; } #info_town .img_box img { display: block; width: 85%; max-width: 990px; margin: 0 auto; } @media all and (max-width: 1360px) { #info_town .txt_box p br { display: none; } } @media all and (max-width: 1024px) { #info_town .img_box { margin-top: 3em; } } @media all and (max-width: 640px) { #info_town .img_box { margin-top: 2em; } } #info_beha_life .beha_box { position: relative; display: table; table-layout: fixed; padding: 0; } #info_beha_life .beha_box .tit_b { display: table-cell; vertical-align: middle; width: 6.8em; text-align: center; color: #fff; background-color: #3b60fb; border-radius: 0.5em 0 0 0.5em; -webkit-border-radius: 0.5em 0 0 0.5em; } #info_beha_life .beha_box.warning .tit_b { background-color: #feff3a; color: #222; } #info_beha_life .beha_box.awful .tit_b { background-color: #fdab25; color: #222; } #info_beha_life .beha_box.terrible .tit_b { background-color: #fd0009; } #info_beha_life .beha_box .tit_b strong { font-size: 1.15em; } #info_beha_life .beha_box .tit_b strong span { display: block; font-size: 0.825em; font-weight: 400; } #info_beha_life .beha_box .txt_b { display: table-cell; padding: 1.5em; box-sizing: border-box; } #info_beha_life .beha_box .txt_b ul { text-align: center; } #info_beha_life .beha_box .txt_b .txts_wrap { margin-top: 0.75em; text-align: center; } #info_beha_life .beha_box .txt_b .txts_wrap p { font-size: 0.95em; } #info_beha_life .beha_box .txt_b .txts_wrap p span { display: block; font-size: 0.875em; } #info_beha_life .beha_box .txt_b ul:after { content: ""; display: block; clear: both; } #info_beha_life .beha_box .txt_b ul li { float: left; width: calc(100% / 4); padding: 0 1em; box-sizing: border-box; } #info_beha_life .beha_box.terrible .txt_b ul li { width: calc(100% / 2); } #info_beha_life .beha_box .txt_b ul li img { display: inline-block; width: 100%; max-width: 120px; } #info_beha_life .beha_box.awful .txt_b ul li img { max-width: 190px; } #info_beha_life .beha_box.terrible .txt_b ul li img { max-width: 230px; } @media all and (max-width: 1024px) { #info_beha_life .beha_box .txt_b ul li img { max-width: 92px; } #info_beha_life .beha_box.awful .txt_b ul li img { max-width: 146px; } #info_beha_life .beha_box.terrible .txt_b ul li img { max-width: 176px; } #info_beha_life .beha_box .txt_b .txts_wrap p br { display: none; } #info_beha_life .beha_box.terrible .txt_b .txts_wrap p br { display: block; } } @media all and (max-width: 840px) { #info_beha_life .beha_box .txt_b ul li { float: left; width: calc(100% / 2); padding: 0 1em; box-sizing: border-box; } #info_beha_life .beha_box .txt_b ul li:nth-child(n + 3) { margin-top: 1em; } #info_beha_life .beha_box .txt_b .txts_wrap p br { display: block; } } @media all and (max-width: 740px) { #info_beha_life .beha_box { display: block; } #info_beha_life .beha_box .tit_b { display: block; width: 100%; padding: 0.5em 0; border-radius: 0.5em 0.5em 0 0; -webkit-border-radius: 0.5em 0.5em 0 0; } #info_beha_life .beha_box .txt_b { display: block; width: 100%; padding: 1.5em 1em; } #info_beha_life .beha_box.terrible .txt_b .txts_wrap p br { display: none; } } @media all and (max-width: 640px) { #info_beha_life .beha_box .txt_b ul li img { max-width: 80px; } #info_beha_life .beha_box.awful .txt_b ul li img { max-width: 126px; } #info_beha_life .beha_box.terrible .txt_b ul li img { max-width: 153px; } #info_beha_life .beha_box.terrible .txt_b .txts_wrap p br { display: none; } } @media all and (max-width: 480px) { #info_beha_life .beha_box .txt_b ul li { padding: 0 0.5em; } #info_beha_life .beha_box .txt_b ul li img { max-width: 75px; } #info_beha_life .beha_box.awful .txt_b ul li img { max-width: 118px; } #info_beha_life .beha_box.terrible .txt_b ul li img { max-width: 143px; } } #info_beha_agri .beha_box { position: relative; display: table; table-layout: fixed; padding: 0; } #info_beha_agri .beha_box .tit_b { display: table-cell; vertical-align: middle; width: 6.8em; text-align: center; color: #fff; background-color: #3b60fb; border-radius: 0.5em 0 0 0.5em; -webkit-border-radius: 0.5em 0 0 0.5em; } #info_beha_agri .beha_box .list_b { display: table-cell; vertical-align: middle; width: 30%; padding: 0 2em 0 1em; box-sizing: border-box; } #info_beha_agri .beha_box.warning .tit_b { background-color: #feff3a; color: #222; } #info_beha_agri .beha_box.awful .tit_b { background-color: #fdab25; color: #222; } #info_beha_agri .beha_box.terrible .tit_b { background-color: #fd0009; } #info_beha_agri .beha_box .tit_b strong { font-size: 1.15em; } #info_beha_agri .beha_box .tit_b strong span { display: block; font-size: 0.825em; font-weight: 400; } #info_beha_agri .beha_box .txt_b { display: table-cell; padding: 1.5em; box-sizing: border-box; } #info_beha_agri .beha_box .txt_b ul { text-align: center; } #info_beha_agri .beha_box .txt_b .txts_wrap { margin-top: 0.75em; text-align: center; } #info_beha_agri .beha_box .txt_b .txts_wrap p { font-size: 0.95em; } #info_beha_agri .beha_box .txt_b .txts_wrap p span { display: block; font-size: 0.875em; } #info_beha_agri .beha_box .txt_b ul:after { content: ""; display: block; clear: both; } #info_beha_agri .beha_box .txt_b ul li { float: left; width: calc(100% / 2); padding: 0 1em; box-sizing: border-box; } #info_beha_agri .beha_box.awful .txt_b ul li, #info_beha_agri .beha_box.terrible .txt_b ul li { width: calc((100% - 1px) / 3); } #info_beha_agri .beha_box .txt_b ul li img { display: inline-block; width: 100%; max-width: 175px; } #info_beha_agri .beha_box.awful .txt_b ul li img, #info_beha_agri .beha_box.terrible .txt_b ul li img { max-width: 120px; } @media all and (max-width: 1024px) { #info_beha_agri .beha_box .txt_b ul li img { max-width: 134px; } #info_beha_agri .beha_box.awful .txt_b ul li img, #info_beha_agri .beha_box.terrible .txt_b ul li img { max-width: 92px; } #info_beha_agri .beha_box .txt_b .txts_wrap p br { display: none; } #info_beha_agri .beha_box.terrible .txt_b .txts_wrap p br { display: block; } } @media all and (max-width: 840px) { #info_beha_agri .beha_box .txt_b ul li { padding: 0 1em; box-sizing: border-box; } #info_beha_agri .beha_box .txt_b .txts_wrap p br { display: block; } } @media all and (max-width: 740px) { #info_beha_agri .beha_box { display: block; } #info_beha_agri .beha_box .tit_b { display: block; width: 100%; padding: 0.5em 0; border-radius: 0.5em 0.5em 0 0; -webkit-border-radius: 0.5em 0.5em 0 0; } #info_beha_agri .beha_box .txt_b { display: block; width: 100%; padding: 1.5em 1em 0.75em; } #info_beha_agri .beha_box .list_b { display: block; width: 100%; padding: 0.75em 2em 1.5em; } #info_beha_agri .beha_box.terrible .txt_b .txts_wrap p br { display: none; } } @media all and (max-width: 640px) { #info_beha_life .beha_box { display: block; } #info_beha_life .beha_box .tit_b { display: block; width: 100%; padding: 0.5em 0; border-radius: 0.5em 0.5em 0 0; -webkit-border-radius: 0.5em 0.5em 0 0; } #info_beha_agri .beha_box .txt_b { display: block; width: 100%; padding: 1.5em 1em; } #info_beha_agri .beha_box .txt_b ul li img { max-width: 116px; } #info_beha_agri .beha_box.awful .txt_b ul li img, #info_beha_agri .beha_box.terrible .txt_b ul li img { max-width: 80px; } #info_beha_agri .beha_box.terrible .txt_b .txts_wrap p br { display: none; } } @media all and (max-width: 480px) { #info_beha_agri .beha_box .txt_b ul li { padding: 0 0.5em; } #info_beha_agri .beha_box .txt_b ul li img { max-width: 109px; } #info_beha_agri .beha_box.awful .txt_b ul li img, #info_beha_agri .beha_box.terrible .txt_b ul li img { max-width: 75px; } } @media all and (max-width: 400px) { #info_beha_agri .beha_box .txt_b ul li { float: left; width: 100%; } #info_beha_agri .beha_box.awful .txt_b ul li, #info_beha_agri .beha_box.terrible .txt_b ul li { width: 100%; } #info_beha_agri .beha_box .txt_b ul li:nth-child(n + 2) { margin-top: 1em; } #info_beha_agri .beha_box .txt_b .txts_wrap p br { display: none; } } #info_insu_summ .lr_wrap { position: relative; margin-top: 3.2em; padding: 5.25em 4em 3em; } #info_insu_summ .lr_wrap .tt { min-width: 26em; text-align: center; } #info_insu_summ .lr_wrap .lr_box { margin-bottom: 1.85em; } #info_insu_summ .lr_wrap .lr_box:after { content: ""; display: block; clear: both; } #info_insu_summ .lr_wrap .lr_box .l_box, #info_insu_summ .lr_wrap .lr_box .r_box { float: left; width: calc((100% - 4.75em) / 2); } #info_insu_summ .lr_wrap .lr_box .l_box { margin-right: 4.75em; } #info_insu_summ .lr_wrap .lr_box .l_box .roof_tit { text-align: center; } #info_insu_summ .lr_wrap .lr_box .l_box .roof_tit[data-type="3"] { margin-bottom: 2.5em; color: #3c6a3c; } #info_insu_summ .lr_wrap .lr_box .l_box .roof_tit[data-type="4"] { color: #63483b; } #info_insu_summ .lr_wrap .lr_box .l_box .roof_tit .tits { padding: 0.975em 1.35em; } #info_insu_summ .lr_wrap .lr_box .l_box .roof_tit .tits strong { font-weight: 700; font-size: 1.15em; } #info_insu_summ .lr_wrap .lr_box .l_box .roof_tit[data-type="3"] .tits strong { color: #3c6a3c; } #info_insu_summ .lr_wrap .lr_box .l_box .roof_tit[data-type="4"] .tits strong { color: #63483b; } #info_insu_summ .lr_wrap .lr_box .l_box .roof_tit .txts { font-size: 0.95em; } #info_insu_summ .lr_wrap .lr_box .r_box .titles { display: block; padding-bottom: 1.4em; text-align: center; font-size: 1.15em; color: #666; border-bottom: 1px solid #f2f2f2; box-sizing: border-box; } #info_insu_summ .lr_wrap .lr_box .r_box .txts_wrap { margin-top: 1.6em; } #info_insu_summ .lr_wrap .lr_box .r_box .txts_wrap li { font-size: 0.95em; } #info_insu_summ .lr_wrap .lr_box .r_box .txts_wrap li.color_b { margin-top: 2.3em; } #info_insu_summ .lr_wrap .lr_box .r_box .txts_wrap li strong { position: relative; display: block; padding-left: 1.2em; color: #3c6a3c; box-sizing: border-box; } #info_insu_summ .lr_wrap .lr_box .r_box .txts_wrap li.color_b strong { color: #63483b; } #info_insu_summ .lr_wrap .lr_box .r_box .txts_wrap li strong:before { content: ""; position: absolute; top: 50%; left: 0; display: block; width: 0.675em; height: 0.675em; background-color: #3c6a3c; border-radius: 50%; -webkit-border-radius: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } #info_insu_summ .lr_wrap .lr_box .r_box .txts_wrap li.color_b strong:before { background-color: #63483b; } #info_insu_summ .lr_wrap .lr_box .r_box .txts_wrap li p { position: relative; display: block; width: 100%; margin-top: 0.6em; padding: 0.6em 1.3em; background-color: #f2f2f2; color: #fff; font-size: 1.2em; font-weight: 700; box-sizing: border-box; overflow: hidden; border-radius: 100px; -webkit-border-radius: 100px; } #info_insu_summ .lr_wrap .lr_box .r_box .txts_wrap li p:before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 75%; height: 100%; background-repeat: no-repeat; background-size: 100% 100%; background-position: left top; background-image: url(../../../images/site/kor/content/info_insu_summ_img01.jpg); border-radius: 100px; -webkit-border-radius: 100px; } #info_insu_summ .lr_wrap .lr_box .r_box .txts_wrap li.color_b p:before { width: 25%; min-width: 114.5px; background-image: url(../../../images/site/kor/content/info_insu_summ_img02.jpg); } #info_insu_summ .lr_wrap .lr_box .r_box .txts_wrap li p span { position: relative; display: block; padding-right: 25%; box-sizing: border-box; } #info_insu_summ .labtn_box { margin-top: 1em; } #info_insu_summ .labtn_box [data-skin="btn"] { margin-left: 1.2em; text-decoration: none !important; color: #fff; } #info_insu_summ .labtn_box [data-skin="btn"]:after { content: ""; display: inline-block; background: url(../../../images/site/skin/icon_blank2.svg) no-repeat top 0.25em center; margin-left: 0.2em; width: 1em; height: 1em; background-size: 0.75em; } #info_insu_summ .labtn_box [data-skin="btn"]:first-child { margin-left: 0; } #info_insu_summ .img_scroll .move img { max-height: 644px; } #info_insu_summ .link_box:after { content: ""; display: block; clear: both; } #info_insu_summ .link_wrap { float: left; display: table; table-layout: fixed; width: calc((100% - 1.5em) / 2); height: 14.5em; margin-left: 1.5em; border-width: 1px; border-style: solid; box-sizing: border-box; overflow: hidden; border-radius: 0.65em; -webkit-border-radius: 0.65em; } #info_insu_summ .link_wrap .link_table { position: relative; display: table-cell; vertical-align: middle; padding: 0 1em 3.25em; text-align: center; box-sizing: border-box; } #info_insu_summ .link_wrap .link_table h5 { margin: 0 0 0.9em; color: #333; } #info_insu_summ .link_wrap .link_table .go_link { position: absolute; bottom: 0; left: 0; display: block; width: 100%; padding: 0.94em 1em; color: #fff; text-decoration: none; box-sizing: border-box; border-radius: 0 0 0.65em 0.65em; -webkit-border-radius: 0 0 0.65em 0.65em; } #info_insu_summ .link_wrap .link_table .go_link i { position: relative; display: inline-block; width: 1.5em; height: 1.5em; padding-left: 1.7em; box-sizing: border-box; margin-left: 0; text-indent: -9999px; background: url(../../../images/site/kor/content/mana_poli_stat_golink.svg) no-repeat right center; } #info_insu_summ .link_wrap .link_table .go_link i:before { content: ""; position: absolute; top: 0.15em; left: 0; display: inline-block; width: 1em; height: 1em; background: url(../../../images/site/skin/icon_blank2.svg) no-repeat top 0.25em center; background-size: 0.75em; } #info_insu_summ .link_wrap.color_b { margin-left: 0; border-color: #e4d9c9; } #info_insu_summ .link_wrap.color_b .link_table h5, #info_insu_summ .link_wrap.color_b .link_table { color: #726661; } #info_insu_summ .link_wrap.color_b .link_table .go_link { background-color: #63483b; } #info_insu_summ .link_wrap.color_g { border-color: #ccdfcc; } #info_insu_summ .link_wrap.color_g .link_table h5, #info_insu_summ .link_wrap.color_g .link_table { color: #5b735b; } #info_insu_summ .link_wrap.color_g .link_table .go_link { background-color: #3c6a3c; } #info_insu_summ .kind_box { padding-left: 2.5em; } #info_insu_summ .kind_box li { position: relative; display: table; table-layout: fixed; width: 100%; min-height: 127px; padding: 0; } #info_insu_summ .kind_box li strong { display: table-cell; vertical-align: middle; width: 14.75em; color: #63483b; font-size: 1.15em; background-color: #f9f6f2; } #info_insu_summ .kind_box li strong span { position: relative; display: block; width: 100%; height: 100%; padding-left: 4.4em; box-sizing: border-box; } #info_insu_summ .kind_box li strong span:before { content: ""; position: absolute; top: 50%; left: 0; display: block; width: 4.45em; height: 4.45em; box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); background-repeat: no-repeat; background-position: center center; background-size: contain; border-radius: 50%; -webkit-border-radius: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } #info_insu_summ .kind_box li:nth-child(1) strong span:before { background-image: url(../../../images/site/kor/content/info_insu_summ_ico01.svg); } #info_insu_summ .kind_box li:nth-child(2) strong span:before { background-image: url(../../../images/site/kor/content/info_insu_summ_ico02.svg); } #info_insu_summ .kind_box li:nth-child(3) strong span:before { background-image: url(../../../images/site/kor/content/info_insu_summ_ico03.svg); } #info_insu_summ .kind_box li:nth-child(4) strong span:before { background-image: url(../../../images/site/kor/content/info_insu_summ_ico04.svg); } #info_insu_summ .kind_box li:nth-child(5) strong span:before { background-image: url(../../../images/site/kor/content/info_insu_summ_ico05.svg); } #info_insu_summ .kind_box li strong i { display: block; font-style: normal; } #info_insu_summ .kind_box li p { display: table-cell; vertical-align: middle; padding: 1.9em 2.64em; box-sizing: border-box; font-size: 0.95em; } @media all and (max-width: 1024px) { #info_insu_summ .lr_wrap { padding: 4em 3em 2em; } #info_insu_summ .lr_wrap .lr_box .l_box, #info_insu_summ .lr_wrap .lr_box .r_box { width: 100%; } #info_insu_summ .lr_wrap .lr_box .l_box { margin-right: 0; margin-bottom: 2em; } #info_insu_summ .kind_box { padding-left: 2.35em; } #info_insu_summ .kind_box li strong { width: 12em; } #info_insu_summ .kind_box li strong span { padding-left: 3.4em; } #info_insu_summ .kind_box li strong span:before { width: 4em; height: 4em; } } @media all and (max-width: 840px) { #info_insu_summ .lr_wrap { padding: 3.5em 2em 1.5em; } #info_insu_summ .kind_box { padding-left: 2.2em; } #info_insu_summ .kind_box li strong { width: 10em; } #info_insu_summ .kind_box li strong span { padding-left: 2.5em; } #info_insu_summ .kind_box li strong span:before { width: 3.5em; height: 3.5em; } } @media all and (max-width: 740px) { #info_insu_summ .img_scroll .move img { max-height: 500px; } } @media all and (max-width: 640px) { #info_insu_summ .lr_wrap { padding: 4.5em 2em 1.5em; } #info_insu_summ .lr_wrap .tt { min-width: 18em; } #info_insu_summ .lr_wrap .lr_box .l_box, #info_insu_summ .lr_wrap .lr_box .r_box { width: 100%; } #info_insu_summ .lr_wrap .lr_box .l_box { margin-right: 0em; margin-bottom: 2em; } #info_insu_summ .lr_wrap .lr_box .l_box .roof_tit[data-type="3"] { margin-bottom: 1.5em; } #info_insu_summ .lr_wrap .lr_box .r_box .titles { padding-bottom: 1em; } #info_insu_summ .lr_wrap .lr_box .r_box .txts_wrap { margin-top: 1.2em; } #info_insu_summ .link_wrap { width: 100%; margin-left: 0; margin-top: 1.5em; } #info_insu_summ .link_wrap:first-child { margin-top: 0; } #info_insu_summ .kind_box { padding-left: 0; } #info_insu_summ .kind_box li { min-height: auto; margin-top: 1.5em; } #info_insu_summ .kind_box li:first-child { margin-top: 0; } #info_insu_summ .kind_box li strong { display: block; width: 100%; padding: 0.85em 1em; text-align: center; box-sizing: border-box; } #info_insu_summ .kind_box li strong span { display: inline-block; width: auto; padding-left: 2.7em; } #info_insu_summ .kind_box li strong span:before { position: absolute; top: 50%; left: 0; width: 2.2em; height: 2.2em; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); } #info_insu_summ .kind_box li strong span i { display: inline-block; } #info_insu_summ .kind_box li p { display: block; padding: 1em 1em 1.3em; text-align: center; } } @media all and (max-width: 480px) { #info_insu_summ .labtn_box { width: 80%; } #info_insu_summ .labtn_box [data-skin="btn"] { margin-left: 0; margin-top: 0.5em; } #info_insu_summ .labtn_box [data-skin="btn"]:first-child { margin-top: 0; } } @media all and (max-width: 420px) { #info_insu_summ .lr_wrap .tt { padding: 0.816em 1.5em; min-width: 14em; } } .base_common .txt_box { text-align: center; } .base_common .txt_box .btn_box { margin-top: 1em; } .base_common .txt_box .btn_box a { text-decoration: none; } .base_common .img_box { margin-top: 4.5em; } .base_common .img_box img { display: block; width: 85%; max-width: 990px; margin: 0 auto; } @media all and (max-width: 1100px) { .base_common .txt_box p br { display: none; } } @media all and (max-width: 1024px) { .base_common .img_box { margin-top: 3em; } } @media all and (max-width: 640px) { .base_common .img_box { margin-top: 2em; } } #mana_poli_stat:after { content: ""; display: block; clear: both; } #mana_poli_stat .link_wrap { float: left; display: table; table-layout: fixed; width: calc((100% - 1.5em) / 2); height: 17.65em; margin-left: 1.5em; border-width: 1px; border-style: solid; box-sizing: border-box; overflow: hidden; border-radius: 0.65em; -webkit-border-radius: 0.65em; } #mana_poli_stat .link_wrap:nth-child(n + 3) { margin-top: 1.5em; } #mana_poli_stat .link_wrap .link_table { position: relative; display: table-cell; vertical-align: middle; padding: 0 1em 3.25em; text-align: center; box-sizing: border-box; } #mana_poli_stat .link_wrap .link_table h5 { margin: 0 0 0.9em; color: #333; } #mana_poli_stat .link_wrap .link_table .expl_f { margin-bottom: 1.5em; } #mana_poli_stat .link_wrap .link_table .expl_s span { display: inline-block; margin-left: 0.75em; } #mana_poli_stat .link_wrap .link_table .expl_s span:first-child { margin-left: 0; } #mana_poli_stat .link_wrap .link_table .expl_s span strong { display: inline-block; margin-right: 0.2em; } #mana_poli_stat .link_wrap .link_table .go_link { position: absolute; bottom: 0; left: 0; display: block; width: 100%; padding: 0.94em 1em; color: #fff; text-decoration: none; box-sizing: border-box; border-radius: 0 0 0.65em 0.65em; -webkit-border-radius: 0 0 0.65em 0.65em; } #mana_poli_stat .link_wrap .link_table .go_link i { position: relative; display: inline-block; width: 1.2em; height: 1.5em; margin-left: 0.1em; padding-left: 2em; text-indent: -9999px; background: url(../../../images/site/kor/content/mana_poli_stat_golink.svg) no-repeat center center; } #mana_poli_stat .link_wrap .link_table .go_link i:before { content: ""; position: absolute; top: 0.15em; left: 0; display: inline-block; width: 1em; height: 1em; background: url(../../../images/site/skin/icon_blank2.svg) no-repeat top 0.25em center; background-size: 0.75em; } #mana_poli_stat .link_wrap.color_b { margin-left: 0; border-color: #e4d9c9; } #mana_poli_stat .link_wrap.color_b .link_table { color: #726661; } #mana_poli_stat .link_wrap.color_b .link_table .go_link { background-color: #63483b; } #mana_poli_stat .link_wrap.color_g { border-color: #ccdfcc; } #mana_poli_stat .link_wrap.color_g .link_table { color: #5b735b; } #mana_poli_stat .link_wrap.color_g .link_table .go_link { background-color: #3c6a3c; } @media all and (max-width: 1024px) { #mana_poli_stat .link_wrap { width: calc((100% - 1em) / 2); margin-left: 1em; } #mana_poli_stat .link_wrap:nth-child(n + 3) { margin-top: 1em; } #mana_poli_stat .link_wrap .link_table .expl_f br { display: none; } } @media all and (max-width: 740px) { #mana_poli_stat .link_wrap { width: 100%; margin-left: 0; height: auto; } #mana_poli_stat .link_wrap:nth-child(n + 2) { margin-top: 1em; } #mana_poli_stat .link_wrap .link_table { padding: 2em 1em 5.25em; } #mana_poli_stat .link_wrap .link_table .expl_f br { display: block; } } #mana_resp_guid .guda_box a[data-skin="btn"] { margin-top: 1.25em; } #mana_resp_guid .syst_box:after { content: ""; display: block; clear: both; } #mana_resp_guid .syst_box .law_box, #mana_resp_guid .syst_box .plan_box { float: left; } #mana_resp_guid .syst_box .roof_box { border-width: 1px; border-style: solid; box-sizing: border-box; border-radius: 10px; -webkit-border-radius: 10px; } #mana_resp_guid .syst_box .roof_box strong { position: relative; display: block; width: 100%; padding: 0.58em 0.5em; text-align: center; font-size: 1.15em; box-sizing: border-box; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; } #mana_resp_guid .syst_box .roof_box strong a { position: absolute; top: 50%; right: 1em; height: auto; width: 2.223em; padding: 0; font-size: 0.7em; text-indent: -9999px; background-color: #d30000; background-position: center center; transform: translateY(-50%); -webkit-transform: translateY(-50%); } #mana_resp_guid .syst_box .roof_box .txts { padding: 1.4375em; box-sizing: border-box; } #mana_resp_guid .syst_box .law_box { position: relative; width: calc((100% - 4.4em) * 0.66); margin-right: 4.4em; } #mana_resp_guid .syst_box .law_box:before { content: ""; position: absolute; top: 50%; right: 0; display: block; width: 4.4em; height: 4.4em; background: url(../../../images/site/kor/content/mana_resp_guid_ico01.svg) no-repeat center center; transform: translate(100%, -50%); transform: translate(100%, -50%); } #mana_resp_guid .syst_box .law_box .tt { width: 22em; text-align: center; } #mana_resp_guid .syst_box .law_box .roof_box { border-color: #e4d9c9; } #mana_resp_guid .syst_box .law_box .roof_box strong { background-color: #f9f6f2; color: #63483b; } #mana_resp_guid .syst_box .law_box .roof_box .txts { padding: 1em 1.59em; font-size: 0.95em; color: #726661; background-color: #fff; border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; } #mana_resp_guid .syst_box .law_box .divi_2 { position: relative; } #mana_resp_guid .syst_box .law_box .divi_2:after { content: ""; display: block; clear: both; } #mana_resp_guid .syst_box .law_box .divi_2 .lef_box, #mana_resp_guid .syst_box .law_box .divi_2 .rig_box { width: calc((100% - 10%) / 2); } #mana_resp_guid .syst_box .law_box .divi_2 .lef_box { position: relative; margin-right: 10%; } #mana_resp_guid .syst_box .law_box .divi_2 .lef_box:before { content: ""; position: absolute; z-index: -1; top: 14%; right: 0; display: block; width: 22.5%; height: 24.4375em; background-size: 100% 100%; transform: translate(100%, 0); -webkit-transform: translate(100%, 0); } #mana_resp_guid .syst_box .law_box .divi_2 .lef_box .top_box { margin-bottom: 2em; } #mana_resp_guid .syst_box .law_box .divi_2 .rig_box { position: absolute; top: 0; right: 0; height: 100%; } #mana_resp_guid .syst_box .law_box .divi_2 .rig_box .txts { position: relative; } #mana_resp_guid .syst_box .law_box .bdivi_2 .top_box, #mana_resp_guid .syst_box .law_box .bdivi_2 .bot_box { position: relative; margin-top: 2.75em; } #mana_resp_guid .syst_box .law_box .bdivi_2 .top_box:after, #mana_resp_guid .syst_box .law_box .bdivi_2 .bot_box:after { content: ""; display: block; clear: both; } #mana_resp_guid .syst_box .law_box .bdivi_2 .roof_box { width: calc((100% - 10%) / 2); } #mana_resp_guid .syst_box .law_box .bdivi_2 .roof_box:nth-child(2n + 1) { margin-right: 10%; } #mana_resp_guid .syst_box .law_box .bdivi_2 .roof_box:nth-child(2n + 2) { position: absolute; top: 0; right: 0; height: 100%; } #mana_resp_guid .syst_box .plan_box { width: calc((100% - 4.4em) * 0.34); margin-top: 1.8em; } #mana_resp_guid .syst_box .plan_box .tt { padding: 0.816em; width: 12em; text-align: center; } #mana_resp_guid .syst_box .plan_box .roof_box { border-color: #ccdfcc; } #mana_resp_guid .syst_box .plan_box .roof_box strong { background-color: #f2f5f1; color: #3c6a3c; } #mana_resp_guid .syst_box .plan_box .roof_box .txts { padding: 1.28em 2em; font-size: 0.9em; text-align: center; color: #5b735b; } #mana_resp_guid .syst_box .plan_box .list_box { margin-top: 2.05em; } #mana_resp_guid .syst_box .plan_box .list_box:first-of-type { margin-top: 0; } #mana_resp_guid .syst_box .plan_box .list_box > p { font-size: 0.9em; margin-bottom: 0.65em; } #mana_resp_guid .stan_box:after { content: ""; display: block; clear: both; } #mana_resp_guid .stan_box .tb_box_wrap { position: relative; } #mana_resp_guid .stan_box .tb_box { float: left; display: table; table-layout: fixed; width: calc((100% - 1.625em) / 2); height: 27em; border-width: 1px; border-style: solid; box-sizing: border-box; border-radius: 10px; -webkit-border-radius: 10px; } #mana_resp_guid .stan_box .tb_box:nth-child(2n + 1) { margin-right: 1.625em; } #mana_resp_guid .stan_box .tb_box:nth-child(n + 3) { margin-top: 1.625em; } #mana_resp_guid .stan_box .tb_box.attention { border-color: #36f; } #mana_resp_guid .stan_box .tb_box.warning { border-color: #ffd600; } #mana_resp_guid .stan_box .tb_box.awful { border-color: #fa0; } #mana_resp_guid .stan_box .tb_box.terrible { border-color: red; } #mana_resp_guid .stan_box .tb_box > strong { display: table-cell; width: 5.5em; text-align: center; font-size: 1.15em; color: #fff; vertical-align: middle; border-radius: 9px 0 0 10px; -webkit-border-radius: 9px 0 0 9px; } #mana_resp_guid .stan_box .tb_box.attention > strong { background-color: #3b60fb; } #mana_resp_guid .stan_box .tb_box.warning > strong { background-color: #ff0; color: #333; } #mana_resp_guid .stan_box .tb_box.awful > strong { background-color: #fa0; color: #333; } #mana_resp_guid .stan_box .tb_box.terrible > strong { background-color: red; } #mana_resp_guid .stan_box .tb_box > strong span { display: block; font-size: 0.82em; } #mana_resp_guid .stan_box .tb_box ul { display: table-cell; vertical-align: middle; padding: 0 1.25em; box-sizing: border-box; } #mana_resp_guid .stan_box .tb_box ul li:not(:first-child) { margin-top: 1.6em; } #mana_resp_guid .uses_box .divi_2:after { content: ""; display: block; clear: both; } #mana_resp_guid .uses_box .divi_2 .roof_box { float: left; width: calc((100% - 1.625em) / 2); border-width: 1px; border-style: solid; box-sizing: border-box; border-radius: 10px; -webkit-border-radius: 10px; } #mana_resp_guid .uses_box .divi_2 .roof_box .txts { text-align: center; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; } #mana_resp_guid .uses_box .divi_2 .roof_box .txts img { display: inline-block; width: 100%; max-width: 383px; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; } #mana_resp_guid .uses_box .divi_2 .roof_box .arrow_btn { display: block; width: 100%; padding: 0.94em 1em; text-align: center; color: #fff; text-decoration: none; box-sizing: border-box; border-radius: 0 0 9px 9px; -webkit-border-radius: 0 0 9px 9px; } #mana_resp_guid .uses_box .divi_2 .roof_box .arrow_btn i { position: relative; display: inline-block; font-style: normal; width: 1em; height: 1.5em; margin-left: 0.4em; padding-left: 2em; text-indent: -9999px; background: url(../../../images/site/kor/content/mana_resp_guid_ico02.svg) no-repeat center center; } #mana_resp_guid .uses_box .divi_2 .roof_box .arrow_btn i:before { content: ""; position: absolute; top: 0.15em; left: 0; display: inline-block; width: 1em; height: 1em; background: url(../../../images/site/skin/icon_blank2.svg) no-repeat top 0.25em center; background-size: 0.75em; } #mana_resp_guid .uses_box .divi_2 .roof_box.b_color { margin-right: 1.625em; border-color: #e4d9c9; } #mana_resp_guid .uses_box .divi_2 .roof_box.g_color { border-color: #ccdfcc; } #mana_resp_guid .uses_box .divi_2 .roof_box.b_color .arrow_btn { background-color: #63483b; } #mana_resp_guid .uses_box .divi_2 .roof_box.g_color .arrow_btn { background-color: #3c6a3c; } #mana_resp_guid .spot_box .table tbody tr td { vertical-align: top; } #mana_resp_guid .spot_box .table tbody tr td:after { content: ""; display: block; clear: both; } #mana_resp_guid .spot_box .table tbody tr td ul[data-skin="list"] li { font-size: 1em; } #mana_resp_guid .spot_box .table tbody tr td div { float: left; width: calc(((100% - 1px) - 2em) / 3); } #mana_resp_guid .spot_box .table tbody tr td div:nth-child(2) { margin: 0 1em; } #mana_resp_guid .spot_box .table tbody tr td div strong + ul { margin-top: 1em; } #mana_resp_guid .spot_box .table tbody tr td div > ul > li { position: relative; padding-left: 2.8em; box-sizing: border-box; } #mana_resp_guid .spot_box .table tbody tr td div ul li:not(:first-child), #mana_resp_guid .spot_box .table tbody tr td div ol { margin-top: 0.3em; } #mana_resp_guid .spot_box .table tbody tr td div > ul > li > ol > li { position: relative; padding-left: 1em; box-sizing: border-box; } #mana_resp_guid .spot_box .table tbody tr td div > ul > li > ol > li > ol > li { position: relative; padding-left: 1.4em; box-sizing: border-box; } #mana_resp_guid .spot_box .table tbody tr td div li em { position: absolute; left: 0; top: 0; font-style: normal; } #mana_resp_guid .spot_box .table tbody tr td div ul + strong { display: block; margin-top: 1em; } #mana_resp_guid .unde_box { position: relative; } #mana_resp_guid .unde_box:after { content: ""; display: block; clear: both; } #mana_resp_guid .unde_box .obse_box, #mana_resp_guid .unde_box .neww_box { float: left; width: calc((100% - 1.625em) / 2); } #mana_resp_guid .unde_box .obse_box .tt, #mana_resp_guid .unde_box .neww_box .tt { width: 15em; text-align: center; } #mana_resp_guid .unde_box .obse_box { position: absolute; top: 0; left: 0; height: calc(100% - 1.8em); padding: 3.6em 1.875em 1.8em; } #mana_resp_guid .unde_box .obse_box p.brown { color: #63483b; font-size: 0.95em; } #mana_resp_guid .unde_box .obse_box p.brown + p { margin-top: 0.46em; font-size: 0.95em; color: #666; } #mana_resp_guid .unde_box .obse_box img { width: 100%; max-width: 526px; margin: 1.6em auto 0; } #mana_resp_guid .unde_box .neww_box { margin-left: calc(((100% - 1.625em) / 2) + 1.625em); margin-top: 1.8em; padding: 3.6em 0 0 0; } #mana_resp_guid .unde_box .neww_box .txts { padding: 0 1.875em; box-sizing: border-box; } #mana_resp_guid .unde_box .neww_box .txts ul { position: relative; padding-left: calc(((100% - 1.3125em) / 2) - 1.3125em); box-sizing: border-box; } #mana_resp_guid .unde_box .neww_box .txts ul:before { content: ""; position: absolute; top: 0; left: 0; display: block; width: calc(((100% - 1.3125em) / 2) - 2.625em); height: 100%; background: url(../../../images/site/kor/content/mana_resp_guid_img03.jpg); background-size: 100% 100%; } #mana_resp_guid .unde_box .neww_box .txts ul:after { content: ""; display: block; clear: both; } #mana_resp_guid .unde_box .neww_box .txts ul li { float: left; width: calc(((100% - 1px) - 1em) / 2); padding: 1em 0.4em; font-size: 0.9em; text-align: center; border: 1px solid #bdbdbd; box-sizing: border-box; border-radius: 5px; -webkit-border-radius: 5px; } #mana_resp_guid .unde_box .neww_box .txts ul li:nth-child(2n + 1) { margin-right: 1em; } #mana_resp_guid .unde_box .neww_box .txts ul li:nth-child(n + 3) { margin-top: 1em; } #mana_resp_guid .unde_box .neww_box .txts ul + p { margin: 1.375em 0; padding: 1.0625em 1em; text-align: center; color: #3c6a3c; font-weight: 500; background-color: #f1f5f1; border: 1px solid #ccdfcc; box-sizing: border-box; border-radius: 5px; -webkit-border-radius: 5px; } #mana_resp_guid .unde_box .neww_box .arrow_btn { display: block; width: 100%; padding: 1.125em 1em; background-color: #3c6a3c; color: #fff; text-align: center; text-decoration: none; box-sizing: border-box; border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; } #mana_resp_guid .unde_box .neww_box .arrow_btn span { position: relative; } #mana_resp_guid .unde_box .neww_box .arrow_btn span:before { content: ""; position: absolute; top: 50%; right: 0; display: block; width: 1em; height: 1em; background: url(../../../images/site/kor/content/mana_resp_guid_ico02.svg) no-repeat center center; transform: translate(500%, -50%); -webkit-transform: translate(500%, -50%); } #mana_resp_guid .unde_box .neww_box .arrow_btn span:after { content: ""; display: inline-block; width: 1em; height: 1em; margin-left: 0.2em; background: url(../../../images/site/skin/icon_blank2.svg) no-repeat top 0.25em center; background-size: 0.75em; } #mana_resp_guid .over_box:after { content: ""; display: block; clear: both; } #mana_resp_guid .over_box .teab_box, #mana_resp_guid .over_box .year_box { float: left; padding: 3em 1.5em 1.625em; } #mana_resp_guid .over_box ul li { border: 1px solid #bdbdbd; box-sizing: border-box; color: #555; font-size: 0.95em; border-radius: 5px; -webkit-border-radius: 5px; } #mana_resp_guid .over_box .teab_box { width: calc((100% - 1.5em) * 0.33); margin-right: 1.5em; } #mana_resp_guid .over_box .teab_box .tt { padding: 0.816em 1em; width: 15em; text-align: center; } #mana_resp_guid .over_box .teab_box ul:after { content: ""; display: block; clear: both; } #mana_resp_guid .over_box .teab_box ul li { padding: 0.917em 1em; text-align: center; box-sizing: border-box; } #mana_resp_guid .over_box .teab_box ul li:nth-child(n + 2) { margin-top: 0.46em; } #mana_resp_guid .over_box .year_box { width: calc((100% - 1.5em) * 0.67); margin-top: 1.8em; } #mana_resp_guid .over_box .year_box .tt { padding: 0.816em 1em; width: 18em; text-align: center; } #mana_resp_guid .over_box .year_box ul:after { content: ""; display: block; clear: both; } #mana_resp_guid .over_box .year_box ul li { float: left; width: calc(((100% - 1px) - 1.58em) / 2); padding: 1.38em 1em; text-align: center; box-sizing: border-box; } #mana_resp_guid .over_box .year_box ul li:nth-child(2n + 1) { margin-right: 1.58em; } #mana_resp_guid .over_box .year_box ul li:nth-child(n + 3) { margin-top: 0.52em; } @media all and (max-width: 1360px) { #mana_resp_guid .syst_box .law_box { width: calc((100% - 4.4em) * 0.62); } #mana_resp_guid .syst_box .plan_box { width: calc((100% - 4.4em) * 0.38); } #mana_resp_guid .syst_box .plan_box .roof_box .txts { padding: 1.28em 1em; } #mana_resp_guid .syst_box .plan_box .roof_box .txts span { display: block; } #mana_resp_guid .syst_box .law_box .roof_box .txts { padding: 1em 1em 1em 1.59em; } #mana_resp_guid .syst_box .plan_box .list_box:nth-of-type(4) .roof_box .txts span { display: inline-block; } } @media all and (max-width: 1180px) { #mana_resp_guid .syst_box .law_box { width: calc((100% - 3.6em) * 0.62); margin-right: 3.6em; } #mana_resp_guid .syst_box .plan_box { width: calc((100% - 3.6em) * 0.38); } #mana_resp_guid .syst_box .law_box:before { width: 3.6em; height: 3.6em; } #mana_resp_guid .syst_box .law_box .roof_box .txts { padding: 1em 0.8em 1em 1.59em; } #mana_resp_guid .syst_box .law_box .bdivi_2 .bot_box .roof_box:first-child .txts ul li span { display: block; } #mana_resp_guid .syst_box .plan_box .list_box:nth-of-type(4) .roof_box .txts span { display: block; } #mana_resp_guid .syst_box .roof_box strong { font-size: 1.1em; } #mana_resp_guid .unde_box .neww_box .txts ul:before { width: calc(((100% - 1.3125em) / 2) - 3.9375em); } #mana_resp_guid .unde_box .neww_box .txts ul { padding-left: calc(((100% - 1.3125em) / 2) - 2.625em); } #mana_resp_guid .stan_box .tb_box { height: 29em; } } #mana_resp_emer .divi_2:after { content: ""; display: block; clear: both; } #mana_resp_emer .divi_2 .table_scroll { float: left; width: calc((100% - 2em) / 2); } #mana_resp_emer .divi_2 .table_scroll.fir_table { margin-right: 2em; } #mana_resp_emer .divi_2 .table_scroll table tbody tr.total td { background-color: #f1f5f1; } @media all and (max-width: 1024px) { #mana_resp_emer .divi_2 .table_scroll { float: none; width: 100%; } #mana_resp_emer .divi_2 .table_scroll.fir_table { margin-right: 0em; } #mana_resp_emer .divi_2 .table_scroll.sec_table { margin-top: 1.2em; } } #mana_weak .weak_box { padding: 2.5em 3.19em; } #mana_weak .weak_box .boxss { position: relative; } #mana_weak .weak_box .boxss:after { content: ""; display: block; clear: both; } #mana_weak .weak_box .weak_wrap { float: left; position: relative; width: calc((100% - 8.1em) / 4); border: 1px solid #ccdfcc; box-sizing: border-box; border-radius: 10px; -webkit-border-radius: 10px; } #mana_weak .weak_box .weak_wrap:before { content: ""; position: absolute; top: 50%; right: 0; display: block; width: 2.7em; height: 2.7em; background-repeat: no-repeat; background-size: 1.3em 1.3em; background-position: center center; transform: translate(100%, -50%); -webkit-transform: translate(100%, -50%); } #mana_weak .weak_box .weak_wrap:nth-of-type(1), #mana_weak .weak_box .weak_wrap:nth-of-type(2), #mana_weak .weak_box .weak_wrap:nth-of-type(3), #mana_weak .weak_box .weak_wrap:nth-of-type(4) { position: absolute; width: calc((100% - 10.1em) / 5); top: 0; height: 100%; } #mana_weak .weak_box .weak_wrap:nth-of-type(1) { left: 0; margin-left: 0; } #mana_weak .weak_box .weak_wrap:nth-of-type(1):before { background-image: url(../../../images/site/kor/content/mana_weak_ico06.svg); } #mana_weak .weak_box .weak_wrap:nth-of-type(2) { left: calc(((100% - 10.1em) / 5) + 2.5em); } #mana_weak .weak_box .weak_wrap:nth-of-type(2):before { background-image: url(../../../images/site/kor/content/mana_weak_ico06.svg); } #mana_weak .weak_box .weak_wrap:nth-of-type(3) { left: calc(((100% - 10.1em) / 5) + ((100% - 10.1em) / 5) + 5.1em); } #mana_weak .weak_box .weak_wrap:nth-of-type(3):before { background-image: url(../../../images/site/kor/content/mana_weak_ico06.svg); } #mana_weak .weak_box .weak_wrap:nth-of-type(4) { left: calc( ((100% - 10.1em) / 5) + ((100% - 10.1em) / 5) + ((100% - 10.1em) / 5) + 7.5em ); } #mana_weak .weak_box .weak_wrap strong { display: block; width: 100%; padding: 0.9em 0.5em; font-size: 1.15em; text-align: center; background-color: #f1f5f1; color: #3c6a3c; box-sizing: border-box; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; } #mana_weak .weak_box .weak_wrap .txts { display: table; table-layout: fixed; width: 100%; text-align: center; height: 65%; color: #5b735b; box-sizing: border-box; } #mana_weak .weak_box .weak_wrap .txts p, #mana_weak .weak_box .weak_wrap .txts img { display: table-cell; margin: 0 auto; vertical-align: middle; font-size: 0.95em; } #mana_weak .weak_box .weak_wrap .txts img { width: 164px; } #mana_weak .back_box { background-color: #f9f6f2; box-shadow: none; } #mana_weak .back_box h6 { color: #63483b; } #mana_weak .back_box .img_scroll { margin-top: 0.8em; } #mana_weak .back_box .img_scroll .move { text-align: center; } #mana_weak .back_box .img_scroll .move img { max-width: 908px; max-height: 265px; } #mana_weak .law_box { margin-top: 1.2em; } #mana_weak .law_box .move .table tbody tr td strong { display: block; margin-bottom: 0.3em; margin-top: 1em; font-weight: 500; color: #3c6a3c; } #mana_weak .law_box .move .table tbody tr td strong:first-child { margin-top: 0; } #mana_weak .plan_box .plan_ul:after { content: ""; display: block; clear: both; } #mana_weak .plan_box .plan_ul > li { float: left; width: calc(((100% - 1px) - 7.4em) / 3); margin-left: 3.7em; } #mana_weak .plan_box .plan_ul > li:nth-child(1) { margin-left: 0; } #mana_weak .plan_box .plan_ul > li h5 { text-align: center; } #mana_weak .plan_box .plan_ul > li .bxos_wrap { position: relative; border: 1px solid #e4d9c9; box-sizing: border-box; border-radius: 10px; -webkit-border-radius: 10px; } #mana_weak .plan_box .plan_ul > li .bxos_wrap:before { content: ""; position: absolute; top: 50%; right: 0; display: block; width: 3.7em; height: 1.8125em; background: url(../../../images/site/kor/content/mana_weak_ico04.svg) no-repeat center center; background-size: 1em 100%; transform: translate(100%, -50%); -webkit-transform: translate(100%, -50%); } #mana_weak .plan_box .plan_ul > li:last-child .bxos_wrap:before { display: none; } #mana_weak .plan_box .plan_ul > li .bxos_wrap strong { display: block; width: 100%; padding: 0.9em; font-size: 1.15em; text-align: center; color: #63483b; background-color: #f9f6f2; box-sizing: border-box; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; } #mana_weak .plan_box .plan_ul > li .bxos_wrap .txts { padding: 0.8em 1.6em; box-sizing: border-box; min-height: 6.75em; } #mana_weak .plan_box .plan_ul > li .bxos_wrap .txts ul { color: #726661; } #mana_weak .anal_box .move .table thead tr th { background: #fff; border-bottom: 1px solid #e0e0e0; } #mana_weak .anal_box .move .table tbody tr td.bg_color { padding-left: 3.8%; padding-right: 3.8%; background-color: #f2f2f2; text-align: left; color: #3c6a3c; } #mana_weak .anal_box .move .table tbody tr td.bg_color strong { display: block; font-size: 1.375em; margin-bottom: 0.81em; } #mana_weak .anal_box .move .table tbody tr td.bg_color p { margin-top: 1.5em; font-size: 0.9em; } #mana_weak .anal_box .move .table tbody tr td.bg_color p:first-of-type { margin-top: 0; } #mana_weak .anal_box .move .table tbody tr td.bg_color p span { display: block; } #mana_weak .anal_box .move .table tbody tr td img { width: 100%; max-width: 248px; } @media all and (max-width: 1360px) { #mana_weak .weak_box { padding: 2em 2.6em; } #mana_weak .plan_box .plan_ul > li { width: calc(((100% - 1px) - 5em) / 3); margin-left: 2.5em; } #mana_weak .plan_box .plan_ul > li .bxos_wrap:before { width: 2.5em; } #mana_weak .plan_box .plan_ul > li .bxos_wrap .txts { padding: 0.8em 1em 0.8em 1.2em; } #mana_weak .plan_box .plan_ul > li .bxos_wrap strong span { display: block; } } @media all and (max-width: 1024px) { #mana_weak .weak_box { padding: 1.5em 1.9em; } #mana_weak .weak_box .weak_wrap { float: none; margin-top: 2.5em; } #mana_weak .weak_box .weak_wrap:before { top: auto; bottom: 0; right: 50%; width: 2.5em; height: 2.5em; background-size: 1.1em 1.1em; transform: translate(50%, 100%); -webkit-transform: translate(50%, 100%); } #mana_weak .weak_box .weak_wrap:nth-of-type(1), #mana_weak .weak_box .weak_wrap:nth-of-type(2), #mana_weak .weak_box .weak_wrap:nth-of-type(3), #mana_weak .weak_box .weak_wrap:nth-of-type(4) { position: relative; width: 100%; top: auto; left: auto; height: auto; } #mana_weak .weak_box .weak_wrap:nth-of-type(1) { margin-top: 0; } #mana_weak .weak_box .weak_wrap .txts { height: auto; padding: 1.2em 1em; } #mana_weak .weak_box .weak_wrap .txts p br { display: none; } } @media all and (max-width: 950px) { #mana_weak .plan_box .plan_ul > li .bxos_wrap .txts { min-height: 7.8em; } } @media all and (max-width: 840px) { #mana_weak .plan_box .plan_ul > li { width: 100%; margin-left: 0; margin-top: 2.5em; } #mana_weak .plan_box .plan_ul > li .bxos_wrap:before { top: auto; bottom: 0; right: 50%; transform: translate(50%, 125%) rotate(90deg); -webkit-transform: translate(50%, 125%) rotate(90deg); } #mana_weak .plan_box .plan_ul > li:first-child { margin-top: 0; } #mana_weak .plan_box .plan_ul > li .bxos_wrap .txts { padding: 0.8em 2em; min-height: auto; } #mana_weak .plan_box .plan_ul > li .bxos_wrap strong span { display: inline-block; } } @media all and (max-width: 640px) { #mana_weak .weak_box { padding: 1.2em 1.6em; } #mana_weak .weak_box .weak_wrap .txts p span { display: block; } } #part_cent_gree .img_box { position: relative; padding: 4.2em 8%; font-size: 1.15em; color: #fff; letter-spacing: -0.02em; background: url(../../../images/site/kor/content/part_cent_gree_bg01.jpg) no-repeat center center; background-size: cover; box-sizing: border-box; } #part_cent_gree .img_box:before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 7.15em; height: 6.85em; background: url(../../../images/site/kor/content/part_cent_gree_bg02.png); } #part_cent_gree .img_box span { display: block; margin-bottom: 0.5em; font-weight: 300; } #part_cent_gree .img_box p { font-size: 2.2em; line-height: 1.25em; } #part_cent_gree .txt_box p + p { margin-top: 1.85em; } #part_cent_gree .txt_box p { font-size: 0.95em; } #part_cent_gree .txt_box p.st_green { margin-top: 1.756em; font-size: 1em; font-weight: 500; color: #3c6a3c; } #part_cent_gree .txt_box .di_sign { position: relative; display: block; padding: 0 1.3em 0.5em 0; margin-top: 1.2em; color: #222; letter-spacing: -0.02em; font-size: 1.15em; text-align: right; box-sizing: border-box; } @media all and (max-width: 1024px) { #part_cent_gree .img_box { padding: 4em 6%; font-size: 1.1em; } } @media all and (max-width: 640px) { #part_cent_gree .img_box { padding: 1em 0; background: none; color: #63483b; font-size: 0.9em; } #part_cent_gree .img_box p { width: 87%; } } @media all and (max-width: 480px) { #part_cent_gree .img_box p br { display: none; } } @media all and (max-width: 400px) { #part_cent_gree .img_box { font-size: 0.8em; } #part_cent_gree .img_box p { width: 100%; } } #part_cent_esta .role_box { margin-top: 1.2em; padding-left: 2.5em; box-sizing: border-box; } #part_cent_esta .role_box > li { position: relative; display: table; table-layout: fixed; width: 100%; min-height: 127px; padding: 0; } #part_cent_esta .role_box > li strong { display: table-cell; vertical-align: middle; width: 17.4em; color: #63483b; font-size: 1.15em; background-color: #f9f6f2; } #part_cent_esta .role_box > li strong span { position: relative; display: block; width: 100%; height: 100%; padding-left: 4.4em; box-sizing: border-box; } #part_cent_esta .role_box > li strong span:before { content: ""; position: absolute; top: 50%; left: 0; width: 4.45em; height: 4.45em; box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); background-repeat: no-repeat; background-size: contain; border-radius: 50%; -webkit-border-radius: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } #part_cent_esta .role_box > li:nth-child(1) strong span:before { background-image: url(../../../images/site/kor/content/part_cent_esta_ico01.svg); } #part_cent_esta .role_box > li:nth-child(2) strong span:before { background-image: url(../../../images/site/kor/content/part_cent_esta_ico02.svg); } #part_cent_esta .role_box > li:nth-child(3) strong span:before { background-image: url(../../../images/site/kor/content/part_cent_esta_ico03.svg); } #part_cent_esta .role_box > li:nth-child(4) strong span:before { background-image: url(../../../images/site/kor/content/part_cent_esta_ico04.svg); } #part_cent_esta .role_box > li:nth-child(5) strong span:before { background-image: url(../../../images/site/kor/content/part_cent_esta_ico05.svg); } #part_cent_esta .role_box > li ul { display: table-cell; vertical-align: middle; padding: 1.75em 2.64em; box-sizing: border-box; } #part_cent_esta .hist_box { padding: 3.125em; } #part_cent_esta .hist_box .com_box { position: relative; display: table; table-layout: fixed; width: 100%; margin-top: 1.81em; box-sizing: border-box; } #part_cent_esta .hist_box .com_box:first-child { margin-top: 0; } #part_cent_esta .hist_box .com_box .date { position: relative; display: table-cell; width: 13.15em; font-size: 1.15em; text-align: center; border-radius: 100px; -webkit-border-radius: 100px; } #part_cent_esta .hist_box .com_box .date:before { content: ""; position: absolute; top: 1.55em; right: 0; display: block; width: 10px; height: 10px; background-color: #fff; border-width: 2px; border-style: solid; box-sizing: border-box; border-radius: 100px; -webkit-border-radius: 100px; } #part_cent_esta .hist_box .com_box.g_box .date:before { border-color: #3c6a3c; } #part_cent_esta .hist_box .com_box.b_box .date:before, #part_cent_esta .hist_box .com_box.bb_box .date:before { border-color: #63483b; } #part_cent_esta .hist_box .com_box .date span { display: block; width: calc(100% - 2.15em); padding: 1em 0; box-sizing: border-box; border-radius: 100px; -webkit-border-radius: 100px; } #part_cent_esta .hist_box .com_box.g_box .date span { background-color: #f1f5f1; color: #3c6a3c; } #part_cent_esta .hist_box .com_box.b_box .date span { background-color: #f9f6f2; color: #63483b; } #part_cent_esta .hist_box .com_box.bb_box .date span { background-color: #63483b; color: #fff; } #part_cent_esta .hist_box .com_box .txts { position: relative; display: table-cell; vertical-align: middle; width: 100%; padding-left: 2.125em; box-sizing: border-box; } #part_cent_esta .hist_box .com_box:after { content: ""; position: absolute; top: calc(1.5em + 10px); left: 14.75em; display: block; width: 1px; height: calc(100% + 10px); margin-top: 8px; background-color: #e0e0e0; } #part_cent_esta .hist_box .com_box:last-child:after { display: none; } #part_cent_esta .img_box { padding: 3.75em 4.125em; } @media all and (max-width: 1360px) { #part_cent_esta .role_box > li strong { width: 15em; } #part_cent_esta .role_box > li strong span { padding-right: 1em; } } @media all and (max-width: 1024px) { #part_cent_esta .role_box { padding-left: 2.35em; } #part_cent_esta .role_box > li strong { width: 12em; } #part_cent_esta .role_box > li strong span { padding-left: 3.4em; } #part_cent_esta .role_box > li strong span:before { width: 4em; height: 4em; } #part_cent_esta .hist_box { padding: 2.2em; } #part_cent_esta .hist_box .com_box .date { width: 11em; } #part_cent_esta .hist_box .com_box:after { left: 12.25em; } #part_cent_esta .img_box { padding: 2em 2.5em; } } @media all and (max-width: 840px) { #part_cent_esta .role_box { padding-left: 2.2em; } #part_cent_esta .role_box > li strong { width: 10.5em; } #part_cent_esta .role_box > li strong span { padding-left: 2.4em; } #part_cent_esta .role_box > li strong span:before { width: 3.5em; height: 3.5em; } } @media all and (max-width: 740px) { #part_cent_esta .img_box .move img { max-height: 500px; } } @media all and (max-width: 640px) { #part_cent_esta .role_box { padding-left: 0; } #part_cent_esta .role_box > li { min-height: auto; margin-top: 1.5em; } #part_cent_esta .role_box > li:first-child { margin-top: 0; } #part_cent_esta .role_box > li strong { display: block; width: 100%; padding: 0.85em 1em; text-align: center; box-sizing: border-box; } #part_cent_esta .role_box > li strong span { display: inline-block; width: auto; padding-left: 2.7em; padding-right: 0; } #part_cent_esta .role_box > li strong span:before { top: 50%; left: 0; width: 2.2em; height: 2.2em; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); } #part_cent_esta .role_box > li ul { display: block; padding: 1em 5% 1.3em; } #part_cent_esta .hist_box { padding: 2em 1.5em 2em 1em; } #part_cent_esta .hist_box .com_box { display: block; padding-left: 2.125em; } #part_cent_esta .hist_box .com_box:after { left: 0.975em; height: 100%; margin-left: 0; margin-top: 5px; } #part_cent_esta .hist_box .com_box:last-child:before { display: none; } #part_cent_esta .hist_box .com_box .date { display: block; } #part_cent_esta .hist_box .com_box .date:before { right: auto; left: -1.25em; top: 1.1em; } #part_cent_esta .hist_box .com_box .date span { padding: 0.7em 0; } #part_cent_esta .hist_box .com_box .txts { padding-left: 0; padding-top: 1em; } #part_cent_esta .img_box { padding: 1.2em 1.6em; } } #part_cent_syst p + p { margin-top: 1.5em; } #part_cent_syst .summ_box { margin-top: 3.6em; } #part_cent_syst .summ_box .img_scroll .move img { max-height: 559px; } #part_cent_syst .conf_box { position: relative; padding: 2.5em; } #part_cent_syst .conf_box .t_tit { position: absolute; top: 50%; left: 2.222em; z-index: 1; display: block; width: 12.4em; padding: 1.8em 0; text-align: center; color: #63483b; font-size: 1.15em; border: 1px solid #63483b; background-color: #fff; box-sizing: border-box; border-radius: 10px; -webkit-border-radius: 10px; transform: translateY(-50%); -webkit-transform: translateY(-50%); } #part_cent_syst .conf_box .t_tit span { display: block; } #part_cent_syst .conf_box ul { position: relative; padding-left: 19em; } #part_cent_syst .conf_box ul li { position: relative; display: table; table-layout: fixed; width: 100%; margin-top: 1.5em; } #part_cent_syst .conf_box ul li:first-child { margin-top: 0; } #part_cent_syst .conf_box ul li strong { position: relative; display: table-cell; vertical-align: middle; width: 12.4em; margin-right: 1.65em; height: 100%; text-align: center; font-size: 1.15em; font-weight: 500; background-color: #3c6a3c; color: #fff; box-sizing: border-box; border-radius: 10px; -webkit-border-radius: 10px; } #part_cent_syst .conf_box ul:before { content: ""; position: absolute; top: 50%; left: 7em; z-index: 0; display: block; width: 1px; height: calc(100% + 1.5em); background-color: #63483b; transform: translate(0, -50%); } #part_cent_syst .conf_box ul li:first-child .txts:after, #part_cent_syst .conf_box ul li:last-child .txts:after { content: ""; position: absolute; top: 50%; left: -12em; z-index: 0; display: block; width: 1px; height: 100%; background-color: #fff; } #part_cent_syst .conf_box ul li:first-child .txts:after { top: auto; bottom: 50%; } #part_cent_syst .conf_box ul li.short .txts:after { height: calc(100% + 3em); top: 30%; } #part_cent_syst .conf_box ul li.short .txts:before { content: ""; position: absolute; top: 50%; left: -2.05em; display: block; width: 1px; height: 100%; background-color: #63483b; } #part_cent_syst .conf_box ul li.short2 .txts:before { content: ""; position: absolute; bottom: 50%; left: -2.05em; display: block; width: 1px; height: 100%; background-color: #63483b; margin-bottom: -1px; } #part_cent_syst .conf_box ul li:before { content: ""; position: absolute; top: 50%; left: 0; z-index: 1; display: block; width: 10px; height: 10px; background-color: #fff; border: 2px solid #63483b; box-sizing: border-box; border-radius: 50%; -webkit-border-radius: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } #part_cent_syst .conf_box ul li:after { content: ""; position: absolute; top: 50%; left: 0; display: block; width: 12em; height: 1px; background-color: #63483b; transform: translate(-100%, 0); -webkit-transform: translate(-100%, 0); } #part_cent_syst .conf_box ul li.short:after, #part_cent_syst .conf_box ul li.short2:after { width: 2em; } #part_cent_syst .conf_box .t_tit:before { content: ""; position: absolute; top: 50%; right: 0; display: block; width: 2.4em; height: 1px; background-color: #63483b; transform: translate(100%, 0); -webkit-transform: translate(100%, 0); } #part_cent_syst .conf_box ul li .txts { display: table-cell; vertical-align: middle; width: 100%; text-align: right; } #part_cent_syst .conf_box ul li .txts p { position: relative; display: inline-block; width: calc(100% - 1.875em); padding: 1.4em 1em; border: 1px solid #ccdfcc; text-align: center; color: #3c6a3c; box-sizing: border-box; border-radius: 10px; -webkit-border-radius: 10px; } #part_cent_syst .conf_box ul li .txts p:before { content: ""; position: absolute; top: 50%; left: 0; display: block; width: 10px; height: 10px; background-color: #3c6a3c; border-radius: 50%; -webkit-border-radius: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } #part_cent_syst .conf_box ul li .txts p:after { content: ""; position: absolute; top: 50%; left: -5px; display: block; width: 1.875em; height: 1px; margin-top: -1px; background-color: #3c6a3c; transform: translateX(-100%); -webkit-transform: translateX(-100%); } #part_cent_syst .cont_box { margin-top: 1.2em; } #part_cent_syst .cont_box .tb_box { display: table; table-layout: fixed; width: 100%; margin-top: 1.5em; } #part_cent_syst .cont_box .tb_box:first-child { margin-top: 0; } #part_cent_syst .cont_box .tb_box .titles { display: table-cell; vertical-align: middle; width: 12.5em; font-size: 1.07em; text-align: center; color: #3c6a3c; font-weight: 500; border: 1px solid #ccdfcc; box-sizing: border-box; border-radius: 10px; -webkit-border-radius: 10px; } #part_cent_syst .cont_box .tb_box .txts { display: table-cell; vertical-align: middle; padding: 0.75em 1.5em; box-sizing: border-box; } #part_cent_syst .cont_box .tb_box .txts p { font-size: 0.95em; color: #666; } #part_cent_syst .cont_box .tb_box .txts a[data-skin="btn"] { display: inline-block; margin-top: 1em; } @media all and (max-width: 1024px) { #part_cent_syst .conf_box .t_tit { width: 8.8em; padding: 1.3em 0; top: calc(50% - 1.5em); } #part_cent_syst .conf_box ul { padding-left: 14em; } #part_cent_syst .conf_box ul li:after { width: 9em; } #part_cent_syst .conf_box ul li .txts:after { left: -9em; } #part_cent_syst .conf_box ul li strong { width: 10em; font-size: 1.1em; } #part_cent_syst .conf_box ul li .txts p { padding: 1em; } #part_cent_syst .conf_box ul:before { content: ""; position: absolute; top: 50%; left: 5em; z-index: 0; display: block; width: 1px; height: 100%; background-color: #63483b; transform: translate(0, -50%); } #part_cent_syst .conf_box ul li:first-child .txts:after, #part_cent_syst .conf_box ul li:last-child .txts:after { top: 1.4em; left: -9em; width: 1px; height: calc(100% - 1.4em); } #part_cent_syst .conf_box ul li:first-child .txts:after { bottom: auto; top: 0em; height: 1.4em; } #part_cent_syst .conf_box ul li { display: block; } #part_cent_syst .conf_box ul li strong { display: block; width: 100%; padding: 0.4em 0.8em; border-radius: 10px 10px 0 0; } #part_cent_syst .conf_box ul li .txts { display: block; width: 100%; } #part_cent_syst .conf_box ul li .txts p { width: 100%; border-radius: 0 0 10px 10px; } #part_cent_syst .conf_box ul li .txts p:before, #part_cent_syst .conf_box ul li .txts p:after { display: none; } #part_cent_syst .conf_box ul li .txts:after { top: 1.3em; } #part_cent_syst .conf_box ul li:before { top: 1.3em; } #part_cent_syst .conf_box ul li:after { top: 1.3em; } #part_cent_syst .conf_box .t_tit:before { width: 1.67em; } #part_cent_syst .conf_box ul li.short .txts:before { top: 1.3em; left: -2.05em; width: 1px; height: 100%; } #part_cent_syst .conf_box ul li.short2 .txts:before { bottom: auto; top: 0; left: -2.05em; width: 1px; height: 50%; margin-bottom: 0; transform: translateY(-1.7em); } #part_cent_syst .cont_box .tb_box .titles { width: 10em; } } @media all and (max-width: 840px) { #part_cent_syst .conf_box { padding: 1.5em; } #part_cent_syst .conf_box .t_tit { width: 7em; padding: 1em 0; } #part_cent_syst .conf_box .t_tit:before { width: 1.3em; } #part_cent_syst .conf_box ul { padding-left: 12em; } #part_cent_syst .conf_box ul li:after { width: 7em; } #part_cent_syst .conf_box ul li:first-child .txts:after, #part_cent_syst .conf_box ul li:last-child .txts:after { left: -7em; } #part_cent_syst .conf_box ul li.short .txts:before, #part_cent_syst .conf_box ul li.short2 .txts:before { left: -1.5em; } #part_cent_syst .conf_box ul li.short:after, #part_cent_syst .conf_box ul li.short2:after { width: 1.5em; } } @media all and (max-width: 740px) { #part_cent_syst .summ_box { margin-top: 4.2em; } #part_cent_syst .summ_box .tt { width: 15em; padding: 0.816em 0; text-align: center; } #part_cent_syst .summ_box .tt span { display: block; } #part_cent_syst .summ_box .img_scroll .move img { max-height: 450px; } } @media all and (max-width: 640px) { #part_cent_syst .conf_box .t_tit { position: relative; top: auto; left: auto; width: 100%; padding: 1em; transform: translateY(0); -webkit-transform: translateY(0); } #part_cent_syst .conf_box .t_tit:before { display: none; } #part_cent_syst .conf_box .t_tit span { display: inline-block; } #part_cent_syst .conf_box ul { padding-left: 3em; margin-top: 1.5em; } #part_cent_syst .conf_box ul:before { top: -1.5em; left: 1.5em; transform: translate(0, 0); } #part_cent_syst .conf_box ul li .txts:after { left: -1.5em; } #part_cent_syst .conf_box ul li.short .txts:before, #part_cent_syst .conf_box ul li.short2 .txts:before { display: none; } #part_cent_syst .conf_box ul li:after { width: 1.5em; } #part_cent_syst .conf_box ul li:first-child .txts:after { display: none; } #part_cent_syst .conf_box ul li:last-child .txts:after { left: -1.5em; } #part_cent_syst .cont_box .tb_box { display: block; } #part_cent_syst .cont_box .tb_box .titles { display: block; width: 100%; padding: 0.75em; } #part_cent_syst .cont_box .tb_box .txts { display: block; padding: 1em 0 0 0; } #part_cent_syst .cont_box .tb_box .txts p { text-align: left; } } #part_cent_pner .l_box:after { content: ""; display: block; clear: both; } #part_cent_pner .l_box .link_wrap { float: left; position: relative; display: table; table-layout: fixed; width: calc((100% - 1.5em) / 2); height: 9.5em; margin-left: 1.5em; text-align: center; border-width: 1px; border-style: solid; box-sizing: border-box; overflow: hidden; border-radius: 0.65em; -webkit-border-radius: 0.65em; } #part_cent_pner .l_box .link_wrap:nth-child(n + 3) { margin-top: 1.5em; } #part_cent_pner .l_box .link_wrap:nth-child(2n + 1) { margin-left: 0; } #part_cent_pner .l_box .link_wrap .link_table { position: relative; display: table-cell; width: 100%; height: 100%; vertical-align: middle; padding: 1em; text-align: left; box-sizing: border-box; font-size: 0.95em; text-align: right; } #part_cent_pner .l_box .link_wrap .link_table p { display: inline-block; width: 41%; text-align: left; } #part_cent_pner .l_box .link_wrap .link_table strong { display: block; } #part_cent_pner .l_box .link_wrap:before { content: ""; position: absolute; top: 50%; left: 12%; display: block; width: 38.6%; max-width: 226px; height: 52px; background-repeat: no-repeat; background-position: left center; background-size: auto auto; transform: translateY(-50%); -webkit-transform: translateY(-50%); } #part_cent_pner .l_box .link_wrap.color_b { border-color: #e4d9c9; } #part_cent_pner .l_box:first-of-type .link_wrap:nth-child(1):before { background-image: url(../../../images/site/kor/content/part_cent_pner_img01_1.png); background-size: contain; } #part_cent_pner .l_box:first-of-type .link_wrap:nth-child(2):before { background-image: url(../../../images/site/kor/content/part_cent_pner_img02.png); } #part_cent_pner .l_box:first-of-type .link_wrap:nth-child(3):before { background-image: url(../../../images/site/kor/content/part_cent_pner_img03.png); } #part_cent_pner .l_box:first-of-type .link_wrap:nth-child(4):before { background-image: url(../../../images/site/kor/content/part_cent_pner_img04.png); } #part_cent_pner .l_box .link_wrap.color_g { border-color: #ccdfcc; } #part_cent_pner .l_box .link_wrap.color_g .link_table p { width: 53%; } #part_cent_pner .l_box .link_wrap.color_g:before { width: 30.888%; max-width: 181px; height: 83px; } #part_cent_pner .l_box:nth-of-type(2) .link_wrap:nth-child(1):before { background-image: url(../../../images/site/kor/content/part_cent_pner_img05.png); } #part_cent_pner .l_box:nth-of-type(2) .link_wrap:nth-child(2):before { background-image: url(../../../images/site/kor/content/part_cent_pner_img06.png); } #part_cent_pner .l_box:nth-of-type(2) .link_wrap:nth-child(3):before { background-image: url(../../../images/site/kor/content/part_cent_pner_img07.png); } @media all and (max-width: 1260px) { #part_cent_pner .l_box .link_wrap:before { left: 8%; } #part_cent_pner .l_box .link_wrap:before { background-size: 100%; } #part_cent_pner .l_box .link_wrap .link_table p { width: 45%; } #part_cent_pner .l_box .link_wrap.color_g .link_table p { width: 55%; } } @media all and (max-width: 1024px) { #part_cent_pner .l_box .link_wrap { width: calc((100% - 1em) / 2); height: 10em; margin-left: 1em; } #part_cent_pner .l_box .link_wrap:nth-child(n + 3) { margin-top: 1em; } #part_cent_pner .l_box .link_wrap:before { top: 1em; left: 50%; width: 226px; height: 52px; background-position: center center; background-size: 80%; transform: translate(-50%, 0); } #part_cent_pner .l_box .link_wrap.color_g { height: 11em; } #part_cent_pner .l_box .link_wrap.color_g:before { width: 181px; height: 83px; } #part_cent_pner .l_box .link_wrap .link_table p, #part_cent_pner .l_box .link_wrap.color_g .link_table p { width: 100%; padding-top: 42px; text-align: center; } #part_cent_pner .l_box .link_wrap.color_g .link_table p { padding-top: 73px; } } @media all and (max-width: 740px) { #part_cent_pner .l_box .link_wrap .link_table a { letter-spacing: -0.5px; } } @media all and (max-width: 640px) { #part_cent_pner .l_box .link_wrap, #part_cent_pner .l_box .link_wrap.color_g { float: none; display: block; table-layout: auto; width: 100%; height: auto; margin-left: 0; } #part_cent_pner .l_box .link_wrap:nth-child(n + 2) { margin-top: 1em; } #part_cent_pner .l_box .link_wrap .link_table { display: block; width: 100%; } #part_cent_pner .l_box .link_wrap:before, #part_cent_pner .l_box .link_wrap.color_g:before { top: 0; left: 50%; background-position: center center; background-size: 60%; transform: translate(-50%, 0); } #part_cent_pner .l_box .link_wrap.color_g:before { max-width: 226px; width: 226px; height: 60px; background-size: 45%; } #part_cent_pner .l_box .link_wrap .link_table p, #part_cent_pner .l_box .link_wrap.color_g .link_table p { width: 100%; padding-top: 40px; text-align: center; box-sizing: border-box; } #part_cent_pner .l_box .link_wrap.color_g .link_table p { padding-top: 45px; } } #part_cent_maps .map_box { height: 30.75em; background-color: #f2f2f2; } #part_cent_maps .table_scroll .move .table tbody tr td ul[data-skin="list"] li { font-size: 1em; } #part_cent_maps .table_scroll .move .table tbody tr td ul[data-skin="list"] li strong { display: block; margin-bottom: 0.2em; font-weight: 500; } #part_cent_maps .table_scroll .move .table tbody tr td.bus_td ul[data-skin="list"] li { position: relative; padding-left: 7em; box-sizing: border-box; } #part_cent_maps .table_scroll .move .table tbody tr td.bus_td ul[data-skin="list"] li strong { position: absolute; top: 0; left: 0.9em; display: inline-block; margin-bottom: 0; } #part_cent_maps .depart_box { padding: 2.5em 1em 2em; background-color: #f1f5f1; border: 1px solid #ccdfcc; text-align: center; box-sizing: border-box; } #part_cent_maps .depart_box ul { position: relative; display: inline-block; } #part_cent_maps .depart_box ul:before { content: ""; float: left; display: inline-block; width: 4.625em; height: 2.8125em; margin-right: 1.875em; background: url(../../../images/site/kor/content/part_cent_maps_d_img01.svg) no-repeat center center; background-size: 100% auto; } #part_cent_maps .depart_box ul:after { content: ""; display: block; clear: both; } #part_cent_maps .depart_box ul li { float: left; } #part_cent_maps .depart_box ul li:not(:first-child) { margin-left: 1.25em; } #part_cent_maps .depart_box ul li label { margin-right: 0.4em; font-size: 1.11em; color: #3c6a3c; font-weight: 500; } #part_cent_maps .depart_box ul li:nth-child(1) div input { width: 23em; } #part_cent_maps .depart_box ul li:nth-child(1) div input::placeholder { color: #bdbdbd; } #part_cent_maps .depart_box ul li:nth-child(2) div input { background-color: #f7f7f7; } #part_cent_maps .depart_box ul li:nth-child(2) > a { background-color: #3c6a3c; color: #fff; vertical-align: middle; margin-left: 1.5em; padding: 0 1em; } #part_cent_maps .depart_box ul li:nth-child(2) > a:after { content: ""; display: inline-block; width: 1em; height: 1em; margin-left: 0.5em; background: url(../../../images/site/skin/search_btn.svg) no-repeat center center; background-size: 100% auto; } @media all and (max-width: 1024px) { #part_cent_maps .map_box { height: 27em; } #part_cent_maps .depart_box ul li:nth-child(1) div input { width: 100%; } } @media all and (max-width: 840px) { #part_cent_maps .depart_box ul:before { margin-right: 0.8em; font-size: 0.9em; } #part_cent_maps .depart_box ul li:nth-child(1) div input { width: 100%; } #part_cent_maps .depart_box ul li:not(:first-child), #part_cent_maps .depart_box ul li:nth-child(2) > a { margin-left: 0.8em; } } @media all and (max-width: 740px) { #part_cent_maps .depart_box { padding: 1.5em 1em; } #part_cent_maps .depart_box ul { position: relative; width: 100%; padding-left: 5em; text-align: left; box-sizing: border-box; } #part_cent_maps .depart_box ul:before { position: absolute; top: 50%; left: 0; height: 100%; background-color: #3c6a3c; transform: translateY(-50%); -webkit-transform: translateY(-50%); border-radius: 15px; -webkit-border-radius: 15px; } #part_cent_maps .depart_box ul li { float: none; width: 100%; } #part_cent_maps .depart_box ul li:not(:first-child) { margin-left: 0; } #part_cent_maps .depart_box ul li:nth-child(2) { margin-top: 0.3em; } #part_cent_maps .depart_box ul li:nth-child(1) [data-skin="input"] { width: calc(100% - 3.8em); } #part_cent_maps .depart_box ul li:nth-child(2) [data-skin="input"] { width: calc(100% - 9.8em); } #part_cent_maps .depart_box ul li:nth-child(2) div input { width: 100%; } #part_cent_maps .depart_box ul li:nth-child(2) > a { margin-left: 0.1em; } } @media all and (max-width: 640px) { #part_cent_maps .map_box { height: 23em; } } @media all and (max-width: 480px) { #part_cent_maps .map_box { height: 20em; } #part_cent_maps .map_box + .table.ty_02 colgroup col:first-child { width: 5.5em !important; } } #anal_freq_summ .conc_box { margin-top: 1.2em; } #anal_freq_summ .conc_box .txt_table { display: table; table-layout: fixed; width: 100%; margin-top: 0.95em; } #anal_freq_summ .conc_box .txt_table:first-child { margin-top: 0; } #anal_freq_summ .conc_box .txt_table .titles { display: table-cell; vertical-align: text-top; width: 6em; } #anal_freq_summ .conc_box .txt_table .titles strong { display: block; width: 100%; padding: 0.7em 0.5em; text-align: center; border: 1px solid #e4d9c9; box-sizing: border-box; font-size: 1.08em; border-radius: 10px; -webkit-border-radius: 10px; } #anal_freq_summ .conc_box .txt_table .txts { display: table-cell; vertical-align: middle; padding: 0 0 0 1.3em; font-size: 0.95em; box-sizing: border-box; } #anal_freq_summ .conc_box .bot_box { margin-top: 1.2em; } #anal_freq_summ .conc_box .bot_box .lr_box { position: relative; } #anal_freq_summ .conc_box .bot_box .lr_box:after { content: ""; display: block; clear: both; } #anal_freq_summ .conc_box .bot_box .l_box, #anal_freq_summ .conc_box .bot_box .r_box { float: left; width: calc((100% - 1.8em) / 2); } #anal_freq_summ .conc_box .bot_box .l_box { position: absolute; top: 0; left: 0; height: 100%; } #anal_freq_summ .conc_box .bot_box .l_box .img_scroll, #anal_freq_summ .conc_box .bot_box .l_box .img_scroll .move { width: 100%; height: 100%; } #anal_freq_summ .conc_box .bot_box .l_box .img_scroll .move img { position: relative; left: 50%; top: 50%; height: 100%; max-height: 262px; width: auto; max-width: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } #anal_freq_summ .conc_box .bot_box .r_box { position: relative; margin-left: calc(((100% - 1.8em) / 2) + 1.8em); border: 1px solid #e4d9c9; box-sizing: border-box; border-radius: 10px; -webkit-border-radius: 10px; } #anal_freq_summ .conc_box .bot_box .r_box .titles { display: block; width: 100%; padding: 0.9em 0.5em; font-size: 1.15em; text-align: center; background-color: #f9f6f2; color: #63483b; box-sizing: border-box; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; } #anal_freq_summ .conc_box .bot_box .r_box .txts { padding: 2.3em 2em 1.5em; box-sizing: border-box; } #anal_freq_summ .conc_box .bot_box .r_box .txts ul { color: #63483b; } #anal_freq_summ .conc_box .bot_box .r_box .txts ul li { font-size: 1em; margin-top: 1.3125em; } #anal_freq_summ .conc_box .bot_box .r_box .txts ul li:first-child { margin-top: 0; } #anal_freq_summ .conc_box .bot_box .r_box .txts ul li strong { display: inline-block; width: 17.5em; font-weight: 500; } #anal_freq_summ .conc_box .bot_box .r_box .txts ul li span { display: inline-block; width: 11em; font-size: 0.9375em; } #anal_freq_summ .conc_box .bot_box .r_box .txts ul + strong { display: block; margin-top: 2.4em; text-align: center; font-size: 1.15em; color: #333; } #anal_freq_summ .conc_box .bot_box .r_box .txts ul + strong i { display: inline-block; margin-right: 0.5em; font-style: normal; color: #bdbdbd; } #anal_freq_summ .expl_box01 { position: relative; margin-top: 3em; } #anal_freq_summ .expl_box01:before { content: ""; position: absolute; bottom: 0; left: 50%; width: 1.6em; height: 4.25em; background: url(../../../images/site/kor/content/anal_freq_summ_ico01.svg) no-repeat center center; background-size: 1.6em; transform: translate(-50%, 100%); -webkit-transform: translate(-50%, 100%); } #anal_freq_summ .expl_box01 .tt, #anal_freq_summ .expl_box02 .tt { width: 24.6em; text-align: center; } #anal_freq_summ .expl_box02 { margin-top: 6em; text-align: center; } #anal_freq_summ .expl_box02:after { content: ""; display: block; clear: both; } #anal_freq_summ .expl_box02 .br_box, #anal_freq_summ .expl_box02 .gr_box { display: inline-block; border-style: solid; border-width: 1px; box-sizing: border-box; border-radius: 10px; -webkit-border-radius: 10px; } #anal_freq_summ .expl_box02 .br_box { border-color: #e4d9c9; } #anal_freq_summ .expl_box02 .gr_box { margin-left: 1.5em; border-color: #ccdfcc; } #anal_freq_summ .expl_box02 .br_box strong, #anal_freq_summ .expl_box02 .gr_box strong { display: block; width: 100%; padding: 1.08em 1em; font-weight: 500; text-align: center; box-sizing: border-box; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; } #anal_freq_summ .expl_box02 .br_box strong { background-color: #f9f6f2; color: #63483b; } #anal_freq_summ .expl_box02 .gr_box strong { background-color: #f1f5f1; color: #3c6a3c; } #anal_freq_summ .expl_box02 .br_box .txts, #anal_freq_summ .expl_box02 .gr_box .txts { padding: 2.1em 3.75em; box-sizing: border-box; } @media all and (max-width: 1024px) { #anal_freq_summ .conc_box .bot_box .l_box, #anal_freq_summ .conc_box .bot_box .r_box { width: 100%; } #anal_freq_summ .conc_box .bot_box .l_box { position: relative; top: auto; left: auto; height: auto; } #anal_freq_summ .conc_box .bot_box .l_box .img_scroll .move img { left: auto; top: auto; height: auto; max-height: 100%; max-width: 100%; transform: translate(0, 0); -webkit-transform: translate(0, 0); } #anal_freq_summ .conc_box .bot_box .r_box { margin-left: 0; text-align: center; } #anal_freq_summ .conc_box .bot_box .r_box .txts { padding: 1.4em 1.5em 1.4em; } #anal_freq_summ .conc_box .bot_box .r_box .txts ul { display: inline-block; } #anal_freq_summ .conc_box .bot_box .r_box .txts ul li { text-align: left; margin-top: 1em; } #anal_freq_summ .conc_box .bot_box .r_box .txts ul + strong { margin-top: 1.5em; } #anal_freq_summ .expl_box02:after { content: ""; display: block; clear: both; } #anal_freq_summ .expl_box02 .br_box, #anal_freq_summ .expl_box02 .gr_box { float: left; width: calc((100% - 1.5em) / 2); } #anal_freq_summ .expl_box02 .br_box .txts, #anal_freq_summ .expl_box02 .gr_box .txts { padding: 1.6em 3.25em; } #anal_freq_summ .expl_box02 .br_box .txts img, #anal_freq_summ .expl_box02 .gr_box .txts img { display: inline-block; width: 90%; } } @media all and (max-width: 740px) { #anal_freq_summ .conc_box .bot_box .l_box .img_scroll { margin-bottom: 10px; } #anal_freq_summ .conc_box .bot_box .l_box .img_scroll:before { display: none; } #anal_freq_summ .conc_box .bot_box .l_box .img_scroll .move { margin-top: 0; } } @media all and (max-width: 640px) { #anal_freq_summ .expl_box02 .br_box, #anal_freq_summ .expl_box02 .gr_box { float: none; width: 100%; } #anal_freq_summ .expl_box02 .gr_box { margin-left: 0; margin-top: 1.5em; } #anal_freq_summ .expl_box01 .tt, #anal_freq_summ .expl_box02 .tt { width: 19em; } #anal_freq_summ .expl_box02 .br_box .txts img, #anal_freq_summ .expl_box02 .gr_box .txts img { max-width: 200px; } } @media all and (max-width: 480px) { #anal_freq_summ .conc_box .txt_table .titles { width: 5em; } #anal_freq_summ .conc_box .bot_box .r_box .txts ul { display: block; } #anal_freq_summ .conc_box .bot_box .r_box .txts ul li strong, #anal_freq_summ .conc_box .bot_box .r_box .txts ul li span { display: block; width: auto; } } @media all and (max-width: 420px) { #anal_freq_summ .expl_box01 { margin-top: 4.2em; } #anal_freq_summ .expl_box01 .tt, #anal_freq_summ .expl_box02 .tt { width: auto; min-width: 12em; padding: 0.816em 2em; } } #anal_freq_sw .func_wrap > [data-skin="boxs"]:after { content: ""; display: block; clear: both; } #anal_freq_sw .func_wrap .roof_tit { float: left; width: calc(((100% - 1px) - 4em) / 3); margin-left: 2em; } #anal_freq_sw .func_wrap .roof_tit:first-child { margin-left: 0; } #anal_freq_sw .func_wrap .roof_tit .tits { padding: 0.95em 1.35em; } #anal_freq_sw .func_wrap .roof_tit .tits strong span { font-size: 1.15em; font-weight: 700; } #anal_freq_sw .func_wrap .roof_tit .txts { text-align: center; } #anal_freq_sw .func_wrap .roof_tit .txts img { display: inline-block; max-width: 230px; width: 85%; margin: 0 auto; } #anal_freq_sw .func_wrap .roof_tit .txts p { margin-top: 1.5em; text-align: left; font-size: 0.95em; color: #726661; } #anal_freq_sw .func_wrap [data-skin="boxs"][data-type="1"] { font-size: 1.15em; } #anal_freq_sw .down_wrap h6 { color: #63483b; } #anal_freq_sw .down_wrap ul[data-type="2"] > li > strong { font-weight: 500; } #anal_freq_sw .down_wrap ul + .btn_box { margin-top: 1.8em; } #anal_freq_sw .down_wrap ul + .btn_box a { margin-left: 1em; text-decoration: none; } #anal_freq_sw .down_wrap ul + .btn_box a:first-child { margin-left: 0; } #anal_freq_sw .down_wrap .sec_boxs { font-size: 1.15em; } #anal_freq_sw .down_wrap .sec_boxs strong { position: relative; display: block; padding-top: 6.5em; box-sizing: border-box; } #anal_freq_sw .down_wrap .sec_boxs strong:before { content: ""; position: absolute; top: 0; left: 50%; display: block; width: 5em; height: 5em; background: url(../../../images/site/kor/content/anal_freq_sw_img04.svg) no-repeat center center; background-size: contain; transform: translateX(-50%); -webkit-transform: translateX(-50%); } #anal_freq_sw .down_wrap .sec_boxs p, #anal_freq_sw .down_wrap .sec_boxs div { font-size: 0.84em; } #anal_freq_sw .down_wrap .sec_boxs .btn_box a { text-decoration: none; } #anal_freq_sw .down_wrap .sec_boxs p { margin: 0.5em 0 1em 0; } #anal_freq_sw [data-skin="popup"][data-name="pop1"] > .bx { max-width: 30em; } #anal_freq_sw [data-skin="popup"][data-name="pop1"] > .bx .txts [data-skin="item"] + [data-skin="item"] { margin-top: 1.2em; margin-bottom: 1.5em; } #anal_freq_sw [data-skin="popup"][data-name="pop1"] > .bx .txts > div p { padding-bottom: 0.3em; margin-bottom: 0.9em; font-size: 0.95em; font-weight: 500; border-bottom: 1px solid #e2e2e2; box-sizing: border-box; } #anal_freq_sw [data-skin="popup"][data-name="pop1"] > .bx .txts > div p strong { display: inline-block; margin-right: 0.3em; font-size: 1.4em; } #anal_freq_sw [data-skin="popup"][data-name="pop1"] > .bx .txts [data-skin="radio"] span { float: left; display: inline-block; width: 50%; margin: 0; } #anal_freq_sw [data-skin="popup"][data-name="pop1"] > .bx .txts [data-skin="radio"] span:nth-child(n + 3) { margin-top: 0.2em; } #anal_freq_sw [data-skin="popup"][data-name="pop1"] > .bx .txts [data-skin="radio"] span label { font-size: 0.95em; vertical-align: text-top; } #anal_freq_sw [data-skin="popup"][data-name="pop1"] > .bx .txts .btn_box { text-align: center; } #anal_freq_sw [data-skin="popup"][data-name="pop1"] > .bx .txts .btn_box[data-skin="item"] { margin-bottom: 0; } @media all and (max-width: 1340px) and (min-width: 1101px) { #anal_freq_sw .func_wrap .roof_tit .txts p { height: 7.5em; } } @media all and (max-width: 1100px) and (min-width: 1025px) { #anal_freq_sw .func_wrap .roof_tit .txts p { height: 9em; } } @media all and (max-width: 1024px) { #anal_freq_sw .func_wrap .roof_tit { float: none; width: 100%; margin-left: 0; } #anal_freq_sw .func_wrap .roof_tit:nth-child(n + 2) { margin-top: 1.2em; } #anal_freq_sw .func_wrap .roof_tit .tits span br { display: none; } #anal_freq_sw .func_wrap .roof_tit .txts { padding: 0 5%; } } @media all and (max-width: 540px) { #anal_freq_sw .down_wrap ul + .btn_box { max-width: 80%; } #anal_freq_sw .down_wrap ul + .btn_box a { margin-left: 0; margin-top: 0.5em; } #anal_freq_sw .down_wrap ul + .btn_box a:first-child { margin-top: 0; } } @media all and (max-width: 480px) { #anal_freq_sw .down_wrap ul + .btn_box { max-width: 100%; } } @media all and (max-width: 380px) { #anal_freq_sw .func_wrap .roof_tit .tits span br { display: block; } } #sitemap > ul { border-top: 2px solid #3c6a3c; border-bottom: 2px solid #3c6a3c; box-sizing: border-box; } #sitemap > ul > li { position: relative; padding: 0.8em 0 0.8em 1em; border-top: 1px solid #ccdfcc; box-sizing: border-box; } #sitemap > ul > li > a { position: absolute; top: 0.875em; left: 1.05em; font-size: 1.5em; color: #3c6a3c; font-weight: 700; } #sitemap > ul > li > ul { display: block !important; opacity: 1 !important; padding-left: 16.25em; box-sizing: border-box; } #sitemap > ul > li > ul > li { display: table; table-layout: fixed; width: 100%; padding-top: 0.825em; padding-bottom: 0.825em; border-top: 1px dotted #ccdfcc; box-sizing: border-box; } #sitemap > ul > li > ul > li:first-child { border-top: none; } #sitemap > ul > li > ul > li > span { display: table-cell; width: 10em; vertical-align: top; font-size: 1.19em; color: #333; font-weight: 500; } #sitemap > ul > li > ul > li > ul { display: table-cell; vertical-align: middle; } #sitemap > ul > li > ul > li > ul > li { display: inline-block; margin-right: 1.733em; } #sitemap > ul > li > ul > li > ul > li:last-child { margin-right: 0; } #sitemap > ul > li > ul > li > ul > li > ul { display: none; } @media all and (max-width: 1024px) { #sitemap > ul > li > ul { padding-left: 14em; } #sitemap > ul > li > ul > li.nono { display: none; } } @media all and (max-width: 740px) { #sitemap > ul > li { padding: 1em 1em 0.8em 1em; } #sitemap > ul > li > a { position: relative; top: auto; left: auto; display: inline-block; margin-bottom: 0.2em; } #sitemap > ul > li > ul { padding-left: 0; } } @media all and (max-width: 480px) { #sitemap > ul > li > ul > li > ul > li { display: block; margin-right: 0; } } .purpose_box > .bx { max-width: calc(600px + 4em); } .purpose_box > .bx .txts { max-height: 75vh; } .purpose_box > .bx .txts .tipbx { position: relative; } .purpose_box > .bx .txts .tipbx span { display: block; padding: 0.8em 1em; background-color: #f2f2f2; text-align: center; border-radius: 10px; -webkit-border-radius: 10px; } .purpose_box > .bx .txts .tipbx:before { content: ""; display: block; width: 5em; height: 5em; margin: 1.25em auto 1.9375em; background: url(../../../images/site/kor/content/purpose_box.svg) no-repeat center center; background-size: 100% auto; } .purpose_box > .bx .txts ol { margin-top: 1.875em; padding: 0 1.5em; box-sizing: border-box; } .purpose_box > .bx .txts ol li { position: relative; padding-left: 2.1875em; box-sizing: border-box; } .purpose_box > .bx .txts ol li:not(:first-child) { margin-top: 2.5em; } .purpose_box > .bx .txts ol li strong { display: block; color: #666; font-weight: 500; } .purpose_box > .bx .txts ol li strong em { position: absolute; top: 0; left: 0; display: block; padding: 0.2em 0.23em 0.4em; background-color: #3c6a3c; color: #fff; font-style: normal; line-height: 1; box-sizing: border-box; border-radius: 5px; -webkit-border-radius: 5px; } .purpose_box > .bx .txts ol li div { margin: 0.2em 0 0; } .purpose_box > .bx .txts ol li div:after { content: ""; display: block; clear: both; } .purpose_box > .bx .txts ol li div span { display: inline-block; min-width: 3em; margin-right: 1em; margin-top: 0.6em; } .purpose_box > .bx .txts ol li div textarea { display: block; width: calc(100% + 2.1875em); min-width: calc(100% + 2.1875em); max-width: calc(100% + 2.1875em); min-height: 7.15em; max-height: 7.15em; height: 7.15em; margin-top: 1.5em; margin-left: -2.1875em; padding: 1.42em; border: 1px solid #ccdfcc; font-size: 0.875em; box-sizing: border-box; border-radius: 0.3em; -webkit-border-radius: 0.3em; } .purpose_box > .bx .txts ol li div textarea::placeholder { color: #bdbdbd; } .purpose_box > .bx .txts .btn_box { margin-top: 1.875em; margin-bottom: 0.625em; text-align: center; } .purpose_box > .bx .txts .mCSB_scrollTools { width: 2px; } .purpose_box > .bx .txts .mCSB_inside > .mCSB_container { margin-right: 0; } .purpose_box > .bx .txts .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); } .purpose_box > .bx .txts .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.3); } @media all and (max-width: 640px) { .purpose_box > .bx .txts .tipbx:before { font-size: 0.9em; } .purpose_box > .bx .txts ol li:not(:first-child) { margin-top: 2em; } .purpose_box > .bx .txts ol li div span { margin-top: 0.3em; } .purpose_box > .bx .txts ol li div textarea { margin-top: 1em; } } #sub_01_04_02_01 h6 { margin-bottom: 0.7em; } #sub_01_04_02_01 .g_box { padding: 2.8em 1em; text-align: center; } #sub_01_04_02_01 .g_box strong { display: inline-block; font-size: 1.5em; } #sub_01_04_02_01 .g_box strong:before { content: ""; display: inline-block; width: 0.83em; height: 0.584em; margin-right: 0.3em; background: url(../../../images/site/kor/content/sub_01_04_02_01_img01.svg) no-repeat top center; background-size: 100% auto; vertical-align: top; } #sub_01_04_02_01 .g_box strong:after { content: ""; display: inline-block; width: 0.83em; height: 0.584em; margin-left: 0.3em; background: url(../../../images/site/kor/content/sub_01_04_02_01_img01.svg) no-repeat top center; background-size: 100% auto; vertical-align: bottom; transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg); } #sub_01_04_02_01 .g_box p { margin-top: 0.8em; color: #555; } #sub_01_04_02_01 .topcenter { padding: 1em 0 0; font-size: 1.375em; letter-spacing: -0.03em; color: #666; line-height: 1.7; text-align: center; box-sizing: border-box; } #sub_01_04_02_01 .topcenter strong { display: block; margin-top: 0.65em; color: #63483b; font-size: 1.2em; } #sub_01_04_02_01 .extb_box { display: table; table-layout: fixed; width: 100%; margin-top: 2.2em; padding: 1.5em 10% 1.5em 10%; } #sub_01_04_02_01 .extb_box .txts_wrap { position: relative; display: table-cell; width: 21.25em; vertical-align: middle; position: relative; } #sub_01_04_02_01 .extb_box .tb_stxt { color: #726661; font-size: 1.375em; margin-top: 1.5em; } #sub_01_04_02_01 .extb_box .tb_stxt:first-of-type { margin-top: 0; } #sub_01_04_02_01 .extb_box .tb_stxt span { color: #3c6a3c; font-weight: 600; font-size: 1.1em; } #sub_01_04_02_01 .extb_box .imgs_wrap { display: table-cell; vertical-align: middle; text-align: right; } #sub_01_04_02_01 .extb_box .imgs_wrap img { display: block; width: 100%; height: auto; padding-right: 3em; box-sizing: border-box; } #sub_01_04_02_01 .con_ind { padding: 2.65em 4.5em; } #sub_01_04_02_01 .con_ind:after { content: ""; display: block; clear: both; } #sub_01_04_02_01 .con_ind li { position: relative; float: left; width: calc(((100% - 1px) - 8%) / 3); font-size: 0.95em; } #sub_01_04_02_01 .con_ind li:nth-child(3n + 2) { margin-left: 4%; margin-right: 4%; } #sub_01_04_02_01 .con_ind li:nth-child(n + 4) { margin-top: 4%; } #sub_01_04_02_01 .con_ind li:after { content: ""; position: absolute; top: 0; right: -12.5%; width: 12.5%; height: 13em; background: url(../../../images/site/kor/content/sub_01_04_02_01_img12.svg) no-repeat center center; background-size: 1.25em auto; } #sub_01_04_02_01 .con_ind li:nth-child(3n + 3):after { display: none; } #sub_01_04_02_01 .con_ind li span { position: relative; display: block; margin-top: 10em; padding: 0.825em 1em; text-align: center; color: #fff; box-sizing: border-box; border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; } #sub_01_04_02_01 .con_ind li span:before { content: ""; position: absolute; top: -10em; left: 0; display: block; width: 100%; height: 10em; background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; } #sub_01_04_02_01 .con_ind li:nth-child(1) span { background-color: #3c6a3c; } #sub_01_04_02_01 .con_ind li:nth-child(1) span:before { background-image: url(../../../images/site/kor/content/sub_01_04_02_01_img03.png); } #sub_01_04_02_01 .con_ind li:nth-child(2) span { background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), #3c6a3c; } #sub_01_04_02_01 .con_ind li:nth-child(2) span:before { background-image: url(../../../images/site/kor/content/sub_01_04_02_01_img04.png); } #sub_01_04_02_01 .con_ind li:nth-child(3) span { background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), #3c6a3c; } #sub_01_04_02_01 .con_ind li:nth-child(3) span:before { background-image: url(../../../images/site/kor/content/sub_01_04_02_01_img05.png); } #sub_01_04_02_01 .con_ind li:nth-child(4) span { background-color: #63483b; } #sub_01_04_02_01 .con_ind li:nth-child(4) span:before { background-image: url(../../../images/site/kor/content/sub_01_04_02_01_img06.png); } #sub_01_04_02_01 .con_ind li:nth-child(5) span { background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), #63483b; } #sub_01_04_02_01 .con_ind li:nth-child(5) span:before { background-image: url(../../../images/site/kor/content/sub_01_04_02_01_img07.png); } #sub_01_04_02_01 .con_ind li:nth-child(6) span { background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), #63483b; } #sub_01_04_02_01 .con_ind li:nth-child(6) span:before { background-image: url(../../../images/site/kor/content/sub_01_04_02_01_img08.png); } #sub_01_04_02_01 .con_ind li p { margin-top: 1em; padding: 0 0.5em; color: #555; box-sizing: border-box; } @media all and (max-width: 740px) { #sub_01_04_02_01 .con_ind li:after { width: 1.6em; right: -1.6em; background-size: 70% auto; } #sub_01_04_02_01 .con_ind li:nth-child(3n + 3):after { display: block; } 3 #sub_01_04_02_01 .con_ind li:nth-child(2n + 2):after { display: none; } } @media all and (max-width: 480px) { #sub_01_04_02_01 .con_ind li:after { display: none; } } #sub_01_04_02_01 .video_box { position: relative; text-align: right; } #sub_01_04_02_01 .video_box .video_down { background-color: #555; } #sub_01_04_02_01 .video_box video { width: 100%; margin-top: 0.8em; } #sub_01_04_02_01 .status_box { padding: 0; } #sub_01_04_02_01 .status_box:after { content: ""; display: block; clear: both; } #sub_01_04_02_01 .status_box .boxs { float: left; width: 100%; padding: 0 1.5em 1.5em; background-color: #fff; box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); box-sizing: border-box; border-radius: 10px; -webkit-border-radius: 10px; } #sub_01_04_02_01 .status_box .boxs:not(:last-child) { width: calc((100% - 1px - 1.5em) / 2); margin-bottom: 1.5em; } #sub_01_04_02_01 .status_box .boxs:nth-child(1) { margin-right: 1.5em; } #sub_01_04_02_01 .status_box .boxs > strong { position: relative; display: block; padding: 0.8em 0; text-align: center; font-size: 1.125em; box-sizing: border-box; } #sub_01_04_02_01 .status_box .boxs > strong:before { content: ""; position: absolute; top: -1px; left: 50%; display: block; width: calc(100% - 4em); max-width: 25em; height: 4px; transform: translateX(-50%); -webkit-transform: translateX(-50%); } #sub_01_04_02_01 .status_box .boxs:nth-child(1) > strong:before { background-color: #6980b2; } #sub_01_04_02_01 .status_box .boxs:nth-child(2) > strong:before { background-color: #dcb84a; } #sub_01_04_02_01 .status_box .boxs:nth-child(3) > strong:before { background-color: #87669b; } #sub_01_04_02_01 .status_box .boxs > span { position: relative; overflow: hidden; display: block; width: 100%; height: 15.4em; } #sub_01_04_02_01 .status_box .boxs > span img { position: absolute; top: 50%; left: 50%; display: block; min-width: 100%; min-height: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } @media all and (max-width: 1150px) { #sub_01_04_02_01 .conf_box .bot_box .f_left p:nth-child(3):before { top: auto; left: 50%; } #sub_01_04_02_01 .extb_box { padding: 1.5em 7% 1.5em 7%; } #sub_01_04_02_01 .extb_box .imgs_wrap img { padding-right: 2em; } } @media all and (max-width: 1024px) { #sub_01_04_02_01 .con_ind { padding: 2.65em 3em; } #sub_01_04_02_01 .con_ind li:nth-child(3n + 2) { margin-left: 4%; margin-right: 4%; } #sub_01_04_02_01 .con_ind li:nth-child(n + 4) { margin-top: 4%; } #sub_01_04_02_01 .con_ind li span { margin-top: 10em; padding: 0.825em 1em; } #sub_01_04_02_01 .con_ind li span:before { top: -10em; height: 10em; } #sub_01_04_02_01 .con_ind li p { margin-top: 1em; padding: 0 0.5em; } #sub_01_04_02_01 .slide_06 { height: 10em; } #sub_01_04_02_01 .visit_box .bg_on { height: 24em; } } @media all and (max-width: 1024px) { #sub_01_04_02_01 .expe_box .exli_box .link_wrap { width: calc((100% - 1em) / 2); margin-left: 1em; } #sub_01_04_02_01 .expe_box .exli_box .link_wrap:nth-child(n + 3) { margin-top: 1em; } #sub_01_04_02_01 .extb_box .txts_wrap { width: 18em; padding: 1em 0; box-sizing: border-box; } #sub_01_04_02_01 .extb_box .imgs_wrap img { padding-right: 1em; } } @media all and (max-width: 740px) { #sub_01_04_02_01 .expe_box .exli_box .link_wrap { width: 100%; margin-left: 0; height: auto; } #sub_01_04_02_01 .expe_box .exli_box .link_wrap:nth-child(n + 2) { margin-top: 1em; } #sub_01_04_02_01 .expe_box .exli_box .link_wrap .link_table { padding: 2em 1em 5.25em; } #sub_01_04_02_01 .expe_box .exli_box .link_wrap .link_table .expl_f br { display: block; } } @media all and (max-width: 840px) { #sub_01_04_02_01 .extb_box { padding: 1.8em 2.2em; } #sub_01_04_02_01 .extb_box .txts_wrap, #sub_01_04_02_01 .extb_box .imgs_wrap { display: block; width: 100%; } #sub_01_04_02_01 .extb_box .txts_wrap { padding: 0 0 1.5em 0; text-align: center; } #sub_01_04_02_01 .extb_box .tb_btxt { margin-bottom: 0.5em; } #sub_01_04_02_01 .extb_box .imgs_wrap { max-width: 500px; margin: 0 auto; } #sub_01_04_02_01 .extb_box .imgs_wrap img { padding: 0; } } @media all and (max-width: 830px) { #sub_01_04_02_01 .con_ind li p { min-height: 7.5em; } } @media all and (max-width: 740px) { #sub_01_04_02_01 .con_ind { padding: 2em; } #sub_01_04_02_01 .con_ind li { width: calc(((100% - 1px) - 1.6em) / 2); margin-left: 1.6em; } #sub_01_04_02_01 .con_ind li:nth-child(3n + 2) { margin-left: 1.6em; margin-right: 0; } #sub_01_04_02_01 .con_ind li:nth-child(2n + 1) { margin-left: 0; } #sub_01_04_02_01 .con_ind li:nth-child(n + 3) { margin-top: 1.6em; } #sub_01_04_02_01 .con_ind li p { min-height: auto; } #sub_01_04_02_01 .visit_box .tits { width: 35%; } #sub_01_04_02_01 .visit_box .bg_on { height: 21em; } #sub_01_04_02_01 .status_box .boxs:not(:last-child) { width: 100%; } } @media all and (max-width: 640px) { #sub_01_04_02_01 .con_ind { padding: 1.2em 1.6em; } #sub_01_04_02_01 .visit_box { display: block; width: 100%; overflow: hidden; border-radius: 0.65em; -webkit-border-radius: 0.65em; } #sub_01_04_02_01 .visit_box .tits { display: block; width: 100%; padding: 0.85em; box-sizing: border-box; border-radius: 0.65em 0.65em 0 0; -webkit-border-radius: 0.65em 0.65em 0 0; } #sub_01_04_02_01 .visit_box .tits strong { font-size: 1.5em; } #sub_01_04_02_01 .visit_box .tits strong span { font-size: 0.7em; margin-top: 0.2em; } #sub_01_04_02_01 .visit_box .bg_on { display: block; width: 100%; height: 18em; border-radius: 0 0 0.65em 0.65em; -webkit-border-radius: 0 0 0.65em 0.65em; } #sub_01_04_02_01 .visit_box .bg_on:before { width: 100%; height: 100%; top: 0; background-position: center center; transform: translateY(0); -webkit-transform: translateY(0); } } @media all and (max-width: 480px) { #sub_01_04_02_01 .con_ind li { width: 100%; margin-left: 0; } #sub_01_04_02_01 .con_ind li:nth-child(3n + 2) { margin-left: 0; } #sub_01_04_02_01 .con_ind li:nth-child(n + 2) { margin-top: 1.5em; } #sub_01_04_02_01 .visit_box .bg_on { height: 14em; } #sub_01_04_02_01 .topcenter { padding: 1em 1em 0; } } @media all and (max-width: 480px) { #sub_01_04_02_01 .visit_box .bg_on { height: 12em; } } #sub_01_04_02_02 .divi3 { position: relative; margin-top: 1.5em; } #sub_01_04_02_02 .divi3:after { content: ""; display: block; clear: both; } #sub_01_04_02_02 .divi3 .roof_tit { width: calc(((100% - 1px) - 3em) / 3); } #sub_01_04_02_02 .divi3 .roof_tit:nth-child(2n + 2) { margin: 0 calc((((100% - 1px) - 3em) / 3) + 1.5em); } #sub_01_04_02_02 .divi3 .roof_tit:nth-child(1) { position: absolute; top: 0; left: 0; height: 100%; } #sub_01_04_02_02 .divi3 .roof_tit:nth-child(3) { position: absolute; top: 0; right: 0; height: 100%; } #sub_01_04_02_02 .con_box { position: relative; padding-right: 10em; min-height: 80px; } #sub_01_04_02_02 .con_box a { position: absolute; right: 1.8em; top: 50%; padding: 0 1.75em 0 1.265em; transform: translateY(-50%); -webkit-transform: translateY(-50%); } #sub_01_04_02_02 #life_cals .legends { margin-top: 3.3em; margin-bottom: 0.8em; } #life_cals .cal_bx .tb_line ol { border-bottom: 1px solid #e0e0e0; } #sub_01_04_02_02 #life_cals .cal_bx .tb_line [data-table="tbody"] li { border-bottom: 0; } #sub_01_04_02_02 #life_cals .cal_bx { float: none; margin: 2.2em 0; } #sub_01_04_02_02 #life_cals .cal_bx .tb_line ol li .days { height: auto; min-height: 6.5em; padding: 0.5em; } #sub_01_04_02_02 #life_cals .cal_bx .tb_line ol li .days.today { background-color: rgba(87, 189, 126, 0.2); } #sub_01_04_02_02 #life_cals .cal_bx .tb_line ol li .days strong { margin-bottom: 0.3em; } #sub_01_04_02_02 #life_cals [data-type="red"]:before { border-radius: 0; } #sub_01_04_02_02 #life_cals [data-type="sky"]:before { width: 0; height: 0; background-color: transparent; border-bottom: 20px solid #3db6c9; border-left: 10px solid transparent; border-right: 10px solid transparent; border-radius: 0; } #sub_01_04_02_02 #life_cals .cal_bx .tb_line ol li .days [data-type="green"] { cursor: pointer; } #sub_01_04_02_02 #life_cals .cal_bx .tb_line ol li .days [data-type="green"] i { display: inline-block; width: 0.625em; height: 1em; margin-left: 0.2em; background: url(../../../images/site/kor/content/sub_01_04_02_02_img01.svg) no-repeat top -3px center; text-indent: -9999px; vertical-align: middle; } #sub_01_04_02_02 #life_cals .cal_bx .tb_line ol li .days [data-type="sky"]:before { width: 0; height: 0; background-color: transparent; border-bottom: 10px solid #3db6c9; border-left: 5px solid transparent; border-right: 5px solid transparent; border-radius: 0; } #sub_01_04_02_02 #life_cals .cancel_bx { position: relative; padding-top: 2.625em; padding-bottom: 2.625em; padding-right: 11em; border-top: 1px solid #e0e0e0; box-sizing: border-box; } #sub_01_04_02_02 #life_cals .cancel_bx a { position: absolute; top: 50%; right: 1.8em; padding: 0 1.265em; transform: translateY(-50%); -webkit-transform: translateY(-50%); } @media all and (max-width: 1024px) { #sub_01_04_02_02 .con_box { padding-right: 1.8em; min-height: 0; } #sub_01_04_02_02 .con_box a { position: relative; right: auto; top: auto; margin-top: 0.5em; transform: translateY(0); -webkit-transform: translateY(0); } #sub_01_04_02_02 #life_cals .cal_bx { margin: 1.2em 0 2em; } } @media all and (max-width: 740px) { #sub_01_04_02_02 .divi3 .roof_tit { width: 100%; } #sub_01_04_02_02 .divi3 .roof_tit:nth-child(2n + 2) { margin: 0; } #sub_01_04_02_02 .divi3 .roof_tit:nth-child(1), #sub_01_04_02_02 .divi3 .roof_tit:nth-child(3) { position: relative; top: auto; right: auto; height: auto; } #sub_01_04_02_02 .divi3 .roof_tit:nth-child(n + 2) { margin-top: 1.2em; } #sub_01_04_02_02 .divi3 .roof_tit .txts { min-height: 3em; } } @media all and (max-width: 640px) { #sub_01_04_02_02 #life_cals .legends { margin: 0; } #sub_01_04_02_02 #life_cals .cal_bx .tb_line ol li .days { min-height: 4em; } } @media all and (max-width: 480px) { #sub_01_04_02_02 #life_cals .cancel_bx { padding: 1.5em 1.8em; } #sub_01_04_02_02 #life_cals .cancel_bx a { position: relative; top: auto; right: auto; margin-top: 0.6em; transform: translateY(0); -webkit-transform: translateY(0); } } #sub_01_04_02_03 .boardwrite .board_wrap { border-bottom: 0; } #sub_01_04_02_03 .boardwrite table tr td:after { content: ""; display: block; clear: both; } #sub_01_04_02_03 .boardwrite table tr td div { display: inline-block; } #sub_01_04_02_03 .boardwrite table tr td div.s_input, #sub_01_04_02_03 .boardwrite table tr td div.m_input, #sub_01_04_02_03 .boardwrite table tr td div { margin-right: 1.375em; } #sub_01_04_02_03 .boardwrite table tr td div.te_input input { width: 10em; } #sub_01_04_02_03 .boardwrite table tr td div.s_input:first-child, #sub_01_04_02_03 .boardwrite table tr td div[data-skin="select"], #sub_01_04_02_03 .boardwrite table tr td div[data-skin="select"] + .te_input { margin-right: 0; } #sub_01_04_02_03 .boardwrite table tr td strong { font-weight: 500; } #sub_01_04_02_03 .boardwrite table tr td strong:first-child { margin-right: 1em; } #sub_01_04_02_03 .boardwrite table tr td div.s_input:not(:first-child) { margin-right: 1.375em; } #sub_01_04_02_03 .boardwrite table tr td div.s_input input { width: 3em; text-align: center; } #sub_01_04_02_03 .boardwrite table tr td div.s_input:not(:first-child) input { margin-left: 0.5em; } #sub_01_04_02_03 .boardwrite table tr td strong + p.sup { display: inline-block; vertical-align: text-bottom; margin-left: 1em; font-size: 0.9em; } #sub_01_04_02_03 .boardwrite table tr td .tarea_box { display: block; margin-right: 0; } #sub_01_04_02_03 .boardwrite .text_box { padding: 1.875em 2.5em; border-bottom: 1px solid #e0e0e0; box-sizing: border-box; } #sub_01_04_02_03 .boardwrite .text_box div[data-skin="radio"] { margin-top: 2em; text-align: center; } #sub_01_04_02_03 .boardwrite .board_wrap + [data-skin="boxs"][data-type="1"] { margin-top: 1.6875em; text-align: left; } #sub_01_04_02_03 .boardwrite .board_wrap + [data-skin="boxs"][data-type="1"] .reds { color: #b63c3c; } #sub_01_04_02_03 .boardwrite .board_wrap + [data-skin="boxs"][data-type="1"] .reds:after { background-color: #b63c3c; } #sub_01_04_02_03 .boardwrite table tr td div { position: relative; } #sub_01_04_02_03 .boardwrite table tr td div.pops { position: absolute; top: calc(100% + 0.5em); left: 0; z-index: 2; display: none; min-width: 16.25em; margin-right: 0; padding: 1.25em; background-color: rgba(0, 0, 0, 0.8); box-sizing: border-box; border-radius: 5px; -webkit-border-radius: 5px; } #sub_01_04_02_03 [data-skin="checkbox"] [type="checkbox"]:checked ~ .pops { display: block; } #sub_01_04_02_03 .boardwrite table tr td div.pops.hide { display: none; } #sub_01_04_02_03 .boardwrite table tr td div.pops span { display: block; font-size: 0.8125em; text-align: center; color: #fff; } #sub_01_04_02_03 .boardwrite table tr td div.pops span i { font-style: normal; color: #f1ea35; } #sub_01_04_02_03 .boardwrite table tr td div.pops a:before, #sub_01_04_02_03 .boardwrite table tr td div.pops a:after { content: ""; position: absolute; display: block; background-color: rgba(255, 255, 255, 0.8); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } #sub_01_04_02_03 .boardwrite table tr td div.pops a:before { top: 50%; left: 50%; width: 100%; height: 1.5px; } #sub_01_04_02_03 .boardwrite table tr td div.pops a:after { top: 50%; left: 50%; width: 1.5px; height: 100%; } #sub_01_04_02_03 .boardwrite table tr td div.pops a { position: absolute; top: 0.5em; right: 0.5em; display: inline-block; width: 12px; height: 12px; text-indent: -9999px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } @media all and (max-width: 1024px) { #sub_01_04_02_03 .boardwrite .text_box { padding: 1.3em 1.8em; } #sub_01_04_02_03 .boardwrite .text_box div[data-skin="radio"] { margin-top: 1.6em; } } @media all and (max-width: 640px) { #sub_01_04_02_03 .boardwrite .text_box { padding: 1.3em; } #sub_01_04_02_03 .boardwrite .text_box div[data-skin="radio"] { margin-top: 1.3em; } } #sub_01_04_02_07 .boardlist { position: relative; } #sub_01_04_02_07 .boardlist .chk_box { position: absolute; top: -1.4em; } #sub_01_04_02_07 .form_box { text-align: right; } #sub_01_04_02_07 .form_box > div:first-child [data-skin="cal"], #sub_01_04_02_07 .form_box > div:first-child [data-type="search"] { display: inline-block; vertical-align: middle; } #sub_01_04_02_07 .form_box > div:first-child [data-type="search"] { border-radius: 0.3em; -webkit-border-radius: 0.3em; } #sub_01_04_02_07 .form_box > div:first-child [data-type="down"] { margin-left: 0.5em; } #sub_01_04_02_07 .form_box > div:nth-child(2) { display: inline-block; margin-top: 1em; } #sub_01_04_02_07 .form_box > div:nth-child(2):after, #sub_01_04_02_07 .form_box > div:nth-child(2) [data-skin="select"][data-type="2"]:after { content: ""; display: block; clear: both; } #sub_01_04_02_07 .form_box > div:nth-child(2) > div { float: left; } #sub_01_04_02_07 .form_box > div:nth-child(2) [data-skin="select"][data-type="2"] > select { float: left; } #sub_01_04_02_07 .form_box > div:nth-child(2) [data-skin="select"][data-type="2"] > select:first-child { border-right: 0; border-radius: 0.3em 0 0 0.3em; -webkit-border-radius: 0.3em 0 0 0.3em; } #sub_01_04_02_07 .form_box > div:nth-child(2) [data-skin="select"][data-type="2"] > select:nth-child(2), #sub_01_04_02_07 .form_box > div:nth-child(2) [data-skin="select"][data-type="2"] > select:last-child { border-right: 0; border-radius: 0; -webkit-border-radius: 0; } #sub_01_04_02_07 .form_box > div:nth-child(2) [data-skin="input"][data-type="2"] > input[type="text"] { border-radius: 0; -webkit-border-radius: 0; } @media all and (max-width: 840px) { #sub_01_04_02_07 .form_box { text-align: left; } #sub_01_04_02_07 .boardlist .chk_box { position: relative; top: auto; margin-bottom: 1em; } } @media all and (max-width: 740px) { #sub_01_04_02_07 .form_box > div:nth-child(2) { width: 100%; } #sub_01_04_02_07 .form_box > div:nth-child(2) > div { float: none; width: 100%; } #sub_01_04_02_07 .form_box > div:nth-child(2) [data-skin="select"][data-type="2"] > select, #sub_01_04_02_07 .form_box > div:nth-child(2) [data-skin="select"][data-type="2"] > select:first-child, #sub_01_04_02_07 .form_box > div:nth-child(2) [data-skin="select"][data-type="2"] > select:nth-child(2), #sub_01_04_02_07 .form_box > div:nth-child(2) [data-skin="select"][data-type="2"] > select:last-child { display: block; width: 100%; border-right: 1px solid #ccdfcc; margin: 0.3em 0; border-radius: 0.3em; -webkit-border-radius: 0.3em; } #sub_01_04_02_07 .form_box > div:nth-child(2) [data-skin="select"][data-type="2"] > select:first-child { margin-top: 0; } #sub_01_04_02_07 .form_box > div:nth-child(2) [data-skin="input"][data-type="2"] { margin: 0.3em 0; } #sub_01_04_02_07 .form_box > div:nth-child(2) [data-skin="input"][data-type="2"] > input[type="text"] { width: calc(100% - 2.8em); margin-right: 0; border-radius: 0.3em 0 0 0.3em; -webkit-border-radius: 0.3em 0 0 0.3em; } } #ga_educ.online .link_wrap .link_table { background-repeat: no-repeat; background-position: center center; background-size: cover; } #ga_educ.online .link_wrap:nth-child(1) .link_table { background-image: url(../../../images/site/kor/content/ga_educ_online_img01.jpg); } #ga_educ.online .link_wrap:nth-child(2) .link_table { background-image: url(../../../images/site/kor/content/ga_educ_online_img02.jpg); } #ga_educ.online .link_wrap:nth-child(3) .link_table { background-image: url(../../../images/site/kor/content/ga_educ_online_img03.jpg); } #ga_educ.online .link_wrap:nth-child(4) .link_table { background-image: url(../../../images/site/kor/content/ga_educ_online_img04.jpg); } #ga_educ.online .link_wrap:nth-child(2) .link_table .go_link i:before, #ga_educ.online .link_wrap:nth-child(3) .link_table .go_link i:before { padding-left: 0; } #ga_educ.online .link_wrap:nth-child(2) .link_table .go_link i:before, #ga_educ.online .link_wrap:nth-child(3) .link_table .go_link i:before { display: none; } @media all and (max-width: 840px) { #ga_educ.online .link_wrap .link_table { height: 20em; } } @media all and (max-width: 480px) { #ga_educ.online .link_wrap .link_table { height: 15em; } } [data-content="img_box"] img { display: block; max-width: 100%; margin: 0 auto; } #ga_expe .b_line .con_ind { margin-top: 3.125em; padding: 0; } #ga_expe .b_line .con_ind li { width: calc(((100% - 1px) - 1.75em - 1.75em) / 3); } #ga_expe .b_line .con_ind li:nth-child(3n + 2) { margin-left: 1.75em; margin-right: 1.75em; } #ga_expe .b_line .con_ind li span { margin-top: 11.52em; } #ga_expe .b_line .con_ind li span:before { height: 11.52em; top: -11.52em; } #ga_expe .b_line .con_ind li:nth-child(1) span:before { background-image: url(../../../images/site/kor/content/ga_expe_img15.png); } #ga_expe .b_line .con_ind li:nth-child(2) span:before { background-image: url(../../../images/site/kor/content/ga_expe_img16.png); } #ga_expe .b_line .con_ind li:nth-child(3) span:before { background-image: url(../../../images/site/kor/content/ga_expe_img17.png); } #ga_expe .b_line .con_ind li:nth-child(1) span, #ga_expe .b_line .con_ind li:nth-child(2) span, #ga_expe .b_line .con_ind li:nth-child(3) span { background-color: #63483b; } #ga_expe .b_line .con_ind li p { letter-spacing: -0.02em; } #ga_expe .b_line .con_ind li:nth-child(1) p, #ga_expe .b_line .con_ind li:nth-child(2) p, #ga_expe .b_line .con_ind li:nth-child(3) p { color: #555; } #ga_expe .con_ind.in_box { margin-top: 2.9em; padding: 0; } #ga_expe .con_ind.in_box li { position: relative; display: inline-block; width: calc(((100% - 8px) - 8em) / 3); float: none; vertical-align: top; } #ga_expe .con_ind.in_box li:before { content: ""; position: absolute; top: 0; left: -4em; display: block; width: 4em; height: 13em; background: url(../../../images/site/kor/content/sub_01_04_02_01_img12.svg) no-repeat center center; background-size: 1.25em auto; } #ga_expe .con_ind.in_box li:nth-child(3n-2):before { display: none; } #ga_expe .con_ind.in_box li:nth-child(3n + 2) { margin-left: 4em; margin-right: 4em; } #ga_expe .con_ind.in_box li:nth-child(1) span, #ga_expe .con_ind.in_box li:nth-child(2) span, #ga_expe .con_ind.in_box li:nth-child(3) span, #ga_expe .con_ind.in_box li:nth-child(4) span, #ga_expe .con_ind.in_box li:nth-child(5) span, #ga_expe .con_ind.in_box li:nth-child(6) span { background-color: #3c6a3c; } #ga_expe .con_ind.in_box li:nth-child(1) p, #ga_expe .con_ind.in_box li:nth-child(2) p, #ga_expe .con_ind.in_box li:nth-child(3) p, #ga_expe .con_ind.in_box li:nth-child(4) p, #ga_expe .con_ind.in_box li:nth-child(5) p, #ga_expe .con_ind.in_box li:nth-child(6) p { color: #555; } #ga_expe .con_ind.in_box li:nth-child(1) span:before { background-image: url(../../../images/site/kor/content/ga_expe_img18.png); } #ga_expe .con_ind.in_box li:nth-child(2) span:before { background-image: url(../../../images/site/kor/content/ga_expe_img19.png); } #ga_expe .con_ind.in_box li:nth-child(3) span:before { background-image: url(../../../images/site/kor/content/ga_expe_img20.png); } #ga_expe .con_ind.in_box li:nth-child(4) span:before { background-image: url(../../../images/site/kor/content/ga_expe_img21.png); } #ga_expe .con_ind.in_box li:nth-child(5) span:before { background-image: url(../../../images/site/kor/content/ga_expe_img22.png); } #ga_expe .con_ind.in_box li:nth-child(6) span:before { background-image: url(../../../images/site/kor/content/ga_expe_img23.png); } #ga_expe .con_ind.in_box li p { letter-spacing: -0.02em; } #ga_expe .wr { display: -ms-inline-grid !important; display: inline-grid !important; width: 100%; padding-top: 1.875em; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 1.875em; -ms-grid-rows: auto; grid-template-rows: auto; grid-auto-flow: dense; -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; -ms-flex-line-pack: justify; align-content: space-between; box-sizing: border-box; } #ga_expe .wr .p_box { -ms-grid-row: 1; -ms-grid-column: 1; position: relative; display: block; width: 100%; height: 100%; background: url(../../../images/site/kor/content/ga_expe_img24.png) no-repeat center center; background-size: 100% auto; text-indent: -9999px; } #ga_expe .wr .p_box:before { content: ""; position: absolute; top: 0; left: 0; z-index: -1; display: block; width: 100%; height: 100%; background: url(../../../images/site/kor/content/ga_expe_img25.png) no-repeat center center; background-size: cover; border-radius: 10px; -webkit-border-radius: 10px; } #ga_expe .wr .t_box { grid-column-end: span 2; } #ga_expe .wr .t_box .g_box ul { display: -ms-inline-grid !important; display: inline-grid !important; width: 100%; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; grid-column-gap: 1.875em; grid-row-gap: 1.875em; -ms-grid-rows: auto; grid-template-rows: auto; grid-auto-flow: dense; -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; -ms-flex-line-pack: justify; align-content: space-between; box-sizing: border-box; } #ga_expe .wr .t_box .g_box ul > li:nth-child(1) { grid-row-end: span 2; } #ga_expe .wr .t_box .g_box ul > li strong { position: relative; display: block; padding: 0.946em 6.3em 0.946em 0.2em; font-size: 0.94em; color: #63483b; font-weight: 700; border-top: 2px solid #63483b; border-bottom: 1px solid #e4d9c9; box-sizing: border-box; } #ga_expe .wr .t_box .g_box ul > li strong a { position: absolute; top: 50%; right: 0.2em; padding: 0 1.3em; background-color: #555; border: 1px solid #555; font-weight: 400; height: 2.15em; line-height: 2em; box-sizing: border-box; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transform: translateY(-50%); -webkit-transform: translateY(-50%); } #ga_expe .wr .t_box .g_box ul > li strong a:hover { background-color: #fff; color: #555; } #ga_expe .wr .t_box .g_box ul > li ol { margin-top: 0.67em; font-size: 0.94em; line-height: 1.6; letter-spacing: -0.02em; } #ga_expe .wr .t_box .g_box ul > li ol li { position: relative; padding-left: 1.5em; } #ga_expe .wr .t_box .g_box ul > li ol li em { position: absolute; top: 0; left: 0; display: inline-block; font-style: normal; color: #63483b; font-weight: 500; } #ga_expe .map_box { height: 35.9375em; } #ga_expe .map_box:after { content: ""; display: block; clear: both; } #ga_expe .map_box > div { float: left; width: calc(100% - 37.125em); height: 100%; } #ga_expe .map_box .photo_box { position: relative; width: 37.125em; background: #e0dbc8 url(../../../images/site/kor/content/sub_01_04_02_01_img14.png) no-repeat center center; background-size: 100% auto; } #ga_expe .map_box .photo_box div { position: absolute; top: -9999px; left: -9999px; } #ga_expe .map_box .wrap { position: absolute; left: 0; bottom: 4em; width: 23.75em; height: 8.5em; margin-left: -8em; } #ga_expe .map_box .wrap .info { width: 100%; height: 100%; background-color: #fff; border-radius: 5px; } #ga_expe .map_box .wrap .info .body { position: relative; height: 100%; padding: 0.75em 1em 0.75em 1.4375em; border: 1px solid #bfbcb7; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); box-sizing: border-box; border-radius: 1px; -webkit-border-radius: 1px; } #ga_expe .map_box .wrap .info .body:before { content: ""; position: absolute; bottom: -2.6em; left: calc(50% - 4em); z-index: 1; width: 2.5em; height: 2.625em; background: url(//t1.daumcdn.net/localimg/localimages/07/2018/pc/infoWindow/pannel_tooltip_arr.png) no-repeat 0 0; background-size: 100% auto; border-radius: 1px; -webkit-border-radius: 1px; } #ga_expe .map_box .wrap .info .body:after { content: ""; position: absolute; bottom: -0.3em; left: -2px; display: block; width: calc(100% + 2px); height: 0.5em; background: url(//t1.daumcdn.net/localimg/localimages/07/2018/pc/infoWindow/pannel_tooltip_bottom_191113.png) no-repeat; } #ga_expe .map_box .wrap .info .body .img { position: absolute; top: 1em; right: 1em; display: block; width: 48%; height: calc(100% - 2em); } #ga_expe .map_box .wrap .info .body .img img { display: block; width: 100%; height: 100%; } #ga_expe .map_box .wrap .info .body .desc { padding-right: calc(48% + 2em); box-sizing: border-box; } #ga_expe .map_box .wrap .info .body .desc > strong { display: block; font-size: 1.07em; letter-spacing: -0.02em; color: #000; line-height: 1.8; } #ga_expe .map_box .wrap .info .body .desc > strong span { color: #3496ff; } #ga_expe .map_box .wrap .info .body .desc > .jibun { font-size: 0.75em; line-height: 1.84; color: rgba(0, 0, 0, 0.6); } #ga_expe .map_box .wrap .info .body .desc .toolbar { display: block; margin-top: 1.5em; } #ga_expe .map_box .wrap .info .body .desc .toolbar .InfoWindowToolbar { width: 100%; max-width: 7.5em; border: 1px solid #ddd; box-sizing: border-box; } #ga_expe .map_box .wrap .info .body .desc .toolbar .InfoWindowToolbar:after { content: ""; display: block; clear: both; } #ga_expe .map_box .wrap .info .body .desc .toolbar .InfoWindowToolbar > a { float: left; position: relative; width: calc((100% - 1px) / 3); height: 1em; text-indent: -9999px; line-height: 1; } #ga_expe .map_box .wrap .info .body .desc .toolbar .InfoWindowToolbar > a:not(:first-child) { border-left: 1px solid #ddd; box-sizing: border-box; } #ga_expe .map_box .wrap .info .body .desc .toolbar .InfoWindowToolbar > a span { position: absolute; top: -0.25em; left: 50%; display: block; width: 100%; height: calc(100% + 0.5em); line-height: 1; max-width: 1.5em; margin: 0 auto; overflow: hidden; background: url(//t1.daumcdn.net/localimg/localimages/07/2018/pc/common/img_tooltip_190531.png) no-repeat; transform: translateX(-50%) scale(0.6); } #ga_expe .map_box .wrap .info .body .desc .toolbar .InfoWindowToolbar > a span:nth-child(n + 2) { display: none; } #ga_expe .map_box .wrap .info .body .desc .toolbar .InfoWindowToolbar > a:first-child span { background-position: -76px -138px; } #ga_expe .map_box .wrap .info .body .desc .toolbar .InfoWindowToolbar > a:nth-child(2) span { background-position: -100px -138px; } #ga_expe .map_box .wrap .info .body .desc .toolbar .InfoWindowToolbar > a:nth-child(3) span { background-position: -124px -138px; } #ga_expe [data-skin="boxs"][data-type="2"] + .table_scroll { margin-top: 1.875em; } #ga_expe .topcenter { padding-top: 1.875em; } #ga_expe .topcenter .tb_btxt { font-size: 1.19em; margin-top: 0.25em; } #ga_expe .re_tit { margin-bottom: 0.2em; font-size: 1.07em; line-height: 1.53; } #ga_expe .re_tit.brown { color: #63483b; } #ga_expe .re_tit.green { color: #4b6c4a; } #ga_expe .fs14 { font-size: 0.93em; } @media all and (max-width: 1200px) { #ga_expe .map_box .wrap { width: 22em; margin-left: -11em; } #ga_expe .map_box .wrap .info .body:before { left: calc(50%); } } @media all and (max-width: 1024px) { #ga_expe .con_ind.in_box li { width: calc(((100% - 8px) - 6em) / 3); } #ga_expe .con_ind.in_box li:nth-child(3n + 2) { margin-left: 3em; margin-right: 3em; } #ga_expe .con_ind.in_box li:before { left: -3em; width: 3em; } #ga_expe .map_box { position: relative; height: 30em; } #ga_expe .map_box { font-size: 0.9em; } #ga_expe .map_box > div { width: calc(100% - 29.5em); } #ga_expe .map_box .photo_box { position: absolute; top: 0; right: 0; font-size: 0.8em; } } @media all and (max-width: 840px) { #ga_expe .wr { display: block !important; } #ga_expe .wr .p_box { height: 14em; margin-bottom: 1.875em; background-size: auto 100%; } } @media all and (max-width: 800px) { #ga_expe .map_box { height: auto; } #ga_expe .map_box > div { width: 100%; height: 27em; } #ga_expe .map_box .photo_box { position: relative; top: auto; right: auto; width: 100%; height: 28em; font-size: 1em; background-size: auto 100%; background-position: center center; } } @media all and (max-width: 740px) { #ga_expe .con_ind.in_box { margin-top: 1.5em; } #ga_expe .con_ind.in_box li { width: calc(((100% - 6px) - 1.6em) / 2); } #ga_expe .b_line .con_ind { margin-top: 2.5em; } #ga_expe .b_line .con_ind li { width: calc(((100% - 1px) - 1.6em) / 2); } #ga_expe .b_line .con_ind li:nth-child(3n + 2) { margin-left: 0; margin-right: 0; } #ga_expe .b_line .con_ind li:nth-child(2n + 2) { margin-left: 1.6em; } #ga_expe .con_ind.in_box li { width: calc(((100% - 4px) - 3em) / 2); } #ga_expe .con_ind.in_box li:nth-child(3n + 2) { margin-left: 0; margin-right: 0; } #ga_expe .con_ind.in_box li:nth-child(2n + 2) { margin-left: 3em; } #ga_expe .con_ind.in_box li:before { left: -3em; width: 3em; } #ga_expe .con_ind.in_box li:nth-child(3n-2):before { display: block; } #ga_expe .con_ind.in_box li:nth-child(2n-1):before { display: none; } } @media all and (max-width: 640px) { #ga_expe .wr .t_box .g_box ul { display: block !important; } #ga_expe .wr .t_box .g_box ul > li:not(:first-child) { margin-top: 1.25em; } } @media all and (max-width: 480px) { #ga_expe .con_ind.in_box li { width: 100%; } #ga_expe .b_line .con_ind { margin-top: 2em; } #ga_expe .b_line .con_ind li { width: 100%; } #ga_expe .b_line .con_ind li:nth-child(2n + 2) { margin-left: 0; } #ga_expe .con_ind.in_box li { width: 100%; } #ga_expe .con_ind.in_box li:nth-child(2n + 2) { margin-left: 0; } #ga_expe .con_ind.in_box li:nth-child(2n-1):before { display: block; } #ga_expe .con_ind.in_box li:nth-child(n + 2) { margin-top: 3em; } #ga_expe .con_ind.in_box li:nth-child(1):before { display: none; } #ga_expe .con_ind.in_box li:before { left: 0; top: -3em; width: 100%; height: 3em; background-image: url(../../../images/site/kor/content/sub_01_04_02_01_img13.svg); background-size: 1.5em auto; } } @media all and (max-width: 420px) { #ga_expe .map_box .photo_box { height: 22em; } } .thi_box .accordion .saving_message { position: relative; } .thi_box_tooltip { position: absolute; border: 3px solid #000; top: 0%; left: 30%; background: #fff; padding: 8px; } .info_boxs { position: relative; padding: 2.375em 4.85% 6.875em; box-sizing: border-box; font-family: "Pretendard"; } .info_boxs .logo { width: 12.0625em; height: 3.3125em; background: url(../../../images/site/kor/content/info_boxs_img01.svg) no-repeat center center; background-size: 100% auto; text-indent: -9999px; } .info_boxs .t_title { display: block; margin-top: 1em; font-size: 2.125em; color: #162246; letter-spacing: -0.02em; line-height: 1; } .info_boxs .t_title span { position: relative; z-index: 1; display: block; font-size: 2.64em; margin-top: 0.18em; font-family: "Black Han Sans"; font-weight: 400; letter-spacing: -0.05em; } .info_boxs .t_title span i { font-style: normal; } .info_boxs .t_title + p { font-size: 2.125em; letter-spacing: -0.02em; color: #222; font-weight: 600; } .info_boxs .t_title + p .red { color: #c81818 !important; } .info_boxs .img_maps { position: absolute; top: 15.7em; right: calc(4.85% + 2em); display: inline-block; width: 21.625em; height: 10.5625em; } .info_boxs .img_maps img { position: relative; z-index: 1; display: block; width: 100%; } .info_boxs .img_maps span { position: absolute; bottom: 0.75em; right: calc(100% + 0em); display: block; width: 11em; color: #222; font-size: 1.1em; font-weight: 600; } .info_boxs[data-level-name="normal"] .img_maps:before { transform: rotate(15deg); -webkit-transform: rotate(2.5deg); margin-bottom: 0.8em; margin-left: -3.9em; } .info_boxs[data-level-name="attention"] .img_maps:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-bottom: 0.6em; margin-left: -4.3em; } .info_boxs[data-level-name="warning"] .img_maps:before { transform: rotate(45deg); -webkit-transform: rotate(90deg); margin-bottom: 0.7em; margin-left: -4.85em; } .info_boxs[data-level-name="awful"] .img_maps:before { transform: rotate(45deg); -webkit-transform: rotate(135deg); margin-bottom: 1.4em; margin-left: -5em; } .info_boxs[data-level-name="terrible"] .img_maps:before { transform: rotate(45deg); -webkit-transform: rotate(175deg); margin-bottom: 2.1em; margin-left: -4.6em; } .info_boxs .img_maps:after { content: ""; position: absolute; bottom: 0.7em; left: 50%; z-index: 0; display: block; width: 8.75em; height: 8.75em; margin-bottom: calc((-8.75em / 2) / 2); margin-left: calc(-8.75em / 2); background: url(../../../images/site/kor/content/info_boxs_img18.svg) no-repeat center center; background-size: 100% auto; transform: rotate(0); transform-origin: 50% 64%; transition: all 0.2s linear; } .info_boxs[data-level-name="normal"] .img_maps:after { transform: rotate(-90deg); } .info_boxs[data-level-name="attention"] .img_maps:after { transform: rotate(-45deg); } .info_boxs[data-level-name="warning"] .img_maps:after { transform: rotate(0deg); } .info_boxs[data-level-name="awful"] .img_maps:after { transform: rotate(45deg); } .info_boxs[data-level-name="terrible"] .img_maps:after { transform: rotate(90deg); } .info_boxs .img_maps svg { position: absolute; bottom: 12.5em; right: 0; display: block; width: 6.8125em; height: 6.5625em; } .info_boxs .step_box > li { display: none; margin-top: 2.5em; } .info_boxs[data-level-name="normal"] .step_box > li.normal { display: block; } .info_boxs[data-level-name="attention"] .step_box > li.attention { display: block; } .info_boxs[data-level-name="warning"] .step_box > li.warning { display: block; } .info_boxs[data-level-name="awful"] .step_box > li.awful { display: block; } .info_boxs[data-level-name="terrible"] .step_box > li.terrible { display: block; } .info_boxs .step_box > li .titles { position: relative; display: inline-block; min-width: 9.375em; padding: 0.407em 0; text-align: center; font-size: 2em; letter-spacing: -0.02em; line-height: 1; font-weight: 700; color: #fff; box-sizing: border-box; border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; } .info_boxs .step_box > li.normal .titles { background-color: #377e52; } .info_boxs .step_box > li.attention .titles { background-color: #3568b5; } .info_boxs .step_box > li.warning .titles { background-color: #ffba27; color: #222; } .info_boxs .step_box > li.awful .titles { background-color: #ed7e3d; color: #222; } .info_boxs .step_box > li.terrible .titles { background-color: #c81818; } .info_boxs .step_box > li .titles:after { content: ""; position: absolute; bottom: 0; right: -10px; display: block; width: 0; height: 0; border-bottom: 0.8em solid; border-top: 0.8em solid transparent; border-left: 5px solid; border-right: 5px solid transparent; } .info_boxs .step_box > li.normal .titles:after { border-bottom-color: #214c31; border-left-color: #214c31; } .info_boxs .step_box > li.attention .titles:after { border-bottom-color: #203e6d; border-left-color: #203e6d; } .info_boxs .step_box > li.warning .titles:after { border-bottom-color: #997017; border-left-color: #997017; } .info_boxs .step_box > li.awful .titles:after { border-bottom-color: #8b4c28; border-left-color: #8b4c28; } .info_boxs .step_box > li.terrible .titles:after { border-bottom-color: #780e0e; border-left-color: #780e0e; } .info_boxs .step_box > li .titles span { font-size: 0.75em; font-weight: 400; } .info_boxs .step_box > li > .w { position: relative; min-height: 23.125em; padding: 2.625em 4.62%; background-color: #fff; box-shadow: 0 4px 20px rgba(29, 70, 132, 0.2); box-sizing: border-box; } .info_boxs .step_box > li .w b { display: block; color: #162246; font-size: 2.875em; letter-spacing: -0.05em; line-height: 1; font-family: "Black Han Sans"; font-weight: 400; } .info_boxs .step_box > li.normal .w b span { color: #377e52; } .info_boxs .step_box > li.attention .w b span { color: #3568b5; } .info_boxs .step_box > li.warning .w b span { color: #783f0a; } .info_boxs .step_box > li.awful .w b span { color: #d86a2a; } .info_boxs .step_box > li.terrible .w b span { color: #c81818; } u { background: linear-gradient(transparent 65%, rgba(255, 186, 39, 0.7) 10%); background-size: 100% 1em; text-decoration: none; } .info_boxs .step_box > li .w b + ul { margin-top: 1.8em; } .info_boxs .step_box > li .w .divi { display: -ms-inline-grid !important; display: inline-grid !important; width: 100%; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 1.25em; grid-auto-flow: dense; -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; -ms-flex-line-pack: justify; align-content: space-between; box-sizing: border-box; } .info_boxs .step_box > li .w ul + .divi.s2 { margin-top: 1.875em; } .info_boxs .step_box > li .w .divi.s2 { grid-template-columns: 1fr 1fr; } .info_boxs .step_box > li .w .divi li { position: relative; padding: 1.875em 9% 8.5625em; border: 1px solid #ddd; background-repeat: no-repeat; background-position: bottom center; background-size: contain; box-sizing: border-box; } .info_boxs .step_box > li .w .divi.s2 li { min-height: 16.5625em; padding: 1.5625em 6.25% 8.5625em; } .info_boxs .step_box > li .w .divi li b { display: block; width: 100%; margin-top: 0.57em; padding-left: 0.4em; font-size: 2.375em; font-family: "Pretendard"; font-weight: 900; color: #3568b5; letter-spacing: -0.02em; box-sizing: border-box; } .info_boxs .step_box > li .w .divi li b u { background: none; } .info_boxs .step_box > li .w .divi li b i { font-style: normal; font-size: 0.37em; font-weight: 400; } .info_boxs .info_btns { display: inline-block; background-color: #2a5ba5; letter-spacing: -0.02em; color: #fff; line-height: 1; font-weight: 500; box-shadow: 0 8px 20px rgba(42, 91, 165, 0.4); text-decoration: none; box-sizing: border-box; border-radius: 500px; -webkit-border-radius: 500px; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; } .info_boxs .info_btns:hover { background-color: #fff; color: #2a5ba5; } .info_boxs .info_btns.pdf_views { position: absolute; top: 2.375em; right: 4.85%; padding: 0.667em 1.33em; font-size: 1.125em; } .info_boxs .info_btns.pdf_views:after { content: ""; display: inline-block; width: 0.78em; height: 0.78em; margin-left: 0.3em; background: url(../../../images/site/kor/content/info_boxs_img16.svg) no-repeat center center; background-size: 100% auto; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; } .info_boxs .info_btns.pdf_views:hover:after { background-image: url(../../../images/site/kor/content/info_boxs_img17.svg); } .info_boxs .btn_wraps { margin-top: 2em; } .info_boxs .btn_wraps p { color: #222; letter-spacing: -0.02em; font-size: 1.75em; font-weight: 500; } .info_boxs .btn_wraps a { margin-top: 1.67em; padding: 1em 1.58em; font-size: 1.34em; font-weight: 700; } .info_boxs .step_box > li .w b + ul li span, .info_boxs .step_box > li .w ul + ul li span { position: relative; z-index: 1; display: block; padding-left: 0.6em; color: #222; font-weight: 500; font-size: 1.625em; letter-spacing: -0.02em; line-height: 1.4; box-sizing: border-box; } .info_boxs .step_box > li .w b + ul.divi li span, .info_boxs .step_box > li .w ul + ul.divi li span { letter-spacing: -0.07em; } .info_boxs .step_box > li .w b + ul li span:before, .info_boxs .step_box > li .w ul + ul li span:before { content: "·"; position: absolute; top: 0; left: 0; } .info_boxs .step_box > li .w b + ul:not(.divi) li:not(:first-child), .info_boxs .step_box > li .w ul + ul:not(.divi) li:not(:first-child) { margin-top: 0.3em; } .info_boxs .step_box > li .w .left, .info_boxs .step_box > li .w .ani_2 + .ani_3 { padding-right: 21.875em; box-sizing: border-box; } .info_boxs .step_box > li .w .right { position: absolute; top: 2.625em; right: 4.62%; width: 21.875em; } .info_boxs .step_box > li .w .tips { position: relative; margin-top: 1.45em; font-size: 1.5em; letter-spacing: -0.02em; line-height: 1.3; color: #444; } .info_boxs .step_box > li .w .tips:not(.no) { padding-left: 1.2em; } .info_boxs .step_box > li .w .tips:not(.no):before { content: "※"; position: absolute; top: 0.15em; left: 0; font-size: 0.8em; } .info_boxs .step_box > li .w .tips .sub_tip { display: block; margin-top: 0.33em; font-size: 0.75em; color: #666; letter-spacing: -0.02em; font-weight: 500; } .info_boxs .step_box > li .w .right { margin-top: 0.5em; border: 1px solid #ddd; box-sizing: border-box; } .info_boxs .step_box > li .w .right .w { position: relative; padding-bottom: calc(2.875em + 1px); box-sizing: border-box; } .info_boxs .step_box > li .w .right .w > strong { position: absolute; bottom: 0; left: 0; display: block; width: 100%; padding: 0.778em 0.5em; background-color: #283e60; color: #fff; font-size: 1.125em; line-height: 1; font-weight: 500; text-align: center; letter-spacing: -0.02em; box-sizing: border-box; } .info_boxs .step_box > li .w .right .w img { display: block; width: 100%; } .info_boxs .step_box > li .w .right .w img.overs { position: absolute; top: calc(50% - ((2.875em + 1px) / 2)); left: 50%; transform: translate(-50%, -50%); } .info_boxs .step_box > li .w .right .w p { color: #444; letter-spacing: -0.02em; line-height: 1; font-weight: 500; font-size: 1.125em; } .info_boxs .step_box > li .w .right .w p strong { display: block; font-size: 1.73em; line-height: 1.3; letter-spacing: -0.02em; font-weight: 500; } .info_boxs .step_box > li .w .right .w p strong span { font-size: 1.23em; font-weight: 900; } .sub_02_02_01 { background-color: #f3f4f8; } .sub_02_02_02 { background-color: #faf6f1; } .sub_02_02_01 .t_title span i { color: #2a5ba5; } .sub_02_02_01 .step_box > li.normal .w .right .w p { position: absolute; top: 4.84em; left: 12.94em; } .sub_02_02_01 .step_box > li.normal .w .right .w p strong { color: #1981e2; } .info_boxs.sub_02_02_01 .step_box > li.terrible .w .right .w { padding-bottom: 0; } .info_boxs.sub_02_02_01 .step_box > li.terrible .w .right .w img { display: block; width: 100%; } .info_boxs.sub_02_02_01 .step_box > li.terrible .w .right .w img:nth-child(1) { position: absolute; top: 0; left: 0; } .info_boxs.sub_02_02_01 .step_box > li.attention .w .tips .sub_tip { margin-top: 2.8em; margin-right: 1.5em; } .info_boxs.sub_02_02_01 .step_box > li.terrible .w .right { width: 19.6875em; } .info_boxs.sub_02_02_01 .step_box > li.warning .w .divi li:nth-child(1) { background-image: url(../../../images/site/kor/content/info_boxs_img04.svg); } .info_boxs.sub_02_02_01 .step_box > li.warning .w .divi li:nth-child(2) { background-image: url(../../../images/site/kor/content/info_boxs_img05.svg); } .info_boxs.sub_02_02_01 .step_box > li.warning .w .divi li:nth-child(3) { background-image: url(../../../images/site/kor/content/info_boxs_img06.svg); } .info_boxs.sub_02_02_01 .step_box > li.awful .w .divi li:nth-child(1) { background-image: url(../../../images/site/kor/content/info_boxs_img07.svg); } .info_boxs.sub_02_02_01 .step_box > li.awful .w .divi li:nth-child(2) { background-image: url(../../../images/site/kor/content/info_boxs_img08.svg); } .info_boxs.sub_02_02_01 .step_box > li.awful .w .divi li:nth-child(3) { background-image: url(../../../images/site/kor/content/info_boxs_img09.svg); } .info_boxs.sub_02_02_01 .step_box > li.attention .w .right .w { padding-bottom: 0; } .info_boxs.sub_02_02_01 .step_box > li.attention .w .right .w img.overs { top: 50%; } .info_boxs.sub_02_02_02 .step_box > li .w .divi li .img_boxs { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; } .info_boxs.sub_02_02_02 .step_box > li .w .divi li .img_boxs img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; } .info_boxs.sub_02_02_02 .info_btns.pdf_views, .info_boxs.sub_02_02_02 .info_btns { background-color: #377e52; box-shadow: 0 8px 20px rgba(55, 126, 82, 0.4); } .info_boxs.sub_02_02_02 .info_btns.pdf_views:hover, .info_boxs.sub_02_02_02 .info_btns:hover { background-color: #fff; color: #377e52; } .info_boxs.sub_02_02_02 .info_btns.pdf_views:hover:after { background-image: url(../../../images/site/kor/content/sub_02_02_02_img09.svg); } .info_boxs.sub_02_02_02 .step_box > li.normal .ani_2 { text-align: right; } .info_boxs.sub_02_02_02 .step_box > li.normal > .w .w { position: relative; display: inline-block; margin: -6.25em 1.25em 0 auto; } .info_boxs.sub_02_02_02 .step_box > li.normal > .w .w .imgs { display: inline-block; } .info_boxs.sub_02_02_02 .step_box > li.normal > .w .w .imgs:last-child { position: absolute; top: 0; right: 0; } .info_boxs.sub_02_02_02 .step_box > li.normal > .w .w .imgs img { display: block; width: 100%; } .info_boxs.sub_02_02_02 .step_box > li.normal > .w .w .imgs:nth-child(1) { width: 59.7%; } .info_boxs.sub_02_02_02 .step_box > li.normal > .w .w .imgs:nth-child(2), .info_boxs.sub_02_02_02 .step_box > li.normal > .w .w .imgs:nth-child(3) { width: 39.7%; } .info_boxs.sub_02_02_02 .step_box > li.normal > .w .w .imgs:nth-child(3) img { animation-name: sub_02_02_02_06; -webkit-animation-duration: 3s; -webkit-animation-fill-mode: forwards; -webkit-animation-timing-function: linear; -webkit-animation-delay: 1s; animation-duration: 3s; animation-fill-mode: forwards; animation-timing-function: linear; opacity: 0; } @-webkit-keyframes sub_02_02_02_06 { 0% { opacity: 0; } 100% { opacity: 1; } } .info_boxs.sub_02_02_01 .step_box > li.terrible .w .right .w:before { content: ""; position: absolute; top: 25%; left: 76.6%; z-index: 1; display: block; width: 7%; height: 2.3%; background-color: #e3f0fe; } .info_boxs.sub_02_02_01 .step_box > li.terrible .w .right .w:after { content: ""; position: absolute; top: 25%; left: 81.2%; z-index: 1; display: block; width: 2.3%; height: 42.5%; background-color: #e3f0fe; } @media screen and (min-width: 1025px) { .info_boxs .img_maps svg { animation-name: ani_01; -webkit-animation-duration: 3s; -webkit-animation-fill-mode: forwards; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-duration: 3s; animation-fill-mode: forwards; animation-timing-function: linear; animation-iteration-count: infinite; } @-webkit-keyframes ani_01 { 0%, 100% { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(-20deg); transform: rotate(-20deg); } } .info_boxs[data-level-name] .img_maps:after { -webkit-animation-duration: 2.5s; -webkit-animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-duration: 2.5s; animation-fill-mode: forwards; animation-timing-function: linear; } .info_boxs[data-level-name="normal"]:not(.on) .img_maps:after { animation-name: ani_03_normal; } @-webkit-keyframes ani_03_normal { 0% { transform: rotate(0); } 10% { transform: rotate(-45deg); } 20% { transform: rotate(-90deg); } 30% { transform: rotate(-45deg); } 40% { transform: rotate(0deg); } 50% { transform: rotate(45deg); } 60% { transform: rotate(90deg); } 70% { transform: rotate(45deg); } 80% { transform: rotate(0deg); } 90% { transform: rotate(-45deg); } 100% { transform: rotate(-90deg); } } .info_boxs[data-level-name="attention"]:not(.on) .img_maps:after { animation-name: ani_03_attention; } @-webkit-keyframes ani_03_attention { 0% { transform: rotate(0); } 11.1% { transform: rotate(-45deg); } 22.2% { transform: rotate(-90deg); } 33.3% { transform: rotate(-45deg); } 44.4% { transform: rotate(0deg); } 55.5% { transform: rotate(45deg); } 66.6% { transform: rotate(90deg); } 77.7% { transform: rotate(45deg); } 88.8% { transform: rotate(0deg); } 100% { transform: rotate(-45deg); } } .info_boxs[data-level-name="warning"]:not(.on) .img_maps:after { animation-name: ani_03_warning; } @-webkit-keyframes ani_03_warning { 0% { transform: rotate(0); } 12.5% { transform: rotate(-45deg); } 25% { transform: rotate(-90deg); } 37.5% { transform: rotate(-45deg); } 50% { transform: rotate(0deg); } 62.5% { transform: rotate(45deg); } 75% { transform: rotate(90deg); } 87.5% { transform: rotate(45deg); } 100% { transform: rotate(0deg); } } .info_boxs[data-level-name="awful"]:not(.on) .img_maps:after { animation-name: ani_03_awful; } @-webkit-keyframes ani_03_awful { 0% { transform: rotate(0); } 14.2% { transform: rotate(-45deg); } 28.4% { transform: rotate(-90deg); } 42.6% { transform: rotate(-45deg); } 56.8% { transform: rotate(0deg); } 71% { transform: rotate(45deg); } 85.2% { transform: rotate(90deg); } 100% { transform: rotate(45deg); } } .info_boxs[data-level-name="terrible"]:not(.on) .img_maps:after { animation-name: ani_03_terrible; } @-webkit-keyframes ani_03_terrible { 0% { transform: rotate(0); } 16.6% { transform: rotate(-45deg); } 33.2% { transform: rotate(-90deg); } 49.8% { transform: rotate(-45deg); } 66.4% { transform: rotate(0deg); } 83% { transform: rotate(45deg); } 100% { transform: rotate(90deg); } } .info_boxs .t_title + p .red { display: inline-block; animation-name: ani_02; -webkit-animation-duration: 0.5s; -webkit-animation-fill-mode: forwards; -webkit-animation-timing-function: linear; -webkit-animation-delay: 1s; animation-duration: 0.5s; animation-fill-mode: forwards; animation-timing-function: linear; animation-delay: 1s; } @-webkit-keyframes ani_02 { 0%, 100% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } } [data-steps] .info_boxs .step_box > li .w .ani_1 > b { transform: translateY(3em); transition: all 0.2s linear; } [data-steps="5"] .info_boxs .step_box > li .w .ani_1 > b, [data-steps="6"] .info_boxs .step_box > li .w .ani_1 > b, [data-steps="7"] .info_boxs .step_box > li .w .ani_1 > b, [data-steps="8"] .info_boxs .step_box > li .w .ani_1 > b, [data-steps="9"] .info_boxs .step_box > li .w .ani_1 > b, [data-steps="10"] .info_boxs .step_box > li .w .ani_1 > b { transform: translateY(0); } [data-steps] .info_boxs .step_box > li .w .divi li { transform: translateY(10em); transition: all 0.2s linear; } [data-steps] .info_boxs .step_box > li .w .divi li:nth-child(2) { transition-delay: 0.1s; } [data-steps] .info_boxs .step_box > li .w .divi li:nth-child(3) { transition-delay: 0.2s; } [data-steps="6"] .info_boxs .step_box > li .w .divi li, [data-steps="7"] .info_boxs .step_box > li .w .divi li, [data-steps="8"] .info_boxs .step_box > li .w .divi li, [data-steps="9"] .info_boxs .step_box > li .w .divi li, [data-steps="10"] .info_boxs .step_box > li .w .divi li { transform: translateY(0); } [data-steps] .info_boxs .step_box > li .w .right { transform: translateY(3em); transition: all 0.2s linear; } [data-steps="6"] .info_boxs .step_box > li .w .right, [data-steps="7"] .info_boxs .step_box > li .w .right, [data-steps="8"] .info_boxs .step_box > li .w .right, [data-steps="9"] .info_boxs .step_box > li .w .right, [data-steps="10"] .info_boxs .step_box > li .w .right { transform: translateY(0); } [data-steps] .info_boxs .step_box > li .w b + ul li { transform: translateY(3em); transition: all 0.2s linear; } [data-steps] .info_boxs .step_box > li .w b + ul li:nth-child(2) { transition-delay: 0.1s; } [data-steps] .info_boxs .step_box > li .w b + ul li:nth-child(3) { transition-delay: 0.2s; } [data-steps="6"] .info_boxs .step_box > li .w b + ul li, [data-steps="7"] .info_boxs .step_box > li .w b + ul li, [data-steps="8"] .info_boxs .step_box > li .w b + ul li, [data-steps="9"] .info_boxs .step_box > li .w b + ul li, [data-steps="10"] .info_boxs .step_box > li .w b + ul li { transform: translateY(0); } [data-steps] .info_boxs .step_box > li .w .tips { transform: translateY(2em); transition: all 0.2s linear; transition-delay: 0.1s; } [data-steps="7"] .info_boxs .step_box > li .w .tips, [data-steps="8"] .info_boxs .step_box > li .w .tips, [data-steps="9"] .info_boxs .step_box > li .w .tips, [data-steps="10"] .info_boxs .step_box > li .w .tips { transform: translateY(0); } [data-steps] .info_boxs .step_box > li .w .right .w img.overs { transform: translate(-50%, -50%) scale(0); transition: all 0.2s linear; } [data-steps="7"] .info_boxs .step_box > li .w .right .w img.overs, [data-steps="8"] .info_boxs .step_box > li .w .right .w img.overs, [data-steps="9"] .info_boxs .step_box > li .w .right .w img.overs, [data-steps="10"] .info_boxs .step_box > li .w .right .w img.overs { transform: translate(-50%, -50%) scale(1); } .info_boxs .step_box > li.on .w b span { display: inline-block; -webkit-animation-duration: 0.5s; -webkit-animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-duration: 0.5s; animation-fill-mode: forwards; animation-timing-function: linear; } .info_boxs .step_box > li.normal.on .w b span { animation-name: ani_normal; } @-webkit-keyframes ani_normal { 0% { color: #162246; } 100% { color: #377e52; } } .info_boxs .step_box > li.attention.on .w b span { animation-name: ani_attention; } @-webkit-keyframes ani_attention { 0% { color: #162246; } 100% { color: #3568b5; } } .info_boxs .step_box > li.warning.on .w b span { animation-name: ani_warning; } @-webkit-keyframes ani_warning { 0% { color: #162246; } 100% { color: #783f0a; } } .info_boxs .step_box > li.awful.on .w b span { animation-name: ani_awful; } @-webkit-keyframes ani_awful { 0% { color: #162246; } 100% { color: #d86a2a; } } .info_boxs .step_box > li.terrible.on .w b span { animation-name: ani_terrible; } @-webkit-keyframes ani_terrible { 0% { color: #162246; } 100% { color: #c81818; } } .info_boxs .step_box > li .w .right .w img.overs { transition: all 0.2s linear; } .info_boxs .step_box > li.on .w .right .w img.overs { animation-name: ani_033; -webkit-animation-duration: 0.2s; -webkit-animation-fill-mode: forwards; -webkit-animation-timing-function: linear; -webkit-animation-delay: 0; animation-duration: 0.2s; animation-fill-mode: forwards; animation-timing-function: linear; animation-delay: 0; } @-webkit-keyframes ani_033 { 0% { transform: translate(-50%, -50%) scale(0); } 100% { transform: translate(-50%, -50%) scale(1); } } .info_boxs .step_box > li .w .divi li b { transform: scale(0); } [data-steps] .info_boxs .step_box > li .w .divi li b { transform: scale(1); } .info_boxs .step_box > li.on .w .divi li b { transform: scale(0); display: inline-block; animation-name: ani_034; -webkit-animation-duration: 0.2s; -webkit-animation-fill-mode: forwards; -webkit-animation-timing-function: linear; -webkit-animation-delay: 0; animation-duration: 0.2s; animation-fill-mode: forwards; animation-timing-function: linear; animation-delay: 0; } .info_boxs .step_box > li.on .w .divi li:nth-child(2) b { animation-delay: 0.2s; } .info_boxs .step_box > li.on .w .divi li:nth-child(3) b { animation-delay: 0.4s; } @-webkit-keyframes ani_034 { 0% { transform: scale(0); } 100% { transform: scale(1); } } .info_boxs.sub_02_02_02 .step_box > li.attention .w .divi li:nth-child(2) .img_boxs img:nth-child(2) { animation-name: sub_02_02_02_01; -webkit-animation-duration: 2.5s; -webkit-animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-duration: 2.5s; animation-fill-mode: forwards; animation-timing-function: linear; } @-webkit-keyframes sub_02_02_02_01 { 0%, 100% { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(-10deg) translate(-1em, 0em); transform: rotate(-10deg) translate(-1em, 0em); } } .info_boxs.sub_02_02_02 .step_box > li.warning .w .divi li:nth-child(1) .img_boxs img:nth-child(2), .info_boxs.sub_02_02_02 .step_box > li.warning .w .divi li:nth-child(2) .img_boxs img:nth-child(2), .info_boxs.sub_02_02_02 .step_box > li.awful .w .divi li:nth-child(2) .img_boxs img:nth-child(2), .info_boxs.sub_02_02_02 .step_box > li.normal > .w .w .imgs:nth-child(3) img { animation-name: sub_02_02_02_02; -webkit-animation-duration: 0.25s; -webkit-animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-duration: 0.25s; animation-fill-mode: forwards; animation-timing-function: linear; transform-origin: left center; } .info_boxs.sub_02_02_02 .step_box > li.warning .w .divi li:nth-child(2) .img_boxs img:nth-child(2) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; opacity: 0; } @-webkit-keyframes sub_02_02_02_02 { 0% { opacity: 0; } 100% { opacity: 1; } } .info_boxs.sub_02_02_02 .step_box > li.terrible .w .divi li:nth-child(1) .img_boxs img:nth-child(1) { animation-name: sub_02_02_02_03; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: forwards; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-duration: 1s; animation-fill-mode: forwards; animation-timing-function: linear; transform-origin: left center; animation-iteration-count: infinite; } @-webkit-keyframes sub_02_02_02_03 { 0%, 100% { transform: translateY(-1.2em); } 99% { transform: translateY(0em); } } .info_boxs.sub_02_02_02 .step_box > li.terrible .w .divi li:nth-child(2) .img_boxs img:nth-child(2) { animation-name: sub_02_02_02_04; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: forwards; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -webkit-animation-delay: 0.5s; animation-duration: 1s; animation-fill-mode: forwards; animation-timing-function: linear; transform-origin: left center; animation-iteration-count: infinite; animation-delay: 0.5s; } @-webkit-keyframes sub_02_02_02_04 { 0%, 100% { transform: translateY(0em); } 99% { transform: translateY(0.5em); } } .info_boxs.sub_02_02_02 .step_box > li.awful .w .divi li:nth-child(1) .img_boxs img:nth-child(2) { animation-name: sub_02_02_02_05; -webkit-animation-duration: 3s; -webkit-animation-fill-mode: forwards; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-duration: 3s; animation-fill-mode: forwards; animation-timing-function: linear; transform-origin: left center; animation-iteration-count: infinite; } @-webkit-keyframes sub_02_02_02_05 { 0%, 50%, 100% { transform: translateX(0em); } 25% { transform: translateX(-1em); } 75% { transform: translateX(1em); } } .info_boxs.sub_02_02_01 .step_box > li.terrible .w .right .w:before { width: 0; animation-name: ani_04; -webkit-animation-duration: 0.75s; -webkit-animation-fill-mode: forwards; -webkit-animation-timing-function: linear; -webkit-animation-delay: 0; animation-duration: 0.75s; animation-fill-mode: forwards; animation-timing-function: linear; animation-delay: 0; } @-webkit-keyframes ani_04 { 0% { width: 0; } 100% { width: 7%; } } .info_boxs.sub_02_02_01 .step_box > li.terrible .w .right .w:after { height: 0; animation-name: ani_05; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: forwards; -webkit-animation-timing-function: linear; -webkit-animation-delay: 0.75s; animation-duration: 1s; animation-fill-mode: forwards; animation-timing-function: linear; animation-delay: 0.75s; } @-webkit-keyframes ani_05 { 0% { height: 0; } 100% { height: 42.5%; } } } @media screen and (max-width: 1260px) { .info_boxs .step_box > li { margin-top: 5em; } .info_boxs .img_maps { top: 18.2em; } } @media screen and (max-width: 1024px) { .info_boxs { font-size: 0.9em; } .info_boxs .t_title + p { max-width: 12em; } .info_boxs .step_box > li { margin-top: 2.5em; } .info_boxs .img_maps { top: 18.7em; } .info_boxs.sub_02_02_02 .step_box > li.normal > .w .w { margin: -4em auto 0 auto; } .info_boxs .img_maps span { display: none; } } @media screen and (max-width: 840px) { .info_boxs { font-size: 0.75em; } .info_boxs .img_maps { top: 18.8em; } } @media screen and (max-width: 740px) { .info_boxs { font-size: 0.65em; } } @media screen and (max-width: 640px) { .info_boxs .t_title span i { display: block; } .info_boxs .img_maps { top: 24.4em; } .info_boxs .step_box > li .w .left, .info_boxs .step_box > li .w .ani_3 { padding-right: 0; } .info_boxs .step_box > li .w .right { position: relative; top: auto; right: auto; width: 100%; } .info_boxs .step_box > li .w b br { display: none; } .info_boxs .step_box > li .w .right .w img { max-width: 24em; margin: 0 auto; } .info_boxs .step_box > li .w .divi { grid-template-columns: 1fr; grid-template-rows: 1fr 1fr 1fr; grid-column-gap: 0; grid-row-gap: 1.25em; } .info_boxs .step_box > li .w .divi.s2 { grid-template-columns: 1fr; grid-template-rows: 1fr 1fr; } .info_boxs .step_box > li .w .divi li { padding: 1.875em 1.5em; background-size: auto 150%; background-position: bottom right; } .info_boxs .step_box > li .w b + ul.divi li span { display: inline-block; } .info_boxs .step_box > li .w .divi li b { display: inline-block; width: auto; margin-top: 0; vertical-align: bottom; } .info_boxs .step_box > li .w .left, .info_boxs .step_box > li .w .ani_2 + .ani_3 { padding-right: 0; } .info_boxs.sub_02_02_01 .step_box > li.terrible .w .right { width: 100%; } .info_boxs.sub_02_02_02 .step_box > li.normal > .w .w { margin: 1em auto 0; } .info_boxs.sub_02_02_02 .step_box > li.normal > .w .w .imgs:nth-child(1) { width: 59%; } .info_boxs .img_maps { top: 33em; font-size: 0.8em; } } @media screen and (max-width: 520px) { .info_boxs .img_maps { top: 43em; font-size: 0.65em; } } @media screen and (max-width: 480px) { .info_boxs .step_box > li .w .divi li { background-size: auto 100%; } .info_boxs .step_box > li .w .divi li b { display: block; margin-top: 0.25em; } .info_boxs .step_box > li .titles { min-width: 8em; font-size: 1.8em; } .info_boxs .img_maps { top: 42.5em; } } @media screen and (max-width: 360px) { .info_boxs .step_box > li .titles { font-size: 1.6em; } .info_boxs .img_maps { top: 41.9em; right: 2em; } } #ga_expe .kn_gm { position: relative; } #ga_expe .kn_gm > img { display: block; width: 100%; } #ga_expe .kn_gm .imgs { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; } #ga_expe .kn_gm .imgs img { position: absolute; top: 50%; left: 50%; } #ga_expe .kn_gm .imgs img:nth-child(1) { top: 0; width: 39.334%; z-index: 5; -webkit-transform: translateX(-50%); transform: translateX(-50%); } #ga_expe .kn_gm .imgs img:not(:nth-child(1)) { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); -webkit-border-radius: 50%; border-radius: 50%; } #ga_expe .kn_gm .imgs img:nth-child(2) { z-index: 4; width: 14.24%; transform: translate(-274%, -46%); } #ga_expe .kn_gm .imgs img:nth-child(3) { z-index: 3; width: 11.66%; transform: translate(-180%, -76%); } #ga_expe .kn_gm .imgs img:nth-child(4) { z-index: 2; width: 10.83%; transform: translate(-50%, -112%); } #ga_expe .kn_gm .imgs img:nth-child(5) { z-index: 1; width: 11.66%; transform: translate(81%, -76%); } #ga_expe .kn_gm .imgs img:nth-child(6) { width: 14.24%; transform: translate(173%, -45%); } #ga_expe .kn_gm .imgs img:not(:nth-child(1)) { transform: scale(0); -webkit-animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-duration: 0.3s; animation-fill-mode: forwards; animation-timing-function: linear; } #ga_expe .kn_gm .imgs img:nth-child(2) { animation-name: ga_expe_img_2; } #ga_expe .kn_gm .imgs img:nth-child(3) { animation-name: ga_expe_img_3; animation-delay: 0.3s; } #ga_expe .kn_gm .imgs img:nth-child(4) { animation-name: ga_expe_img_4; animation-delay: 0.6s; } #ga_expe .kn_gm .imgs img:nth-child(5) { animation-name: ga_expe_img_5; animation-delay: 0.9s; } #ga_expe .kn_gm .imgs img:nth-child(6) { animation-name: ga_expe_img_6; animation-delay: 1.2s; } @-webkit-keyframes ga_expe_img_2 { 0% { transform: scale(0) translate(-274%, -46%); } 100% { transform: scale(1) translate(-274%, -46%); } } @-webkit-keyframes ga_expe_img_3 { 0% { transform: scale(0) translate(-180%, -76%); } 100% { transform: scale(1) translate(-180%, -76%); } } @-webkit-keyframes ga_expe_img_4 { 0% { transform: scale(0) translate(-50%, -112%); } 100% { transform: scale(1) translate(-50%, -112%); } } @-webkit-keyframes ga_expe_img_5 { 0% { transform: scale(0) translate(81%, -76%); } 100% { transform: scale(1) translate(81%, -76%); } } @-webkit-keyframes ga_expe_img_6 { 0% { transform: scale(0) translate(173%, -45%); } 100% { transform: scale(1) translate(173%, -45%); } } #ga_expe .wr .p_box { max-width: 356px; } @media (max-width: 840px) { #ga_expe .wr .p_box { max-width: 100%; } } #ga_expe .b_line .con_ind li span { border: 1px solid #e4d9c9; box-sizing: border-box; } #ga_expe .b_line .con_ind li span:before { width: calc(100% + 2px); margin-left: -1px; border: 1px solid #e4d9c9; border-bottom: none; box-sizing: border-box; } #ga_expe .map_box .directions { position: absolute; bottom: 1.25em; right: 1.25em; z-index: 3; display: table; width: 3.5em; height: 3.5em; table-layout: fixed; text-decoration: none; } #ga_expe .map_box .directions:before { content: ""; position: absolute; top: 50%; left: 50%; z-index: -1; display: block; width: 100%; height: 100%; border: 1px solid #ddd; background-color: #3c6a3c; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15); box-sizing: border-box; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #ga_expe .map_box .directions span { display: table-cell; vertical-align: middle; width: 100%; font-size: 0.88em; letter-spacing: -0.03em; color: #fff; text-align: center; line-height: 1; } #ga_expe .map_box .directions span:before { content: ""; display: block; margin: 0 auto 0.3em; width: 1.285em; height: 1.142em; background: url(../../../images/site/kor/content/ga_expe_img33.svg) no-repeat center center; background-size: 100% auto; } #ga_expe .map_box .directions:before { animation-name: directions_ani; -webkit-animation-duration: 2s; -webkit-animation-fill-mode: forwards; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-duration: 2s; animation-fill-mode: forwards; animation-timing-function: linear; animation-iteration-count: infinite; transform-origin: left top; } @-webkit-keyframes directions_ani { 0%, 100% { transform: scale(1) translate(-50%, -50%); } 50% { transform: scale(1.2) translate(-50%, -50%); } } #ga_expe .map_box > div { position: relative; border: 1px solid #dedede; box-sizing: border-box; } #ga_expe .map_box .photo_box { border: none; } #ga_expe .map_box .photo_box > span { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; } #ga_expe .map_box .photo_box > span:first-of-type { z-index: 1; } #ga_expe .map_box .photo_box > span span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #ga_expe .map_box .photo_box > span span { display: block; text-indent: -9999px; box-sizing: border-box; } #ga_expe .con_ind.in_box li span { margin-top: 0; padding: 10.825em 1em 0.825em; overflow: hidden; border-radius: 10px; -webkit-border-radius: 10px; } #ga_expe .con_ind.in_box li span:before { top: 0; } #ga_expe .con_ind.in_box li span:hover:before { transform: scale(1.1); overflow: hidden; transition: all 0.2s linear; } @media screen and (min-width: 1025px) { #ga_expe .map_box .photo_box > span:nth-of-type(1) span:nth-child(1) { width: 1.375em; height: 1px; border-top: 2px dotted #0e408a; transform: translate(270%, 3500%); } #ga_expe .map_box .photo_box > span:nth-of-type(1) span:nth-child(1):after { content: ""; display: block; position: absolute; top: -3px; left: 0; width: 100%; height: 4px; z-index: 4; background-color: #fff; transform: rotate(180deg); } #ga_expe .map_box .photo_box > span:nth-of-type(1) span:nth-child(2) { width: 1.375em; height: 1px; border-top: 2px dotted #0e408a; transform: translate(270%, 4200%); } #ga_expe .map_box .photo_box > span:nth-of-type(1) span:nth-child(2):after { content: ""; display: block; position: absolute; top: -3px; left: 0; width: 100%; height: 3px; z-index: 4; background-color: #fff; } #ga_expe .map_box .photo_box > span:nth-of-type(1) span:nth-child(3) { width: 1px; height: 2.8125em; border-left: 2px dotted #0e408a; transform: translate(2960%, 57%); } #ga_expe .map_box .photo_box > span:nth-of-type(1) span:nth-child(3):after { content: ""; display: block; position: absolute; top: 1px; left: -3px; width: 4px; height: 100%; z-index: 4; background-color: #fff; } #ga_expe .map_box .photo_box > span:nth-of-type(1) span:nth-child(4) { width: 1px; height: 2.8125em; border-left: 2px dotted #0e408a; transform: translate(2960%, 186%) rotate(-180deg); } #ga_expe .map_box .photo_box > span:nth-of-type(1) span:nth-child(4):after { content: ""; content: ""; display: block; position: absolute; top: 0; left: -3px; width: 4px; height: 100%; z-index: 4; background-color: #fff; transform: rotate(180deg); } #ga_expe .map_box .photo_box > span:nth-of-type(1) span:nth-child(5) { width: 3.8125em; height: 1px; border-top: 2px dotted #0e408a; transform: translate(0%, 1260%); } #ga_expe .map_box .photo_box > span:nth-of-type(1) span:nth-child(5):after { content: ""; display: block; position: absolute; top: -5px; left: 0; width: 100%; height: 10px; z-index: 4; background-color: #fff; } #ga_expe .map_box .photo_box > span:nth-of-type(1) span:nth-child(6) { width: 3.8125em; height: 1px; border-top: 2px dotted #0e408a; transform: translate(0%, 6350%); } #ga_expe .map_box .photo_box > span:nth-of-type(1) span:nth-child(6):after { content: ""; display: block; position: absolute; top: -5px; left: 0; width: 100%; height: 10px; z-index: 4; background-color: #fff; } #ga_expe .map_box .photo_box > span:nth-of-type(1) span:nth-child(7) { width: 8px; height: 8px; border-right: 8px solid #0e408a; border-top: 4px solid transparent; border-bottom: 4px solid transparent; transform: translate(0%, 270%); } #ga_expe .map_box .photo_box > span:nth-of-type(1) span:nth-child(8) { width: 8px; height: 8px; border-right: 8px solid #0e408a; border-top: 4px solid transparent; border-bottom: 4px solid transparent; transform: translate(0%, 1545%); } #ga_expe .map_box .photo_box > span:nth-of-type(1) span:nth-child(9) { width: 18px; height: 18px; background-color: #0e408a; border-radius: 50%; -webkit-border-radius: 50%; text-indent: 0; color: transparent; box-sizing: border-box; transform: translate(280%, 660%); } #ga_expe .map_box .photo_box > span:nth-of-type(1) span:nth-child(9):before { content: "1"; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; color: #fff; z-index: 1; line-height: 1; text-align: center; font-size: 0.8em; line-height: 1.4; } #ga_expe .map_box .photo_box > span:nth-of-type(2) span:nth-child(1) { width: 1.8125em; height: 1px; border-top: 2px solid #067c06; transform: translate(184%, 3820%); } #ga_expe .map_box .photo_box > span:nth-of-type(2) span:nth-child(1):after { content: ""; display: block; position: absolute; top: -3px; left: 0; width: 100%; height: 5px; z-index: 4; background-color: #fff; } #ga_expe .map_box .photo_box > span:nth-of-type(2) span:nth-child(2) { width: 1px; height: 2.875em; border-left: 2px solid #067c06; transform: translate(2650%, 71%); } #ga_expe .map_box .photo_box > span:nth-of-type(2) span:nth-child(2):after { content: ""; display: block; position: absolute; top: 1px; left: -3px; width: 4px; height: 100%; z-index: 4; background-color: #fff; } #ga_expe .map_box .photo_box > span:nth-of-type(2) span:nth-child(3) { width: 1.1875em; height: 1px; border-top: 2px solid #067c06; transform: translate(190%, 1630%); } #ga_expe .map_box .photo_box > span:nth-of-type(2) span:nth-child(3):after { content: ""; display: block; position: absolute; top: -3px; left: 0; width: 100%; height: 5px; background-color: #fff; } #ga_expe .map_box .photo_box > span:nth-of-type(2) span:nth-child(4) { width: 1px; height: 3.125em; border-left: 2px solid #067c06; transform: translate(1790%, -31%); } #ga_expe .map_box .photo_box > span:nth-of-type(2) span:nth-child(4):after { content: ""; display: block; position: absolute; top: -0.5px; left: -6px; width: 10px; height: 100%; z-index: 4; background-color: #fff; } #ga_expe .map_box .photo_box > span:nth-of-type(2) span:nth-child(5) { width: 18px; height: 18px; background-color: #067c06; border-radius: 50%; -webkit-border-radius: 50%; text-indent: 0; color: transparent; box-sizing: border-box; transform: translate(160%, 5%); } #ga_expe .map_box .photo_box > span:nth-of-type(2) span:nth-child(5):before { content: "2"; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; color: #fff; z-index: 1; line-height: 1; text-align: center; font-size: 0.8em; line-height: 1.4; } #ga_expe .map_box .photo_box > span:nth-of-type(2) span:nth-child(6) { width: 8px; height: 8px; border-bottom: 8px solid #067c06; border-left: 4px solid transparent; border-right: 4px solid transparent; transform: translate(400%, -200%); } [data-steps="10"] #ga_expe .map_box .photo_box > span span:after { -webkit-animation-duration: 0.5s; -webkit-animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-duration: 0.5s; animation-fill-mode: forwards; animation-timing-function: linear; } [data-steps="10"] #ga_expe .map_box .photo_box > span:nth-of-type(1) span:nth-child(1):after, [data-steps="10"] #ga_expe .map_box .photo_box > span:nth-of-type(1) span:nth-child(2):after { animation-name: photo_box_ani01_left; } [data-steps="10"] #ga_expe .map_box .photo_box > span:nth-of-type(1) span:nth-child(3):after { animation-name: photo_box_ani01_top; animation-delay: 0.5s; } [data-steps="10"] #ga_expe .map_box .photo_box > span:nth-of-type(1) span:nth-child(4):after { animation-name: photo_box_ani01_top; animation-delay: 0.5s; } #ga_expe .map_box .photo_box > span:nth-of-type(1) span:nth-child(7), #ga_expe .map_box .photo_box > span:nth-of-type(1) span:nth-child(8) { opacity: 0; animation-name: photo_box_ani01_opacity; animation-delay: 0.5s; } [data-steps="10"] #ga_expe .map_box .photo_box > span:nth-of-type(1) span:nth-child(5):after, [data-steps="10"] #ga_expe .map_box .photo_box > span:nth-of-type(1) span:nth-child(6):after { animation-name: photo_box_ani01_left; animation-delay: 1s; } [data-steps="10"] #ga_expe .map_box .photo_box > span:nth-of-type(2) span:nth-child(1):after { animation-name: photo_box_ani01_left; animation-delay: 2s; } [data-steps="10"] #ga_expe .map_box .photo_box > span:nth-of-type(2) span:nth-child(2):after { animation-name: photo_box_ani01_top; animation-delay: 2.5s; } [data-steps="10"] #ga_expe .map_box .photo_box > span:nth-of-type(2) span:nth-child(3):after { animation-name: photo_box_ani01_left; animation-delay: 3s; } [data-steps="10"] #ga_expe .map_box .photo_box > span:nth-of-type(2) span:nth-child(4):after { animation-name: photo_box_ani01_top; animation-delay: 3.5s; } #ga_expe .map_box .photo_box > span:nth-of-type(2) span:nth-child(6) { opacity: 0; animation-name: photo_box_ani01_opacity; animation-delay: 3.5s; } @-webkit-keyframes photo_box_ani01_left { 0% { width: 100%; } 100% { width: 0; } } @-webkit-keyframes photo_box_ani01_top { 0% { height: 100%; } 100% { height: 0; } } @-webkit-keyframes photo_box_ani01_bottom { 0% { height: 100%; } 100% { height: 0; } } @-webkit-keyframes photo_box_ani01_opacity { 0% { opacity: 0; } 100% { opacity: 1; } } #ga_expe .map_box > div { width: calc(100% - 37.125em - 1em); } #ga_expe .map_box .photo_box { margin-left: 1em; } #ga_expe .b_line .con_ind li { transform: translateY(3em); transition: all 0.2s linear; } #ga_expe .b_line .con_ind li:nth-child(2) { transition-delay: 0.1s; } #ga_expe .b_line .con_ind li:nth-child(3) { transition-delay: 0.2s; } [data-steps="3"] #ga_expe .b_line .con_ind li, [data-steps="4"] #ga_expe .b_line .con_ind li, [data-steps="5"] #ga_expe .b_line .con_ind li, [data-steps="6"] #ga_expe .b_line .con_ind li, [data-steps="7"] #ga_expe .b_line .con_ind li, [data-steps="8"] #ga_expe .b_line .con_ind li, [data-steps="9"] #ga_expe .b_line .con_ind li, [data-steps="10"] #ga_expe .b_line .con_ind li { transform: translateY(0em); } #ga_expe .con_ind.in_box li { transform: translateY(3em); transition: all 0.2s linear; } #ga_expe .con_ind.in_box li:nth-child(2) { transition-delay: 0.1s; } #ga_expe .con_ind.in_box li:nth-child(3) { transition-delay: 0.2s; } #ga_expe .con_ind.in_box li:nth-child(5) { transition-delay: 0.1s; } #ga_expe .con_ind.in_box li:nth-child(6) { transition-delay: 0.2s; } [data-steps="5"] #ga_expe .con_ind.in_box li:nth-child(1), [data-steps="5"] #ga_expe .con_ind.in_box li:nth-child(2), [data-steps="5"] #ga_expe .con_ind.in_box li:nth-child(3), [data-steps="6"] #ga_expe .con_ind.in_box li:nth-child(1), [data-steps="6"] #ga_expe .con_ind.in_box li:nth-child(2), [data-steps="6"] #ga_expe .con_ind.in_box li:nth-child(3), [data-steps="7"] #ga_expe .con_ind.in_box li:nth-child(1), [data-steps="7"] #ga_expe .con_ind.in_box li:nth-child(2), [data-steps="7"] #ga_expe .con_ind.in_box li:nth-child(3), [data-steps="8"] #ga_expe .con_ind.in_box li:nth-child(1), [data-steps="8"] #ga_expe .con_ind.in_box li:nth-child(2), [data-steps="8"] #ga_expe .con_ind.in_box li:nth-child(3), [data-steps="9"] #ga_expe .con_ind.in_box li:nth-child(1), [data-steps="9"] #ga_expe .con_ind.in_box li:nth-child(2), [data-steps="9"] #ga_expe .con_ind.in_box li:nth-child(3), [data-steps="10"] #ga_expe .con_ind.in_box li:nth-child(1), [data-steps="10"] #ga_expe .con_ind.in_box li:nth-child(2), [data-steps="10"] #ga_expe .con_ind.in_box li:nth-child(3) { transform: translateY(0em); } [data-steps="6"] #ga_expe .con_ind.in_box li:nth-child(4), [data-steps="6"] #ga_expe .con_ind.in_box li:nth-child(5), [data-steps="6"] #ga_expe .con_ind.in_box li:nth-child(6), [data-steps="7"] #ga_expe .con_ind.in_box li:nth-child(4), [data-steps="7"] #ga_expe .con_ind.in_box li:nth-child(5), [data-steps="7"] #ga_expe .con_ind.in_box li:nth-child(6), [data-steps="8"] #ga_expe .con_ind.in_box li:nth-child(4), [data-steps="8"] #ga_expe .con_ind.in_box li:nth-child(5), [data-steps="8"] #ga_expe .con_ind.in_box li:nth-child(6), [data-steps="9"] #ga_expe .con_ind.in_box li:nth-child(4), [data-steps="9"] #ga_expe .con_ind.in_box li:nth-child(5), [data-steps="9"] #ga_expe .con_ind.in_box li:nth-child(6), [data-steps="10"] #ga_expe .con_ind.in_box li:nth-child(4), [data-steps="10"] #ga_expe .con_ind.in_box li:nth-child(5), [data-steps="10"] #ga_expe .con_ind.in_box li:nth-child(6) { transform: translateY(0em); } } [data-scroll="scroll"] { overflow: auto; height: 15em; padding: 2.33em; border: 1px solid #e5e7ee; box-sizing: border-box; } .ui-dialog:focus { border: 2px solid black !important; } #ga_educ .link_wrap:nth-child(2) .link_table .go_link i:before, #ga_educ .link_wrap:nth-child(3) .link_table .go_link i:before { display: none; } /* ============================================================ * 파일명 : content.css * 최종수정 : 2023.09 * 작업 컨텐츠 : 뉴스 분석 * ============================================================ */ /* ============================================================ * skin * ============================================================ */ /* tip txt */ [data-inform="tip"] { display: block; position: relative; padding-left: 1.6em; font-size: 14px; color: #3c6a3c; font-weight: 400; } [data-inform="tip"]::before { content: ""; position: absolute; top: 1px; left: 0; width: 18px; height: 18px; background-image: url(../../../images/site/skin/icon_tip.png); background-repeat: no-repeat; background-position: center; background-size: contain; } /* #news_analyze{} */ #news_analyze .top_box { display: flex; align-items: flex-start; gap: 1.875em; max-height: 51.81em; } #news_analyze .top_box .top_left_box { width: calc((100% - 1.875em) / 2); } #news_analyze .chart_tit { display: flex; align-items: center; justify-content: space-between; gap: 2em; } #news_analyze .tooltip { font-size: 1.5em; color: #555; font-weight: 700; letter-spacing: -2px; } #news_analyze .chart_option_box { display: flex; align-items: flex-end; justify-content: space-between; margin-top: 0.5em; } #news_analyze .chart_option_box > p { font-size: 14px; color: #555; font-weight: 400; } #news_analyze .chart_option_box > p span.sido_news_total, #news_analyze .chart_option_box > p .news_coverage_count { color: #3c6a3c; } #news_analyze .chart_option_box .form_box { display: flex; gap: 0.625em; } #news_analyze .chart_option_box .form_box [data-type="input-btn"] { width: 2.5em; height: 2.5em; border: none; border-radius: 10px; background-color: #3c6a3c; background-image: url(../../../images/site/kor/layout/svg_icon_1.svg); background-repeat: no-repeat; background-position: center center; background-size: 80% auto; cursor: pointer; } #news_analyze #map_wrap { overflow: hidden; position: relative; margin-top: 0.75em; border-radius: 10px; box-shadow: 1px 0 5px rgba(0, 0, 0, 0.35); } #news_analyze #map_wrap .map_legend { right: 1em; left: auto; bottom: 1em; } #news_analyze .top_box .top_right_box { display: flex; flex-direction: column; width: calc((100% - 1.875em) / 2); } #news_analyze .top_box .top_right_box .table { background-color: #fff; border: none; } #news_analyze .top_box .top_right_box .table:nth-of-type(1) { margin-top: 0.5em; } #news_analyze .top_box .top_right_box .table + .table { margin-top: 3px; } #news_analyze .top_box .top_right_box .table th { height: auto; border-top: 2px solid #3d6b3d; } #news_analyze .top_box .top_right_box .table th, #news_analyze .top_box .top_right_box .table td { padding: 0.2em; } #news_analyze .top_box .top_right_box .table .lastMonthList .lastMonth, #news_analyze .top_box .top_right_box .table .thisMonthList .thisMonth { padding-top: 0.5em; font-size: 1.875em; color: #fff; font-weight: 500; vertical-align: top; background-image: url(../../../images/site/skin/icon_table_th_bg.png); background-repeat: no-repeat; background-position: 2.6em 2em; } #news_analyze .top_box .top_right_box .table .lastMonthList .lastMonth { background-color: #00a000; border-color: #00a000; } #news_analyze .top_box .top_right_box .table .thisMonthList .thisMonth { background-color: #3c6a3c; } #news_analyze .top_box .top_right_box .table td[class^="compare"] { background-position: 45%; text-align: left !important; } #news_analyze .top_box .top_right_box .table td.hit { text-align: left; color: #fa4b42; } #news_analyze .top_box .top_right_box .wordCloud { margin-top: 0.6em; } #news_analyze .top_box .top_right_box .wordCloud + .boxSetting { width: 100%; height: 21.5em; margin-top: 0.65em; border: 1px solid #e2e2e2; } #news_analyze .bottom_box { display: flex; align-items: flex-start; gap: 1.875em; margin-top: 2.5em; } #news_analyze .bottom_box > div { width: calc((100% - 1.875em) / 2); } #news_analyze .bottom_box .newsPress .pressSmallBox { overflow: auto; position: relative; height: 5.31em; margin-top: 0.5em; margin-bottom: 1em; border: 1px solid #e2e2e2; } #news_analyze .bottom_box .newsPress .pressSmallBox .press_count_list { display: flex; align-items: center; flex-wrap: wrap; } #news_analyze .bottom_box .newsPress .pressSmallBox .press_count_list li { width: calc(100% / 4); height: 2.65em; padding-top: 0 !important; border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; box-sizing: border-box; } #news_analyze .bottom_box .newsPress .pressSmallBox .press_count_list li.on { border-top: 3px solid #3c6a3c; } #news_analyze .bottom_box .newsPress .pressSmallBox .press_count_list li a { display: block; width: 100%; height: 100%; } #news_analyze .bottom_box .newsPress .pressSmallBox .press_count_list li a > div { display: flex !important; align-items: center; justify-content: center; text-align: center; width: 100% !important; height: 100% !important; } #news_analyze .bottom_box .newsPress .pressSmallBox .press_count_list li:hover #newsList #newsNm { background-color: transparent !important; } #news_analyze .bottom_box .newsPress .pressSmallBox .press_count_list li.on span { font-weight: 500; } #news_analyze .bottom_box .newsPress .pressSmallBox .press_count_list li span:nth-child(2) { margin-left: 3px; color: #3c6a3c; } #news_analyze .bottom_box .newsPress .pressBox { overflow: auto; position: relative; height: 25.56em; margin-top: 0.6em; border: 1px solid #e2e2e2; box-sizing: border-box; border-radius: 10px; } #news_analyze .bottom_box .newsPress .pressBox .press_list li { padding-left: 20px !important; } #news_analyze .bottom_box .newsPress .pressBox .press_list li p { width: 120px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; } #news_analyze .bottom_box .newsPress .pressBox .press_list li span { transform: translate(15px, -113px) !important; background-color: #00a000 !important; border-radius: 7px; } /* #72b66b */ #news_analyze .bottom_box .newsPress .pressBox.type_02 { position: relative; height: 19.375em; overflow-y: scroll; border: 1px solid #e2e2e2; box-sizing: border-box; border-radius: 10px; } #news_analyze .bottom_box .newsPress .pressBox.type_02 .gray_bar { width: calc(100% - 2.75em) !important; left: 0; right: 0; margin: 0 auto; } #news_analyze .bottom_box .newsPress .pressBox.type_02 .tab_all { padding: 1.375em 1.375em 1.125em; } #news_analyze .bottom_box .newsPress .pressBox.type_02 .tab_all .tab_tit { color: #555; font-weight: 500; } #news_analyze .bottom_box .newsPress .pressBox.type_02 .tab_all .tab_add span { font-weight: 500 !important; } #news_analyze .bottom_box .newsPress .pressBox.type_02 .tab_all .tab_add span:not(:first-child) { color: #555; } #news_analyze .bottom_box .newsCoverage .boxSetting { overflow: hidden; height: 25.56em; margin-top: 0.75em; } @media all and (max-width: 1024px) { #news_analyze .top_box { flex-wrap: wrap; max-height: 100%; } #news_analyze .top_box .top_left_box { width: 100%; } #news_analyze .top_box .top_right_box { width: 100%; } #news_analyze .bottom_box { flex-wrap: wrap; } #news_analyze .bottom_box > div { width: 100%; } /* 231031 mobile scroll add */ #news_analyze #sido_pieChart_container { overflow-x: auto !important; } #news_analyze #sg_pieChart_container { overflow-x: auto !important; } #news_analyze #wordcloud-container { overflow-x: auto !important; } #news_analyze #network-container { overflow-x: auto !important; } } @media all and (max-width: 640px) { #news_analyze .top_box { margin-top: 3em; } } @media all and (max-width: 450px) { #news_analyze .chart_tit { flex-wrap: wrap; gap: 1em; } #news_analyze .chart_option_box { flex-wrap: wrap; } #news_analyze .top_box .top_right_box .table #this_keywords colgroup col:first-child { width: 80px !important; } #news_analyze .top_box .top_right_box .table #last_keywords colgroup col:first-child { width: 80px !important; } #news_analyze .top_box .top_right_box .table .lastMonthList .lastMonth, #news_analyze .top_box .top_right_box .table .thisMonthList .thisMonth { font-size: 1.6em; background-position: 0.6em 2.4em; background-size: 80%; } } /*layout.css*/ body, h1, h2, h3, h4, h5, h6, th, td, input, select, textarea { line-height: 1.5; font-size: 16px; } body { position: relative; width: 100%; } body.fixed { position: fixed; } .js_mobile_check { display: none; } .user #wrap { position: relative; overflow-x: hidden; } .user .layout { position: relative; max-width: 1240px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; } .user .layout:after { content: ""; display: block; clear: both; } .user #slide_map * { box-sizing: border-box; } .user #slide_map { opacity: 0; overflow: hidden; display: none; position: fixed; z-index: 800; width: 100%; height: 100%; top: 0; right: -100%; box-sizing: border-box; } .user #slide_map:before { content: ""; display: block; position: absolute; right: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); } .user #slide_map .inner { position: absolute; right: -27.5em; top: 0; z-index: 100; width: 100%; max-width: 27.5em; height: 100%; margin: 0; background: #fff no-repeat bottom left; box-sizing: border-box; -webkit-transition: right 0.3s ease; transition: right 0.3s ease; } .user #slide_map .inner .binds { overflow: auto; max-width: 1400px; margin: 0 auto; height: 100%; background: #fff; } .user #slide_map .inner .binds .side_link { height: 4.375em; line-height: 4.375em; padding-left: 2em; border-bottom: 1px solid #e8e8e8; box-sizing: border-box; } .user #slide_map .inner .binds .side_link:after, .user #slide_map .inner .binds .side_link > ul:after { content: ""; display: block; clear: both; } .user #slide_map .inner .binds .side_link > ul { float: left; } .user #slide_map .inner .binds .side_link > ul > li { float: left; position: relative; } .user #slide_map .inner .binds .side_link > ul > li.ad_menu { display: none; } .user #slide_map .inner .binds .side_link > ul > li:last-child { padding-left: 2em; } .user #slide_map .inner .binds .side_link > ul > li:nth-child(n + 2):before { content: ""; display: block; position: absolute; left: 1em; top: 50%; width: 1px; height: 0.5em; background-color: #c4c4c4; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .user #slide_map .inner .binds .side_link > ul > li > a { text-transform: uppercase; font-size: 0.9em; color: #222; } .user #slide_map .inner .binds .side_link > ul > li:nth-last-child(2) > a { color: #3c6a3c; } .user #slide_map .inner .binds > ul { position: relative; z-index: 10; height: auto; min-height: calc(100% - 4.375em); background-color: #3c6a3c; } .user #slide_map .inner .binds > ul > li { border-bottom: 1px solid rgba(255, 255, 255, 0.2); width: auto; float: none; padding: 0; box-sizing: border-box; } .user #slide_map .inner .binds > ul > li:last-child { border-bottom: none; } .user #slide_map .inner .binds > ul > li > a { display: block; width: 35%; padding: 1.5em 0.5em; position: relative; font-weight: 500; text-align: center; text-decoration: none; color: #fff; } .user #slide_map .inner .binds > ul > li > a.on { color: #222; background-color: #fff; } .user #slide_map .inner .binds > ul > li > a > span { font-size: 1.125em; } .user #slide_map .inner .binds > ul > li > ul { display: none; position: absolute; right: 0; top: 0; width: 65%; height: 100%; margin-top: 0; padding: 0; background: #fff; box-sizing: border-box; } .user #slide_map .inner .binds > ul > li > ul > li { margin-top: 0; padding: 0 1.125em; } .user #slide_map .inner .binds > ul > li > ul > li:first-child { border-top: 0; } .user #slide_map .inner .binds > ul > li > ul > li:last-child { border-bottom: 0; } .user #slide_map .inner .binds > ul > li > ul > li > a { display: block; position: relative; padding: 1.594em 1em; text-decoration: none !important; border-bottom: 1px solid #e8e8e8; color: #555; } .user #slide_map .inner .binds > ul > li > ul > li > a.child:before, .user #slide_map .inner .binds > ul > li > ul > li > a.child:after { content: ""; display: block; position: absolute; right: 1em; top: calc(50% - 1px); width: 0.9em; height: 2px; background-color: #c4c4c4; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .user #slide_map .inner .binds > ul > li > ul > li > a.child:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .user #slide_map .inner .binds > ul > li > ul > li > a.child.on:after { background-color: #3c6a3c; -webkit-transform: rotate(0deg); transform: rotate(0deg); } .user #slide_map .inner .binds > ul > li > ul > li > a.child.on { font-weight: 500; border-color: #3c6a3c; color: #3c6a3c; } .user #slide_map .inner .binds > ul > li > ul > li > a > span { font-size: 1.0625em; } .user #slide_map .inner .binds > ul > li > ul > li > ul { padding: 1.1em 1em; width: 100%; margin-left: 0; border: 0; background: #f2f2f2; } .user #slide_map .inner .binds > ul > li > ul > li > ul > li { position: relative; border: 0; } .user #slide_map .inner .binds > ul > li > ul > li > ul > li:nth-child(n + 2) { margin-top: 0.3em; } .user #slide_map .inner .binds > ul > li > ul > li > ul > li > a { padding-left: 0.8em; color: #555; } .user #slide_map .inner .binds > ul > li > ul > li > ul > li > a:before { content: ""; display: block; position: absolute; left: 0; top: 0.6em; width: 0.3em; height: 0.3em; background-color: #3c6a3c; -webkit-border-radius: 50%; border-radius: 50%; } .user #slide_map .inner .binds > ul > li > ul > li > ul > li > a.on { text-decoration: underline; } .user #slide_map .inner .binds > ul > li > ul > li > ul > li > a > span { font-size: 0.9375em; } .user #slide_map .inner .binds > ul > li > a.on + ul { display: block !important; overflow-y: auto; } .user #slide_map .inner > a[data-js="allmenu_btn_open"] { display: block; position: absolute; right: 1em; top: 1.3em; width: 2em; height: 2em; } .user #slide_map .inner > a[data-js="allmenu_btn_open"] > span { overflow: hidden; display: block; width: 100%; height: 100%; text-indent: -1000px; background-image: url(../../../images/site/kor/layout/svg_icon_8.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: transform 0.3s ease; transition: transform 0.3s ease; } .user #slide_map .inner > a[data-js="allmenu_btn_open"]:hover > span { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .user.fixed #slide_map { display: none; opacity: 1; right: 0; } .user.mobile #slide_map .nono { display: none; } #wrap .layout { max-width: calc(1200px + 4em); padding: 0 2em; margin: 0 auto; } #header { position: relative; left: 0; top: 0; z-index: 3; width: 100%; height: 8.1875em; } #header h1 { position: absolute; left: 2em; top: calc(2.5em + 1em); z-index: 999; width: 192px; height: 51px; background-image: url(../../../images/site/kor/layout/logo.svg); background-repeat: no-repeat; background-position: center center; background-size: auto 100%; } #header h1 a { overflow: hidden; display: block; width: 100%; height: 100%; text-decoration: none; text-indent: -1000px; } #header > .line_1 { height: 2.5em; border-bottom: 1px solid #e5e5e5; z-index: 4; } #header > .line_1 .layout { z-index: 4; } #header > .line_1 .layout, #header > .line_1 .layout > ul, #header > .line_1 .layout > ul > li { height: 100%; } #header > .line_1 .layout:after, #header > .line_1 .layout > ul:after { content: ""; display: block; clear: both; } #header > .line_1 .layout > ul { float: right; } #header > .line_1 .layout > ul > li { float: left; line-height: 2.5em; border-left: 1px solid #e5e5e5; } #header > .line_1 .layout > ul > li:last-child { border-left: none; } #header > .line_1 .layout > ul > li > a:not([data-js]) { display: block; padding: 0 2em; text-decoration: none; font-size: 0.9em; color: #666; } #header > .line_1 .layout > ul > li > a[data-js] { display: block; position: relative; width: 2.5em; height: 2.5em; background-color: #643c00; background-image: url(../../../images/site/kor/layout/svg_icon_1.svg); background-repeat: no-repeat; background-position: center center; background-size: 80% auto; } #header > .line_1 .layout > ul > li > a[data-js] > span { overflow: hidden; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-indent: -1000px; text-align: left; } #header > .line_1 .layout > ul > li.ad_menu > a { position: relative; padding-right: 3em; } #header > .line_1 .layout > ul > li.ad_menu > a.on { color: #643c00; font-weight: 500; } #header > .line_1 .layout > ul > li.ad_menu > a:before { content: ""; position: absolute; top: 50%; right: 1em; display: block; width: 1em; height: 1em; background: url(../../../images/site/kor/layout/svg_ad_menu.svg) no-repeat center center; transform: translateY(-50%); -webkit-transform: translateY(-50%); } #header > .line_1 .layout > ul > li.ad_menu > a.on:before { background: url(../../../images/site/kor/layout/svg_ad_menuon.svg) no-repeat center center; } #header > .line_1 .layout > ul > li.ad_menu ul { position: relative; display: none; border: 1px solid #e5e5e5; background-color: #fff; font-size: 0.9em; box-sizing: border-box; } #header > .line_1 .layout > ul > li.ad_menu ul li { position: relative; padding: 0 0.5em; border-bottom: 1px solid #e5e5e5; box-sizing: border-box; text-align: center; } #header > .line_1 .layout > ul > li.ad_menu ul li:last-child { border-bottom: 0; } #header > .line_1 .layout > ul > li.ad_menu ul li a { display: inline-block; font-size: 0.9em; color: #666; text-decoration: none; } #header > .line_1 .layout > ul > li.ad_menu ul li:hover a { color: #643c00; } #header > .line_2 { height: 5.625em; } #header #nav { overflow: visible !important; width: 100%; height: auto; height: 5.625em; position: relative; z-index: 3; background-color: #fff; } #header #nav:after { content: ""; display: block; clear: both; } #header #nav #blind { width: 100%; background: #fff; position: absolute; left: 0; top: 5.625em; z-index: 1; box-sizing: border-box; opacity: 1; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2); } #header #nav #blind:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background-color: #e5e5e5; } #header #nav #gnb { opacity: 0; width: auto; max-width: 1200px; box-sizing: border-box; margin: 0 auto; position: relative; z-index: 10; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } #header #nav #gnb > ul { width: 100%; height: auto; padding-left: 15em; text-align: right; box-sizing: border-box; } #header #nav #gnb > ul:after { content: ""; display: block; clear: both; } #header #nav #gnb > ul > li { float: left; position: relative; width: calc((100% - 1px) / 7); display: inline-block; text-align: center; } #header #nav #gnb > ul > li:last-child { display: none; } #header #nav #gnb > ul > li > a { display: inline-block; position: relative; line-height: 5em; height: 5em; text-decoration: none; text-align: left; font-weight: 500; font-size: 1.125em; color: #222; } #header #nav #gnb > ul > li > a { transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } #header #nav #gnb > ul > li > a > span { display: inline-block; position: relative; } #header #nav #gnb > ul > li > a > span:before { opacity: 0; content: ""; display: block; position: absolute; right: 0; top: 50%; width: 0.5em; height: 0.5em; background-color: #643c00; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transform: translate(0, 0) scale(0); transform: translate(0, 0) scale(0); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #header #nav #gnb > ul > li > a:hover, #header #nav #gnb > ul > li > a.on { color: #643c00; } #header #nav #gnb > ul > li > a:hover > span:before { opacity: 1; -webkit-transform: translate(0.5em, -1.2em) scale(1); transform: translate(0.5em, -1.2em) scale(1); } #header #nav #gnb > ul > li > ul { width: 100%; top: 5.625em; padding: 0.5em 0.8em 1.5em; position: absolute; float: none; box-sizing: border-box; } #header #nav #gnb > ul > li > a.on + ul { background-color: #faf5f0; } #header #nav #gnb > ul > li > ul:before { content: ""; position: absolute; top: 0; right: -1px; display: block; width: 1px; height: 100%; background-color: #e5e5e5; } #header #nav #gnb > ul > li > ul.on:before { background-color: transparent; } #header #nav #gnb > ul > li:first-child > ul:after { content: ""; position: absolute; top: 0; left: 0; display: block; width: 1px; height: 100%; background-color: #e5e5e5; } #header #nav #gnb > ul > li:first-child > ul.on:after { background-color: transparent; } #header #nav #gnb > ul > li > ul > li { float: none; display: block; width: auto; text-align: left; margin-top: 3px; } #header #nav #gnb > ul > li > ul > li { text-align: left; width: 100%; } #header #nav #gnb > ul > li > ul > li:first-child { margin-top: 0; width: 100%; } #header #nav #gnb > ul > li > ul > li > a { white-space: nowrap; display: inline-block; line-height: 1.3; text-decoration: none; text-align: left; height: auto; max-width: 100%; padding: 0.5em 0; color: #222; } #header #nav #gnb > ul > li > ul > li > a:hover { font-weight: 500; color: #643c00; } #header #nav #gnb > ul > li > ul > li > a > span { position: relative; padding-right: 1.2em; line-height: 1.5; font-size: 0.9375em; box-sizing: border-box; } #header #nav #gnb > ul > li > ul > li > a[target="_blank"] span:before { content: ""; position: absolute; top: 50%; right: 0; display: block; width: 0.9em; height: 0.9em; background: url(../../../images/site/kor/layout/svg_icon_9.svg) no-repeat center center; background-size: contain; transform: translateY(-50%); -webkit-transform: translateY(-50%); } #header #nav #gnb ul li ul li ul { display: none; } #header #nav #gnb ul li ul li ul li { display: block; } #header .toputil_control { display: none; position: absolute; right: 2em; top: 50%; z-index: 71; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #header .toputil_control:after { content: ""; display: block; clear: both; } #header .toputil_control a { overflow: hidden; float: left; display: block; position: relative; width: 2.125em; height: 2.125em; text-indent: -1000px; text-decoration: none; color: #222; background-repeat: no-repeat; background-position: center center; background-size: contain; } #header .toputil_control a[data-js="search_btn_open"] { margin-right: 0.5em; background-image: url(../../../images/site/kor/layout/svg_icon_6.svg); } #header .toputil_control a[data-js="allmenu_btn_open"] { background-image: url(../../../images/site/kor/layout/svg_icon_7.svg); } #top-search { display: none; position: fixed; left: 0; top: calc(2.5em + 1px); z-index: 1000; width: 100%; height: auto; padding: 2.5em 0; background-color: rgba(255, 255, 255, 0.95); } #top-search .layout { width: calc(100% - 2em); height: auto; max-width: 20em; padding: 0 !important; font-size: 2em; } #top-search .layout .head { text-align: center; } #top-search .layout .head > strong { display: inline-block; font-size: 0.75em; color: #222; } #top-search .layout .midd input[type="text"] { display: block; position: relative; width: 100%; height: 4em; line-height: 4em; padding: 0 2.5em 0 0; font-size: 0.46875em; border: none; border-bottom: 1px solid #643c00; color: #666; background-color: transparent; } #top-search .layout .midd input[type="submit"] { overflow: hidden; position: absolute; right: 0; bottom: 0.2em; width: 1.5em; height: 1.5em; font-size: inherit; text-indent: -1000px; background-color: transparent; background-image: url(../../../images/site/kor/layout/svg_icon_1_br.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; } #top-search .close { display: block; position: absolute; right: 50%; top: 100%; width: 3em; height: 3em; margin-right: -600px; } #top-search .close > span { overflow: hidden; display: block; width: 100%; height: 100%; text-indent: -1000px; background-color: transparent; background-image: url(../../../images/site/kor/layout/svg_icon_8_w.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; } body[data-search-open="on"] #top-search { display: block; } #footer { background: #2f2f2f; position: relative; z-index: 2; } #footer > .line_1 { height: 3.1875em; } #footer > .line_1 > .layout > ul:after { content: ""; display: block; clear: both; } #footer > .line_1 > .layout > ul > li { float: left; line-height: 3.1875em; } #footer > .line_1 > .layout > ul > li:not(:last-child) { margin-right: 1.2em; } #footer > .line_1 > .layout > ul > li > a { display: block; font-size: 0.9em; color: #ccc; } #footer > .line_1 > .layout > ul > li:first-child > a { color: #72b66b; } #footer > .line_1 > .layout > ul > li > a > span { display: block; } #footer > .line_1 [data-js="select"] { position: absolute; right: 2em; top: 0; width: 13.75em; height: 3.25em; line-height: 3.25em; background-color: #383838; } #footer > .line_1 [data-js="select"] > a { display: block; width: 100%; height: 100%; text-decoration: none; font-size: 0.9em; color: #fff; } #footer > .line_1 [data-js="select"] > a:before, #footer > .line_1 [data-js="select"] > a:after { content: ""; display: block; position: absolute; right: 1em; top: 50%; width: 1em; height: 1px; background-color: #fff; } #footer > .line_1 [data-js="select"] > a:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: transform 0.3s ease; transition: transform 0.3s ease; } #footer > .line_1 [data-js="select"] > a > strong { display: block; width: 100%; height: 100%; padding: 0 1.25em; font-weight: 400; box-sizing: border-box; } #footer > .line_1 [data-js="select"] > ul { display: none; position: absolute; overflow: auto !important; left: 0; bottom: 100%; width: 100%; max-height: 10em; background-color: #686868; } #footer > .line_1 [data-js="select"] > ul > li:nth-child(n + 2) { border-top: 1px solid #fff; } #footer > .line_1 [data-js="select"] > ul > li > a, #footer > .line_1 [data-js="select"] > ul > li > a > span { display: block; width: 100%; height: 100%; box-sizing: border-box; } #footer > .line_1 [data-js="select"] > ul > li > a { text-decoration: none; color: #fff; } #footer > .line_1 [data-js="select"] > ul > li > a:hover { background-color: rgba(255, 255, 255, 0.2); } #footer > .line_1 [data-js="select"] > ul > li > a > span { padding: 0 1em; } #footer > .line_1 [data-js="select"][data-open="on"] > ul { display: block; } #footer > .line_1 [data-js="select"][data-open="on"] > a:after, #footer > .line_1 [data-js="select"] > a.on:after { -webkit-transform: rotate(0deg); transform: rotate(0deg); } #footer > .line_2 { padding: 2em 0; border-top: 1px solid #464646; } #footer > .line_2 address, #footer > .line_2 .copy { display: block; line-height: 1.5; margin: 0; font-style: normal; font-size: 0.875em; color: #999; margin-left: 14em; padding-right: 7em; box-sizing: border-box; } #footer > .line_2 > .layout { padding-left: calc(2em + (5.25em * 2) + 1em); } #footer > .line_2 > .layout > [data-icon] { position: absolute; top: 0; width: 5.25em; height: 2.625em; background-repeat: no-repeat; background-position: center center; background-size: contain; } #footer > .line_2 > .layout > [data-icon="logo1"] { width : 9.25em; height : 2.625em; padding-right : 20px; left: 2em; background-image: url(../../../images/site/kor/layout/climate_and_energy_logo_new.png); } #footer > .line_2 > .layout > [data-icon="logo2"] { left: 19.8em; background-image: url(../../../images/site/kor/layout/logo2.svg); } #footer > .line_2 > .layout > [data-icon="logo3"] { left: 12.25em; width: 7.5em; background-image: url(../../../images/site/kor/layout/logo3.svg); } #footer > .line_2 > .layout > [data-icon] > span { overflow: hidden; display: block; width: 100%; height: 100%; text-indent: -1000px; } #footer > .line_2 > .layout > a { position: absolute; top: -0.5em; right: 2em; display: block; width: 4.875em; height: 3.5em; background: url(../../../images/site/kor/layout/WA_Mark.png) no-repeat center center; background-size: 100% auto; } #footer > .line_2 > .layout > a span { display: block; width: 100%; height: 100%; text-indent: -9999px; } .floating_top { position: fixed; right: 5%; bottom: 0; z-index: 2; display: none; padding: 0; width: 100%; height: auto; font-size: 0.95em; transition: all 0.3s ease; } .floating_top a { position: absolute; right: 0; top: 0; display: block; width: 5.26em; height: 5.26em; padding-top: 2.5em; background-color: #994e00; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25); color: #fff; text-align: center; text-decoration: none; box-sizing: border-box; border-radius: 50%; -webkit-border-radius: 50%; } .floating_top a:before { content: ""; position: absolute; top: 50%; left: 50%; display: block; width: 1em; height: 1em; background: url(../../../images/site/kor/layout/top_btn_ico.svg) no-repeat center center; transform: translate(-50%, -140%); } .floating_top a:hover:before { animation: top_btn 1s linear 0s infinite; } @keyframes top_btn { 0% { top: 50%; } 25% { top: 47%; } 50% { top: 50%; } 75% { top: 53%; } 100% { top: 50%; } } #sub.user #visual { display: table; table-layout: fixed; position: relative; width: 100%; height: 15.625em; background: #ddd; box-sizing: border-box; background-image: url(../../../images/site/kor/layout/bg_visual.jpg); background-size: 100% auto; background-position: center top; background-repeat: no-repeat; background-attachment: fixed; } #sub.user #visual h2.title { display: table-cell; width: 100%; line-height: 1.5; text-align: center; vertical-align: middle; font-size: 3em !important; font-weight: 600; color: #fff; } #sub.user #visual > .layout { position: absolute; left: 50%; top: 0; width: 100%; height: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } #sub.user #visual #path { position: absolute; left: 2em; top: 1em; } #sub.user #visual #path .navi:after { content: ""; display: block; clear: both; } #sub.user #visual #path .navi > li { float: left; line-height: 1.5em; } #sub.user #visual #path .navi > li:nth-child(n + 2):before { content: ""; opacity: 0.5; display: inline-block; width: 1.5em; height: 1.5em; vertical-align: top; background-image: url(../../../images/site/kor/layout/svg_icon_3.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; } #sub.user #visual #path .navi > li > a { opacity: 0.6; display: inline-block; color: #fff; } #sub.user #visual #path .navi > li:last-child > a { opacity: 1; } #sub.user #visual #path .navi > li.home { width: 1.5em; height: 1.5em; background-image: url(../../../images/site/kor/layout/svg_icon_2.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; } #sub.user #visual #path .navi > li.home > a { overflow: hidden; width: 100%; height: 100%; text-indent: -1000px; } #sub.user #visual #sns { position: absolute; right: 2em; top: 1em; } #sub.user #visual #sns > ul:after { content: ""; display: block; clear: both; } #sub.user #visual #sns > ul > li { float: left; position: relative; width: 2.25em; height: 2.25em; } #sub.user #visual #sns > ul > li:not(:last-child) { margin-right: 0.5em; } #sub.user #visual #sns > ul > li > ul > li { vertical-align: top; } #sub.user #visual #sns > ul > li > a { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: contain; } #sub.user #visual #sns > ul > li[data-icon="sns"] > a { background-image: url(../../../images/site/kor/layout/svg_icon_4.svg); } #sub.user #visual #sns > ul > li[data-icon="sns"] > a.close { display: none; background-image: url(../../../images/site/kor/layout/svg_icon_8_w.svg); background-size: 80% auto; } #sub.user #visual #sns > ul > li[data-icon="sns"] > ul { display: none; white-space: nowrap; position: absolute; right: 100%; top: 0; } #sub.user #visual #sns > ul > li[data-icon="sns"] > ul > li { display: inline-block; width: 2.25em; height: 2.25em; margin: 0; } #sub.user #visual #sns > ul > li[data-icon="sns"] > ul > li:before { display: none; } #sub.user #visual #sns > ul > li[data-icon="sns"] > ul > li > a { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: contain; } #sub.user #visual #sns > ul > li[data-icon="sns"] > ul > li.f > a { background-image: url(../../../images/site/kor/layout/facebook.svg); } #sub.user #visual #sns > ul > li[data-icon="sns"] > ul > li.t > a { background-image: url(../../../images/site/kor/layout/twitter.svg); } #sub.user #visual #sns > ul > li[data-icon="sns"] > ul > li > a > span { overflow: hidden; display: block; width: 100%; height: 100%; text-indent: -1000px; } #sub.user #visual #sns > ul > li[data-icon="sns"][data-open="on"] > a.open { display: none; } #sub.user #visual #sns > ul > li[data-icon="sns"][data-open="on"] > a.close, #sub.user #visual #sns > ul > li[data-icon="sns"][data-open="on"] > ul { display: block; } #sub.user #visual #sns > ul > li[data-icon="print"] > a { background-image: url(../../../images/site/kor/layout/svg_icon_5.svg); } #sub.user #visual #sns > ul > li > a > span { display: block; overflow: hidden; width: 100%; height: 100%; text-indent: -1000px; } #sub.user #container { position: relative; } #sub.user #container #tab { height: 4.375em; background-color: #2f452e; } #sub.user #container #tab > .layout { height: 100%; } #sub.user #container #tab ul { display: table; table-layout: fixed; width: 100%; height: 100%; } #sub.user #container #tab ul > li { display: table-cell; } #sub.user #container #tab ul > li > a { display: table; table-layout: fixed; width: 100%; height: 100%; text-decoration: none; color: #fff; } #sub.user #container #tab ul > li > a > span, #sub.user #container #tab ul > li > a > strong { display: table-cell; text-align: center; vertical-align: middle; font-weight: 400; font-size: 1.375em; } #sub.user #container #tab ul > li > a:hover, #sub.user #container #tab ul > li.on > a { color: #2f452e; background-color: #fff; } #sub.user #container #content { position: relative; width: 100%; min-height: 500px; padding: 3.125em 0 6em; box-sizing: border-box; } #txt { min-height: 37em; line-height: 1.5; font-size: 1em; } @media all and (max-width: 1260px) { #header > .line_1 .layout { padding: 0; } #top-search { top: 0; height: 100%; } #top-search .layout { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #top-search .layout > .head > strong { position: relative; font-size: 1.3em; } #top-search .layout > .head > strong:before { content: ""; display: block; position: absolute; right: calc(100% - (3.875em / 2)); bottom: 0; width: 3.875em; height: 3.75em; background-image: url(../../../images/site/kor/layout/bg_search_title.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; } #top-search .layout > .midd { margin-top: 3em; } #top-search .close { right: 1em; top: 1em; margin-right: 0; } #top-search .close > span { background-image: url(../../../images/site/kor/layout/svg_icon_8.svg); } #sub.user #visual { background-size: auto 27em; } } @media all and (max-width: 1230px) { #header #nav #gnb > ul > li > ul { padding: 1em 0.7em; } #header #nav #gnb > ul > li > a { font-size: 1.1em; height: 5.23em; line-height: 5.23em; } #header #nav #gnb > ul > li > ul > li > a { white-space: normal; } #header #nav #gnb > ul > li > ul > li > a > span { letter-spacing: -0.05em; } } @media all and (max-width: 1130px) { #header #nav #gnb > ul > li > a { font-size: 1em; height: 5.7em; line-height: 5.7em; } #header #nav #gnb > ul > li > ul { padding: 1em 0.6em; } #header #nav #gnb > ul > li > ul > li > a > span { letter-spacing: -0.15em; } #header #nav #gnb > ul > li > ul > li > a > span { padding-right: 1em; } #header #nav #gnb > ul > li > ul > li > a[target="_blank"] span:before { background-size: 75%; } } @media all and (max-width: 1024px) { .js_mobile_check { display: block; } .user #slide_map { display: block; } .user.fixed #slide_map { display: block; } .user.fixed #slide_map .inner { right: 0; } #header { height: 5.625em; } #header h1 { top: 1em; } #header > .line_1 { position: absolute; left: 0; top: 0; height: 0; } #header > .line_1 .layout > ul { display: none; } #header .toputil_control { display: block; } #header #nav { display: none; } #sub.user #visual #path, #sub.user #container #tab { display: none; } #sub.user #visual { height: 13.375em; } #sub.user #visual h2.title { padding-bottom: 1em; } #sub.user #visual #sns { right: auto !important; left: 0; top: 50% !important; width: 100%; -webkit-transform: translate(0, 1em); transform: translate(0, 1em); } #sub.user #visual #sns > ul, #sub.user #visual #sns > ul > li { display: block; width: 100%; } #sub.user #visual #sns > ul > li[data-icon="sns"] > a { display: none !important; } #sub.user #visual #sns > ul > li[data-icon="sns"] > ul { white-space: normal; display: block !important; position: relative; right: auto; top: auto; width: 100%; text-align: center; } #sub.user #visual #sns > ul > li[data-icon="sns"] > ul > li { border: 1px solid #fff; -webkit-border-radius: 50%; border-radius: 50%; } #sub.user #visual #sns > ul > li[data-icon="sns"] > ul > li:nth-child(n + 2) { margin-left: 0.5em; } #sub.user #visual #sns > ul > li[data-icon="print"] { display: none; } #sub.user #container #content { padding: 2em 0 5em; } #txt { font-size: 0.95em; } } @media all and (max-width: 640px) { #header, #visual { font-size: 0.67em; } #txt { font-size: 0.9em; } #footer { font-size: 0.8em; } #wrap .layout { padding: 0 1em; } #header h1 { left: 1em; top: 0.6em; width: 140px; height: 37px; background-position: left center; } #header .toputil_control { right: 1em; } #header .toputil_control a { width: 2.5em; height: 2.5em; } .user #slide_map .inner .binds > ul > li > a { padding: 1.35em 0.5em; } .user #slide_map .inner .binds > ul > li > ul > li > a { padding: 1.35em 1em; } #top-search .layout > .head > strong { font-size: 1em; } #top-search .layout > .midd { margin-top: 1.5em; } .floating_top { font-size: 0.9em; } .floating_top a { width: 4em; height: 4em; padding-top: 1.9em; } .floating_top a:before { top: 52.5%; } #sub.user #container #content { padding: 1em 0 4em; } #footer > .line_1 [data-js="select"] { right: 0; } #footer > .line_2 > .layout { padding-left: calc(1em + (5.25em * 2) + 1em); } #footer > .line_2 > .layout > [data-icon="logo1"] { left: 1em; } #footer > .line_2 > .layout > [data-icon="logo2"] { left: 6.25em; } } @media all and (max-width: 500px) { #footer > .line_1 { height: auto; } #footer > .line_1 > .layout { padding: 0; } #footer > .line_1 > .layout > ul { text-align: center; } #footer > .line_1 > .layout > ul:after { display: none; } #footer > .line_1 > .layout > ul > li { float: none; display: inline-block; } #footer > .line_1 [data-js="select"] { position: relative; width: 100%; } #footer > .line_2 { padding: 1em 0; } #footer > .line_2 > .layout { padding: 0 1em; text-align: center; } #footer > .line_2 > .layout > [data-icon] { display: inline-block; position: relative; left: auto; top: auto; } #footer > .line_2 address, #footer > .line_2 .copy { font-size: 1em; margin-left: 0; padding-right: 0; } #footer > .line_2 address span:first-child { display: block; } #footer > .line_2 .copy { margin-bottom: 4em; } #footer > .line_2 > .layout > a { top: auto; bottom: -4em; right: 50%; margin-right: calc(-4.875em / 2); } } @media all and (max-width: 400px) { .user #slide_map { font-size: 0.8em; } .user #slide_map .inner .binds > ul > li > a { padding: 1.35em 0.4em; } } .ad_menu_1 > a:after { content: ""; opacity: 0.5; position: absolute; top: 16px; right: 2px; display: block; width: 1em; height: 1em; background-image: url(../../../images/site/skin/icon_arrow_ov_2.gif); background-repeat: no-repeat; } #ad_menu_2 > a:after { content: ""; opacity: 0.5; position: absolute; top: 16px; right: 2px; display: block; width: 1em; height: 1em; background-image: url(../../../images/site/skin/icon_arrow_ov_2.gif); background-repeat: no-repeat; } /*main.css*/ .mont{font-family:'Montserrat'}.sec_tit{display:block;font-size:46px;letter-spacing:-.92px;line-height:56px;text-align:center}.sec_tit span{font-weight:400}@media screen and (max-width:1024px){.sec_tit{font-size:30px;line-height:46px;letter-spacing:-.6px}}@media screen and (max-width:640px){.sec_tit{font-size:28px;line-height:36px;letter-spacing:-.56px}}.sec_tit,.sec_tit span,#sec1,#sec1 #visual>.txt,#sec1 #visual>.control,#sec1 #visual>.txt .btn,#sec1 #pop_vi,#sec1 #pop_vi .move ul li a,#sec1 #pop_vi .move ul li a:before,#sec2,#sec2>div.r_box>div strong,#sec2>div.r_box>div .js_slide,#sec2>div.r_box>div .js_slide .control,#sec3,#sec4,#sec5,#sec5 .js_slide,#sec5 .js_slide .move ul li,#sec5 .js_slide .move ul li a,#sec5 .js_slide .move ul li a:after,#sec5 .js_slide .move ul li a strong{transition:all 0.3s ease;-webkit-transition:all 0.3s ease}#sec1{position:relative}#sec1:after{content:"";position:absolute;top:0;right:50%;z-index:1;display:block;width:226px;height:219px;margin-right:-720px;background:url(../../../images/site/kor/main/sec1_bgico.svg)}#sec1>#visual{height:auto}#sec1>#visual>.move>ul>li{background-repeat:no-repeat;background-size:cover;background-position:center center;text-indent:-9999px}#sec1>#visual>.move>ul>li:nth-child(1){background-image:url(../../../images/site/kor/main/sec1_visual01.jpg)}#sec1>#visual>.move>ul>li:nth-child(2){background-image:url(../../../images/site/kor/main/sec1_visual02.jpg)}#sec1>#visual>.move>ul>li:nth-child(3){background-image:url(../../../images/site/kor/main/sec1_visual03.jpg)}#sec1 #visual{display:block!important}#sec1 #visual>.control{position:relative;left:0;bottom:245px;z-index:2;top:auto;width:100%;max-width:1200px;margin:0 auto;height:auto;text-align:left}#sec1 #visual>.control>a{width:15px;height:15px;border:none;background:none}#sec1 #visual>.control>.btn_left,#sec1 #visual>.control>.btn_right{display:none!important}#sec1 #visual>.control>.btn_play,#sec1 #visual>.control>.btn_stop{bottom:0;right:auto;left:90px;background-repeat:no-repeat;background-position:center center}#sec1 #visual>.control>.btn_play{background-image:url(../../../images/site/kor/main/sec1_play.svg)}#sec1 #visual>.control>.btn_stop{background-image:url(../../../images/site/kor/main/sec1_stop.svg)}#sec1 #visual>.control ul{width:auto;bottom:0;height:15px;line-height:12px}#sec1 #visual>.control ul li{margin-right:15px}#sec1 #visual>.control ul li:first-child{margin-left:0}#sec1 #visual>.control ul li a{width:15px;height:15px;background-color:transparent;border:2px solid #fff;box-sizing:border-box}#sec1 #visual>.control ul li a.on{background-color:#fff}#sec1 #visual>.txt{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:140px 0 220px;box-sizing:border-box}#sec1 #visual>.txt .title{position:relative;left:auto;top:auto;width:100%;margin-bottom:50px;text-shadow:none;box-sizing:border-box;text-shadow:0 0 1px #000}#sec1 #visual>.txt .title p{margin-bottom:15px;font-size:16px;letter-spacing:.8px;font-weight:300}#sec1 #visual>.txt .title strong{display:block;font-size:58px;line-height:58px;font-family:'CoreDream';font-weight:500}#sec1 #visual>.txt .btn{position:relative;width:450px;margin-bottom:130px;box-sizing:border-box}#sec1 #visual>.txt .btn:before{content:"";position:absolute;top:0;left:50%;display:block;width:1px;height:100%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}#sec1 #visual>.txt .btn:after{content:"";display:block;clear:both}#sec1 #visual>.txt .btn a{position:relative;float:left;display:block;width:calc(100% / 3);padding:15px 35px 15px 15px;color:#fff;font-size:18px;line-height:25px;font-weight:300;text-decoration:none;box-sizing:border-box;transition:background-color 0.3s ease;-webkit-transition:background-color 0.3s ease}#sec1 #visual>.txt .btn a:hover,#sec1 #visual>.txt .btn a:focus,#sec1 #visual>.txt .btn a.on{background-color:#fff;color:#2F452E;font-weight:400}#sec1 #visual>.txt .btn a:after{content:"";position:absolute;right:16px;top:50%;display:block;width:22px;height:16px;background-image:url(../../../images/site/kor/main/sec1_more.svg);background-repeat:no-repeat;background-position:center center;transform:translateY(-50%);-webkit-transform:translateY(-50%)}#sec1 #visual>.txt .js_slide{padding:0}#sec1 #visual>.txt .btn a:hover:after,#sec1 #visual>.txt .btn a:focus:after,#sec1 #visual>.txt .btn a.on:after{background-image:url(../../../images/site/kor/main/sec1_moreon.svg)}#sec1 #visual>.txt .btn a:hover:after{animation:link_btn 2s linear 0s infinite}#sec1 #visual>.txt .btn a.on:after{animation:none!important}@keyframes link_btn{0%{right:16px}25%{right:22px}50%{right:16px}75%{right:22px}100%{right:16px}}#sec1 #visual>.link_bx{position:absolute;left:-50%;top:0;width:100%;height:100%;z-index:1;background:url(../../../images/site/kor/main/sec1_linkbx.png);transition:all 0.5s ease}#sec1 #visual>.link_bx.menu_op{left:50%;z-index:2}#sec1 #visual>.link_bx>div{opacity:0;visibility:hidden;position:absolute;top:0;height:100%;padding:55px 0 220px;display:table;box-sizing:border-box}#sec1 #visual>.link_bx>div ul{display:table-cell;vertical-align:middle;width:50%;max-width:600px;padding-left:50px;box-sizing:border-box}#sec1 #visual>.link_bx>div ul:after{content:"";display:block;clear:both}#sec1 #visual>.link_bx>div ul li{float:left;width:25%;text-align:center}#sec1 #visual>.link_bx>div ul li:nth-child(3){padding-right:25%}#sec1 #visual>.link_bx>div ul li:nth-child(n+4){margin-top:40px}#sec1 #visual>.link_bx>div ul li a{position:relative;display:inline-block;width:auto;padding-top:60px;text-align:center;text-decoration:none;color:#fff;font-size:16px;line-height:26px;font-weight:300;box-sizing:border-box}#sec1 #visual>.link_bx>div ul li a:before{content:"";position:absolute;left:50%;top:0;display:block;width:51px;height:42px;background-repeat:no-repeat;background-position:center center;transform:translateX(-50%);-webkit-transform:translateX(-50%)}#sec1 #visual>.link_bx>div.gen_bx ul li:nth-child(1) a:before{background-image:url(../../../images/site/kor/main/sec1_genbx01.svg)}#sec1 #visual>.link_bx>div.gen_bx ul li:nth-child(2) a:before{background-image:url(../../../images/site/kor/main/sec1_genbx02.svg)}#sec1 #visual>.link_bx>div.gen_bx ul li:nth-child(3) a:before{background-image:url(../../../images/site/kor/main/sec1_genbx03.svg)}#sec1 #visual>.link_bx>div.gen_bx ul li:nth-child(4) a:before{background-image:url(../../../images/site/kor/main/sec1_genbx04.svg)}#sec1 #visual>.link_bx>div.gen_bx ul li:nth-child(5) a:before{background-image:url(../../../images/site/kor/main/sec1_genbx05.svg)}#sec1 #visual>.link_bx>div.gen_bx ul li:nth-child(6) a:before{background-image:url(../../../images/site/kor/main/sec1_genbx06.svg)}#sec1 #visual>.link_bx>div.gen_bx ul li:nth-child(7) a:before{background-image:url(../../../images/site/kor/main/sec1_genbx07.svg)}#sec1 #visual>.link_bx>div.pro_bx ul li:nth-child(1) a:before{background-image:url(../../../images/site/kor/main/sec1_probx01.svg)}#sec1 #visual>.link_bx>div.pro_bx ul li:nth-child(2) a:before{background-image:url(../../../images/site/kor/main/sec1_probx02.svg)}#sec1 #visual>.link_bx>div.pro_bx ul li:nth-child(3) a:before{background-image:url(../../../images/site/kor/main/sec1_probx03.svg)}#sec1 #visual>.link_bx>div.pro_bx ul li:nth-child(4) a:before{background-image:url(../../../images/site/kor/main/sec1_probx04.svg)}#sec1 #visual>.link_bx>div.pro_bx ul li:nth-child(5) a:before{background-image:url(../../../images/site/kor/main/sec1_probx05.svg)}#sec1 #visual>.link_bx>div.pro_bx ul li:nth-child(6) a:before{background-image:url(../../../images/site/kor/main/sec1_probx06.svg)}#sec1 #visual>.link_bx>div.pro_bx ul li:nth-child(7) a:before{background-image:url(../../../images/site/kor/main/sec1_probx07.svg)}#sec1 #visual>.link_bx>div.pro_bx ul li:nth-child(8) a:before{background-image:url(../../../images/site/kor/main/sec1_probx08.svg)}#sec1 #visual>.link_bx>div.pro_bx ul li:nth-child(9) a:before{background-image:url(../../../images/site/kor/main/sec1_probx09.svg)}#sec1 #visual>.link_bx>div.pro_bx ul li:nth-child(10) a:before{background-image:url(../../../images/site/kor/main/sec1_probx10.svg)}#sec1 #visual>.link_bx>div.pro_bx ul li:nth-child(11) a:before{background-image:url(../../../images/site/kor/main/sec1_probx11.svg)}#sec1 #visual>.link_bx>div a.close_btn{position:absolute;top:95px;right:50%;display:block;width:29px;height:29px;text-indent:-9999px;background:url(../../../images/site/kor/main/sec1_closebtn.svg) no-repeat center center;transform:translateX(-50%);-webkit-transform:translateX(-50%)}#sec1 #visual>.link_bx>div.gen_bx ul{padding-right:50px}#sec1 #visual>.link_bx>div.gen_bx ul li{width:calc((100% - 1px) / 3)}#sec1 #visual>.link_bx>div.gen_bx ul li:nth-child(3){padding-right:0}#sec1 #pop_vi{position:absolute;left:50%;bottom:50px;z-index:2;padding:0;max-width:1200px;width:100%;height:170px;box-sizing:border-box;transform:translateX(-50%);-webkit-transform:translateX(-50%)}#sec1 #pop_vi .fin_bx{display:none}#sec1 #pop_vi .move ul:after{content:"";display:block;clear:both}#sec1 #pop_vi .move ul li{float:left;width:50%;max-width:1200px;padding:0;box-sizing:border-box}#sec1 #pop_vi .move ul li:after{content:"";display:block;clear:both}#sec1 #pop_vi .move ul li div{position:relative;float:left;display:block;width:50%;height:100%;background-color:#fff;border:none;text-decoration:none;text-align:left;box-sizing:border-box}#sec1 #pop_vi .move ul li div a{overflow:visible;position:absolute;top:50%;left:60%;width:66%;height:auto;text-align:left;border:none;background-color:transparent;text-decoration:none;transform:translate(-50%,-50%)}#sec1 #pop_vi .move ul li div:before{content:"";position:absolute;left:80px;top:50%;display:block;width:57px;height:64px;background-repeat:no-repeat;background-position:center center;transform:translateY(-50%);-webkit-transform:translateY(-50%)}#sec1 #pop_vi .move ul li div.even:before{left:32px}#sec1 #pop_vi .move ul li div.list_01:before{background-image:url(../../../images/site/kor/main/sec1_list01.svg)}#sec1 #pop_vi .move ul li div.list_02:before{background-image:url(../../../images/site/kor/main/sec1_list02.svg)}#sec1 #pop_vi .move ul li div.list_03:before{background-image:url(../../../images/site/kor/main/sec1_list03.svg)}#sec1 #pop_vi .move ul li div.list_04:before{background-image:url(../../../images/site/kor/main/sec1_list04.svg)}#sec1 #pop_vi .move ul li div.list_05:before{background-image:url(../../../images/site/kor/main/sec1_list05.svg)}#sec1 #pop_vi .move ul li div.list_06:before{background-image:url(../../../images/site/kor/main/sec1_list06.svg)}#sec1 #pop_vi .move ul li div.even{background-color:#2F452E}#sec1 #pop_vi .move ul li div.even a{left:53%;color:#fff}#sec1 #pop_vi .move ul li div:hover,#sec1 #pop_vi .move ul li div:focus{border:none}#sec1 #pop_vi .move ul li div a>strong{display:block;margin-bottom:5px;font-size:20px;line-height:26px;font-weight:600}#sec1 #pop_vi .move ul li div a>strong span{font-size:15px;font-weight:400;color:#666}#sec1 #pop_vi .move ul li div.even a>strong span{color:#fff}#sec1 #pop_vi .move ul li div p.big_t{position:absolute;bottom:0;right:0;text-align:right;font-size:20px;vertical-align:text-bottom}#sec1 #pop_vi .move ul li div.even p.big_t{right:0}#sec1 #pop_vi .move ul li div p.big_t span{margin-bottom:3px;text-align:right;font-size:15px;line-height:20px}#sec1 #pop_vi .move ul li div p.big_t strong{display:inline-block;margin-right:3px;font-family:'Montserrat';font-size:42px;line-height:42px;color:#2F452E;vertical-align:sub}#sec1 #pop_vi .move ul li div p{line-height:23px}#sec1 #pop_vi .move ul li div.even p{font-weight:300}#sec1 #pop_vi .move ul li div.even p.big_t strong{color:#fff}#sec1 #pop_vi .move ul li div span{position:relative;left:auto;top:auto;display:inline-block;height:auto;width:auto;margin-left:0;text-align:left}#sec1 #pop_vi .control{position:static;width:auto;height:auto}#sec1 #pop_vi .control a{position:absolute;top:50%;z-index:1;width:15px;height:30px;border:none;background:none;background-repeat:no-repeat;background-position:center center;transform:translateY(-50%);-webkit-transform:translateY(-50%)}#sec1 #pop_vi .control a.btn_play,#sec1 #pop_vi .control a.btn_stop{display:none!important}#sec1 #pop_vi .control a.btn_left{left:40px;background-image:url(../../../images/site/kor/main/sec1_left.svg)}#sec1 #pop_vi .control a.btn_right{right:40px;background-image:url(../../../images/site/kor/main/sec1_right.svg)}@media screen and (max-width:1240px){#sec1 #visual>.txt{padding:140px 18px 220px}#sec1 #visual>.control{left:18px}#sec1 #pop_vi{padding:0 18px}#sec1 #pop_vi .move ul li div:before{left:65px;background-size:contain}#sec1 #pop_vi .move ul li div.even:before{left:30px}#sec1 #visual>.link_bx>div ul{padding:0 25px}#sec1 #visual>.link_bx>div a.close_btn{right:calc(50% + 25px)}}@media screen and (max-width:1150px){#sec1 #pop_vi .move ul li div:before{display:none}#sec1 #pop_vi .move ul li div a{left:53%;width:80%}#sec1 #pop_vi .move ul li div.even a{left:47%}}@media screen and (max-width:1024px){#sec1:after{top:0;right:20px;width:182px;height:176px;margin-right:0;background-size:contain}#sec1 #visual>.txt{padding:133px 18px 195px}#sec1 #visual>.txt .title{margin-bottom:40px}#sec1 #visual>.txt .title p{margin-bottom:7px}#sec1 #visual>.txt .title strong{font-size:50px}#sec1 #visual>.txt .btn{width:280px;margin-bottom:90px}#sec1 #visual>.txt .btn a{font-size:16px;line-height:23px}#sec1 #visual>.txt .btn a:after{width:18px;height:13px;background-size:contain}#sec1 #visual>.control{bottom:215px;z-index:2}#sec1 #visual>.control ul li{margin-right:12px}#sec1 #visual>.control ul li a{width:12px;height:12px}#sec1 #visual>.control>a{width:12px;height:18px;background-size:contain}#sec1 #visual>.control>.btn_play,#sec1 #visual>.control>.btn_stop{left:72px}#sec1 #visual>.link_bx{width:100%;left:-100%}#sec1 #visual>.link_bx.menu_op{left:0}#sec1 #visual>.link_bx.menu_op+.control{z-index:1}#sec1 #visual>.link_bx>div{width:100%;max-width:100%;padding:50px 0 230px}#sec1 #visual>.link_bx>div ul,#sec1 #visual>.link_bx>div.gen_bx ul{width:100%;max-width:100%;padding:0 30px}#sec1 #visual>.link_bx>div.pro_bx ul li{width:calc((100% - 1px) / 3)}#sec1 #visual>.link_bx>div.pro_bx ul li:nth-child(3){padding-right:0}#sec1 #visual>.link_bx>div ul li:nth-child(n+4){margin-top:30px}#sec1 #visual>.link_bx>.pro_bx ul li.ico3,#sec1 #visual>.link_bx>.pro_bx ul li.ico4,#sec1 #visual>.link_bx>.pro_bx ul li.ico5,#sec1 #visual>.link_bx>.pro_bx ul li.ico6,#sec1 #visual>.link_bx>.pro_bx ul li.ico8{display:none}#sec1 #visual>.link_bx>.pro_bx ul li.ico7{margin-top:0}#sec1 #visual>.link_bx>div a.close_btn{top:50px;right:50px;width:25px;height:25px;background-size:contain;transform:translateX(0);-webkit-transform:translateX(0)}#sec1 #pop_vi{height:145px}#sec1 #pop_vi .move{width:100%}#sec1 #pop_vi .move ul{width:600%!important}#sec1 #pop_vi .move ul li{max-width:100%;width:calc(100% / 6)!important}#sec1 #pop_vi .move ul li div{width:100%;height:145px;background-color:#fff}#sec1 #pop_vi .move ul li div.even{background-color:#2F452E;color:#fff}#sec1 #pop_vi .move ul li div:before,#sec1 #pop_vi .move ul li div.even:before{display:block;left:65px}#sec1 #pop_vi .move ul li div a,#sec1 #pop_vi .move ul li div.even a{left:140px;width:calc(100% - 200px);transform:translate(0,-50%)}#sec1 #pop_vi .move ul li div p{font-size:15px}#sec1 #pop_vi .control a.btn_right{background-image:url(../../../images/site/kor/main/sec1_left.svg);transform:translateY(-50%) rotate(180deg);-webkit-transform:translateY(-50%) rotate(180deg)}#sec1 #pop_vi .control.even a.btn_left{background-image:url(../../../images/site/kor/main/sec1_right.svg);transform:translateY(-50%) rotate(180deg);-webkit-transform:translateY(-50%) rotate(180deg)}#sec1 #pop_vi .control.even a.btn_right{background-image:url(../../../images/site/kor/main/sec1_right.svg);transform:translateY(-50%) rotate(0);-webkit-transform:translateY(-50%) rotate(0)}}@media screen and (max-width:640px){#sec1:after{width:104px;height:100px;right:0}#sec1 #visual>.txt{padding:89px 18px 175px}#sec1 #visual>.txt .title{text-align:center;padding:0;margin-bottom:50px}#sec1 #visual>.txt .title p{font-size:15px;line-height:22px;letter-spacing:.75px}#sec1 #visual>.txt .title strong{font-size:35px;line-height:42px}#sec1 #visual>.control{bottom:313px;text-align:center;width:100%;left:auto}#sec1 #visual>.control ul{left:50%;display:inline-block;margin-left:-40px}#sec1 #visual>.control ul li{margin-right:10px}#sec1 #visual>.control ul li a{width:10px;height:10px}#sec1 #visual>.control>.btn_play,#sec1 #visual>.control>.btn_stop{left:50%;width:10px;height:20px;margin-left:20px}#sec1 #visual>.txt .btn{margin:0 auto 73px;width:360px}#sec1 #visual>.txt .btn a{padding:10px 35px 10px 15px;font-size:14px;line-height:20px}#sec1 #visual>.txt .btn a:after{right:15px}#sec1 #visual>.link_bx>div{padding:30px 0 180px}#sec1 #visual>.link_bx>div ul{padding:0 12%}#sec1 #visual>.link_bx>div.pro_bx ul li,#sec1 #visual>.link_bx>div.gen_bx ul li{width:calc(50% - 7.5px);border:1px solid #fff;box-sizing:border-box}#sec1 #visual>.link_bx>div.pro_bx ul li:nth-child(2n){margin-right:13px}#sec1 #visual>.link_bx>div ul li:nth-child(3){padding-right:0}#sec1 #visual>.link_bx>div.pro_bx ul li:nth-child(n+2){margin-top:10px}#sec1 #visual>.link_bx>div.pro_bx ul li.ico2{margin-top:0;margin-right:0;margin-left:13px}#sec1 #visual>.link_bx>div.pro_bx ul li.ico9{margin-left:13px}#sec1 #visual>.link_bx>div ul li a{width:100%;padding:6px 5%;font-size:15px}#sec1 #visual>.link_bx>div ul li a:before{display:none}#sec1 #visual>.link_bx>div a.close_btn{top:30px;right:30px;width:20px;height:20px}#sec1 #visual>.link_bx>div.gen_bx ul li:nth-child(2n+1){margin-right:13px}#sec1 #visual>.link_bx>div.gen_bx ul li:nth-child(n+3){margin-top:10px}#sec1 #pop_vi{bottom:30px;height:124px}#sec1 #pop_vi .move ul li div,#sec1 #pop_vi .move ul li div.even{height:100%}#sec1 #pop_vi .move ul li div:before,#sec1 #pop_vi .move ul li div.even:before{display:none}#sec1 #pop_vi .move ul li div a,#sec1 #pop_vi .move ul li div.even a{left:10%;width:80%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%)}#sec1 #pop_vi .move ul li div p{font-size:14px}#sec1 #pop_vi .move ul li div a>strong{font-size:18px}#sec1 #pop_vi .move ul li div a>strong span{font-size:13px;line-height:21px}#sec1 #pop_vi .move ul li div p.big_t,#sec1 #pop_vi .move ul li div.even p.big_t{font-size:16px}#sec1 #pop_vi .move ul li div p.big_t span{margin-bottom:5px;font-size:13px;line-height:13px}#sec1 #pop_vi .move ul li div p.big_t strong{font-size:28px;line-height:28px;vertical-align:text-bottom}#sec1 #pop_vi .control a.btn_left{left:35px}#sec1 #pop_vi .control a.btn_right{right:35px}#sec1 #pop_vi .fin_bx{display:block}#sec1 #pop_vi .fin_bx{position:absolute;left:50%;top:50%;z-index:2;width:196px;padding:55px 45px 13px;background-color:rgba(0,0,0,.7);box-sizing:border-box;border-radius:46px;-webkit-border-radius:46px;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}#sec1 #pop_vi .fin_bx:before{content:"";position:absolute;top:7px;left:50%;display:block;width:73px;height:46px;background:url(../../../images/site/kor/main/sec1_fin_bx.svg) no-repeat center center;transform:translateX(-50%);-webkit-transform:translateX(-50%);animation:fin_slide 1.8s linear 0s infinite}#sec1 #pop_vi .fin_bx span{color:#FF0;font-weight:300;font-size:13px}@keyframes fin_slide{0%{left:50%}25%{left:43%}50%{left:50%}75%{left:57%}100%{left:50%}}}@media screen and (max-width:480px){#sec1 #pop_vi .control{display:none}#sec1 #pop_vi .move ul li div,#sec1 #pop_vi .move ul li div.even{padding:0}#sec1 #pop_vi .move ul li div a,#sec1 #pop_vi .move ul li div.even a{left:5%;width:90%}#sec1 #pop_vi .move ul li div p.big_t,#sec1 #pop_vi .move ul li div.even p.big_t{right:0;top:auto;bottom:0;transform:translateY(0);-webkit-transform:translateY(0)}#sec1 #pop_vi .move ul li div p.big_t span{display:block}#sec1 #visual>.txt .title p{font-size:14px}#sec1 #visual>.txt .title strong{font-size:32px}#sec1 #visual>.link_bx>div ul{padding:0 10%}}#sec2{width:100%;max-width:1200px;margin:0 auto;padding:90px 0 60px;box-sizing:border-box}#sec2:after{content:"";display:block;clear:both}#sec2 .sec_tit{margin-bottom:55px}#sec2>div{float:left;width:calc((100% - 30px) / 2)}#sec2>div.l_box{position:relative;margin-right:30px}#sec2>div.l_box .tab_btn ul:after{content:"";display:block;clear:both}#sec2>div.l_box .tab_btn ul li{float:left;margin-right:13px}#sec2>div.l_box .tab_btn ul li:last-child{margin-right:0}#sec2>div.l_box .tab_btn ul li a{color:#666;text-decoration:none;font-size:24px;line-height:35px;letter-spacing:-.48px}#sec2>div.l_box .tab_btn ul li a.on{color:#222}#sec2>div.l_box .tab_btn ul li a span{font-weight:400}#sec2>div.l_box .tab_btn ul li a.on strong{font-weight:500}#sec2>div.l_box .tab_cont ul{margin-top:12px;border-top:2px solid #643c00;line-height:1.2;box-sizing:border-box}#sec2>div.l_box .tab_cont ul li{position:relative;padding:9px 0 9px 36px;box-sizing:border-box}#sec2>div.l_box .tab_cont ul li:first-child{padding:24px 18px;margin-bottom:10px;border-bottom:1px solid #C8C8C8}#sec2>div.l_box .tab_cont ul li:before{content:"";position:absolute;top:50%;left:20px;display:block;width:5px;height:5px;margin-top:-3px;background-color:#aaa;border-radius:50%;-webkit-border-radius:50%}#sec2>div.l_box .tab_cont ul li:first-child:before{display:none}#sec2>div.l_box .tab_cont ul li a{position:relative;display:inline-block;width:auto;max-width:calc(100% - 95px);color:#222;font-size:16px}#sec2>div.l_box .tab_cont ul li a:hover .tits{font-weight:500}#sec2>div.l_box .tab_cont ul li a:after{content:"";display:block;clear:both}#sec2>div.l_box .tab_cont ul li a span{display:block;float:left}#sec2>div.l_box .tab_cont ul li a .tits{overflow:hidden;display:block;width:auto;max-width:100%;text-overflow:ellipsis;white-space:nowrap}#sec2>div.l_box .tab_cont ul li a .txts{display:none;color:#666}#sec2>div.l_box .tab_cont ul li:first-child a{max-width:100%}#sec2>div.l_box .tab_cont ul li:first-child a .txts{overflow:hidden;display:block;max-width:100%;font-size:15px;text-overflow:ellipsis;white-space:nowrap}#sec2>div.l_box .tab_cont ul li .date{position:absolute;top:50%;right:0;width:85px;color:#666;transform:translateY(-50%);-webkit-transform:translateY(-50%)}#sec2>div.l_box .tab_cont ul li .date b{font-weight:400;vertical-align:text-top}#sec2>div.l_box .tab_cont ul li .date b:before{content:"-"}#sec2>div.l_box .tab_cont ul li .date b:first-child:before{content:""}#sec2>div.l_box .tab_cont ul li:first-child a span{padding-left:82px;box-sizing:border-box}#sec2>div.l_box .tab_cont ul li:first-child a .tits{margin-bottom:8px;font-size:20px;font-weight:500}#sec2>div.l_box .tab_cont ul li:first-child .date{top:50%;left:24px;padding-top:47px;padding-left:0;color:#222;font-size:15px;transform:translateY(-50%);-webkit-transform:translateY(-50%)}#sec2>div.l_box .tab_cont ul li:first-child .date b:last-child{position:absolute;top:0;left:0;display:block;width:auto;font-size:47px;font-weight:700;text-align:center;line-height:47px;color:#2F452E}#sec2>div.l_box .tab_cont ul li:first-child .date b:before{content:"."}#sec2>div.l_box .tab_cont ul li:first-child .date b:first-child:before,#sec2>div.l_box .tab_cont ul li:first-child .date b:last-child:before{content:""}#sec2>div.l_box .tab_cont .more_btn{position:absolute;top:5px;right:0;font-size:14px;line-height:21px;color:#643c00;text-decoration:none;overflow:hidden;transition:all 0.3s ease}#sec2>div.l_box .tab_cont .more_btn:hover:after,#sec2>div.l_box .tab_cont .more_btn:focus:after{content:"";position:absolute;bottom:0;left:0;display:block;width:100%;height:2px;background-color:#643c00;animation:more_btn 0.3s linear 0s alternate;transition:all 0.3s ease}@keyframes more_btn{0%{left:-100%}100%{left:0}}#sec2>div.r_box:after{content:"";display:block;clear:both}#sec2>div.r_box>div{float:left;width:calc((100% - 25px) / 2)}#sec2>div.r_box .rl_box{margin-right:25px}#sec2>div.r_box>div strong{display:block;font-size:24px;line-height:35px;font-weight:500;letter-spacing:-.48px}#sec2>div.r_box>div .js_slide{width:100%;height:270px;margin-top:12px}#sec2>div.r_box>div .js_slide .move ul li a{border:none;cursor:pointer;background-color:#e8e8e8}#sec2>div.r_box>div .js_slide .move ul li a:focus{border:2px solid #000}#sec2>div.r_box>div .js_slide .control{top:auto;bottom:0;right:0;width:100%;height:40px;background:none;background-color:rgba(0,0,0,.5)}#sec2>div.r_box>div .js_slide .control:after{content:"";display:block;clear:both}#sec2>div.r_box>div .js_slide .control ul{left:auto;top:50%;right:25px;bottom:auto;width:auto;height:10px;transform:translateY(-50%);-webkit-transform:translateY(-50%)}#sec2>div.r_box>div .js_slide .control ul:after{content:"";display:block;clear:both}#sec2>div.r_box>div .js_slide .control ul:nth-child(1){display:none}#sec2>div.r_box>div .js_slide .control ul li{display:block;float:left;margin-right:10px}#sec2>div.r_box>div .js_slide .control ul li:first-child{margin-left:0}#sec2>div.r_box>div .js_slide .control ul li a{width:10px;height:10px;background:none;border:2px solid #fff;box-sizing:border-box}#sec2>div.r_box>div .js_slide .control ul li a.on{background-color:#fff}#sec2>div.r_box>div .js_slide .control .count{display:none}#sec2>div.r_box>div .js_slide .control a{float:left}#sec2>div.r_box>div .js_slide .control a.btn_left,#sec2>div.r_box>div .js_slide .control a.btn_right{display:none}#sec2>div.r_box>div .js_slide .control a.btn_play,#sec2>div.r_box>div .js_slide .control a.btn_stop{right:15px;top:50%;bottom:auto;width:10px;height:12px;background:none;background-repeat:no-repeat;background-position:center center;border:none;transform:translateY(-50%);-webkit-transform:translateY(-50%)}#sec2>div.r_box>div .js_slide .control a.btn_play{background-image:url(../../../images/site/kor/main/sec2_play.svg)}#sec2>div.r_box>div .js_slide .control a.btn_stop{background-image:url(../../../images/site/kor/main/sec2_stop.svg)}#sec2 .l_box .tab_cont{display:none}#sec2 .l_box .tab_cont.on{display:block}@media screen and (max-width:1240px){#sec2{padding:90px 18px 60px}}@media screen and (max-width:1024px){#sec2{padding:50px 18px 30px}#sec2 .sec_tit{margin-bottom:30px}#sec2>div{width:calc((100% - 18px) / 2)}#sec2>div.l_box{margin-right:18px}#sec2>div.l_box .tab_btn ul li a{font-size:18px;line-height:26px}#sec2>div.l_box .tab_cont ul{height:160px;overflow:hidden}#sec2>div.l_box .tab_cont ul li,#sec2>div.l_box .tab_cont ul li:first-child{padding:8px 0 8px 20px;margin-bottom:0;border-bottom:0}#sec2>div.l_box .tab_cont ul li:first-child{margin-top:7px}#sec2>div.l_box .tab_cont ul li:before{left:5px;margin-top:-3.5px}#sec2>div.l_box .tab_cont ul li:first-child:before{display:block}#sec2>div.l_box .tab_cont ul li a{width:calc(100% - 95px)}#sec2>div.l_box .tab_cont ul li a .tits{font-size:15px}#sec2>div.l_box .tab_cont ul li:first-child a .tits{margin-bottom:0;padding-left:0;font-size:15px;font-weight:400}#sec2>div.l_box .tab_cont ul li:first-child a .txts{display:none}#sec2>div.l_box .tab_cont ul li a .date{text-align:right}#sec2>div.l_box .tab_cont ul li:first-child .date{left:auto;right:0;padding-top:0;color:#666}#sec2>div.l_box .tab_cont ul li a .date b{font-size:15px}#sec2>div.l_box .tab_cont ul li:first-child .date b:last-child{position:relative;top:auto;left:auto;display:inline;font-size:14px;font-weight:400;text-align:left;line-height:15px;color:#666;line-height:1.2}#sec2>div.l_box .tab_cont ul li:first-child .date b:before,#sec2>div.l_box .tab_cont ul li:first-child .date b:last-child:before{content:"-"}#sec2>div.l_box .tab_cont .more_btn:hover:after,#sec2>div.l_box .tab_cont .more_btn:focus:after{display:none}#sec2>div.r_box>div{width:calc((100% - 18px) / 2)}#sec2>div.r_box .rl_box{margin-right:18px}#sec2>div.r_box>div strong{font-size:18px;line-height:26px;letter-spacing:-.36px}#sec2>div.r_box>div .js_slide{height:160px}#sec2>div.r_box>div .js_slide .control{height:30px}#sec2>div.r_box>div .js_slide .control a.btn_play,#sec2>div.r_box>div .js_slide .control a.btn_stop{right:10px}#sec2>div.r_box>div .js_slide .control ul{right:20px}}@media screen and (max-width:740px){#sec2>div{width:100%}#sec2>div.l_box{margin-right:0;margin-bottom:20px}#sec2>div.l_box .tab_cont ul li:first-child a span{line-height:22px}}@media screen and (max-width:640px){#sec2{padding:35px 18px 30px}#sec2 .sec_tit{margin-bottom:25px}#sec2>div.l_box{margin-bottom:10px}#sec2>div.l_box .tab_cont ul{height:155px}#sec2>div.l_box .tab_cont ul li:first-child{margin-top:5px}#sec2>div.l_box .tab_cont ul li:first-child .date,#sec2>div.l_box .tab_cont ul li .date{font-size:14px}#sec2>div.l_box .tab_cont .more_btn{font-size:13px;top:3px}#sec2>div.r_box>div .js_slide .control a.btn_play,#sec2>div.r_box>div .js_slide .control a.btn_stop{right:8px;width:8px;height:8px;background-size:contain;margin-top:-1px}#sec2>div.r_box>div .js_slide .control ul{right:16px}#sec2>div.r_box>div .js_slide .control ul li{margin-right:8px}#sec2>div.r_box>div .js_slide .control ul li a{width:8px;height:8px;border-width:1px}}#sec3{width:100%;background-color:#FAF5F0}#sec3 .slide_wrap{position:relative;width:100%;max-width:1200px;margin:0 auto;padding:60px 0 70px;box-sizing:border-box}#sec3 .slide_wrap>.js_slide{position:relative;padding:0;height:341px}#sec3 .slide_wrap>.js_slide:before{content:"";position:absolute;bottom:0;left:0;display:block;width:123px;height:76px;background:url(../../../images/site/kor/main/sec3_bbg.svg) no-repeat center center;transform:translate(-50%,50%);-webkit-transform:translate(-50%,50%)}#sec3 .slide_wrap>.js_slide:after{content:"";position:absolute;top:0;right:0;display:block;width:136px;height:143px;background:url(../../../images/site/kor/main/sec3_tbg.svg) no-repeat center center;z-index:0;transform:translate(50%,0%);-wbkit-transform:translate(50%,0%)}#sec3 .slide_wrap>.js_slide>.move{z-index:1}#sec3 .slide_wrap>.js_slide>.move>ul{width:100%}#sec3 .slide_wrap>.js_slide>.move>ul>li{width:calc((100% - 51px) / 3);padding:0;margin-right:25px;overflow:hidden}#sec3 .slide_wrap>.js_slide>.move>ul>li:last-child{margin-right:0}#sec3 .slide_wrap>.js_slide>.move>ul>li>strong{display:block;margin-bottom:15px;font-size:24px;line-height:26px;font-weight:500;letter-spacing:-.48px}#sec3 .slide_wrap>.js_slide>.move>ul>li>a{position:relative;height:300px;border:1px solid #DBCEBE;background-color:#DBCEBE;box-sizing:border-box}#sec3 .slide_wrap>.js_slide>.move>ul>li>a>span{position:relative;left:auto;top:auto;height:100%;width:100%;margin-left:0;transition:all 0.3s ease}#sec3 .slide_wrap>.js_slide>.move>ul>li:hover>a>span{transform:scale(1.1);-webkit-transform:scale(1.1)}#sec3 .slide_wrap>.js_slide>.move>ul>li.ico1>a>span img,#sec3 .slide_wrap>.js_slide>.move>ul>li.ico2>a>span img{position:absolute;top:0;left:0;display:block;width:100%;height:auto;margin:0 auto}#sec3 .slide_wrap>.js_slide>.move>ul>li.ico3>a>span img{width:100%}#sec3 .slide_wrap>.js_slide>.move>ul>li.ico3>a:before{content:"";position:absolute;top:50%;left:50%;z-index:1;display:block;width:76px;height:76px;background:url(../../../images/site/kor/main/sec3_movie.svg) no-repeat center center;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}#sec3 .slide_wrap>.js_slide>.move>ul>li.ico1>a>span img{width:100%; height:100%;}#sec3 .slide_wrap>.js_slide>.move>ul>li.ico1>a:before{content:"";position:absolute;top:50%;left:50%;z-index:1;display:block;width:76px;height:76px;background:url(../../../images/site/kor/main/sec3_movie.svg) no-repeat center center;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}#sec3 .slide_wrap>.js_slide>.move>ul>li>a>img{display:block;width:100%;height:100%}#sec3 .slide_wrap>.js_slide>.control{display:none}@media screen and (max-width:1240px){#sec3 .slide_wrap{padding:60px 18px 70px}}@media screen and (max-width:1024px){#sec3 .slide_wrap{padding:37px 18px 49px}#sec3 .slide_wrap>.js_slide{height:222px}#sec3 .slide_wrap>.js_slide:before{width:85px;height:51px;background-size:contain;bottom:5px}#sec3 .slide_wrap>.js_slide:after{width:87px;height:82px;background-size:contain;right:18px}#sec3 .slide_wrap>.js_slide>.move>ul>li{width:calc((100% - 30px) / 3);margin-right:15px}#sec3 .slide_wrap>.js_slide>.move>ul>li>strong{margin-bottom:13px;font-size:18px;letter-spacing:-.36px}#sec3 .slide_wrap>.js_slide>.move>ul>li>a{height:182px}#sec3 .slide_wrap>.js_slide>.move>ul>li.ico3>a:before{width:50px;height:50px;background-size:contain}}@media screen and (max-width:740px){#sec3 .slide_wrap{padding:37px 0 49px 18px}#sec3 .slide_wrap>.js_slide:after{display:none}#sec3 .slide_wrap>.js_slide>.move>ul{width:855px}#sec3 .slide_wrap>.js_slide>.move>ul li{width:285px;margin-right:0}#sec3 .slide_wrap>.js_slide>.move>ul>li>a{width:calc(100% - 17px)}#sec3 .slide_wrap>.js_slide>.control{display:block;left:auto;right:0;top:0;bottom:auto;width:auto;padding:0;box-sizing:border-box;background-color:#FAF5F0}#sec3 .slide_wrap>.js_slide>.control a{width:16px;height:20px;background:none;background-image:url(../../../images/site/kor/main/sec3_slidebtn.svg);background-repeat:no-repeat;background-position:center center;border:none;margin:0 18px 0 5px;background-size:contain}#sec3 .slide_wrap>.js_slide>.control .btn_stop,#sec3 .slide_wrap>.js_slide>.control .btn_play{display:none!important}#sec3 .slide_wrap>.js_slide>.control .btn_left{margin:0 10px 0 8px;transform:rotate(180deg);-webkit-transform:rotate(180deg)}}@media screen and (max-width:640px){#sec3 .slide_wrap{padding:30px 0 39px 18px}}#sec4{position:relative;padding:90px 0 0;box-sizing:border-box}#sec4 .sec_tit{margin-bottom:55px}#sec4 .select_box{border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;box-sizing:border-box}#sec4 .select_box .se_wrap{width:100%;max-width:1200px;margin:0 auto}#sec4 .select_box .se_wrap:after{content:"";display:block;clear:both}#sec4 .sel_b{position:relative;float:left;width:25%;height:60px}#sec4 .sel_b:before{content:"";position:absolute;left:0;top:0;width:1px;height:100%;background-color:#dcdcdc}#sec4 .sel_b:last-child:after{content:"";position:absolute;right:0;top:0;width:1px;height:100%;background-color:#dcdcdc}#sec4 .sel_b>a{position:relative;display:block;width:100%;height:100%;padding:0 25px;text-decoration:none;line-height:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;cursor:pointer}#sec4 .sel_b>a:after{content:"";display:block;position:absolute;width:14px;height:8px;right:18px;top:50%;background:url(../../../images/site/kor/main/sec4_selb.svg) no-repeat center center;transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:all 0.3s ease;-webkit-transition:all 0.3s ease}#sec4 .sel_b>a.on:after{transform:translateY(-50%) rotate(180deg);-webkit-transform:translateY(-50%) rotate(180deg)}#sec4 .sel_b ul{position:absolute;display:none;width:100%;max-height:221px;overflow-y:scroll;z-index:200;top:60px;background-color:#fff;border:1px solid #dcdcdc;box-sizing:border-box}#sec4 .sel_b ul li{display:block;float:none;width:auto;margin:0;padding:12px 25px;border-bottom:1px solid #dcdcdc;border-top:none;box-sizing:border-box}#sec4 .sel_b ul li:last-child{border-bottom:none}#sec4 .sel_b ul li a{display:block;width:100%;height:auto;border:none;line-height:19px;text-decoration:none}#sec4 .sel_b ul li a:hover{text-decoration:underline;text-underline-position:under}#sec4 .mapss{position:relative;height:740px}#sec4 .mapss .map{position:relative;z-index:-1;overflow:hidden}#sec4 .info_box{position:absolute;left:50%;bottom:80px;width:100%;max-width:1200px;transform:translateX(-50%);-webkit-transform:translateX(-50%)}#sec4 .info_box>ul:after{content:"";display:block;clear:both}#sec4 .info_box>ul>li{position:relative;float:left;width:calc((100% - 50px) / 3);height:162px;margin-right:25px;padding:20px 35px 20px;background-color:#fff;box-shadow:0 0 30px rgba(0,0,0,.25);border-radius:2px;box-sizing:border-box;transition:all 0.3s ease}#sec4 .info_box>ul>li a{text-decoration:none}#sec4 .info_box>ul>li:last-child{margin-right:0}#sec4 .info_box>ul>li .b_txt:before{content:"";position:absolute;left:35px;bottom:35px;display:block;width:53px;height:62px;background-repeat:no-repeat;background-position:center center}#sec4 .info_box>ul>li.ico1 .b_txt:before{background-image:url(../../../images/site/kor/main/sec4_ico1.svg)}#sec4 .info_box>ul>li.ico2 .b_txt:before{background-image:url(../../../images/site/kor/main/sec4_ico2.svg)}#sec4 .info_box>ul>li .tit{position:absolute;top:20px;left:35px;font-size:20px;line-height:29px;letter-spacing:-.4px;font-weight:500}#sec4 .info_box>ul>li .b_txt{height:100%;padding-left:85px;box-sizing:border-box}#sec4 .info_box>ul>li .b_txt .t_txt{margin:5px 0 18px;line-height:19px;font-size:13px;color:#666}#sec4 .info_box>ul>li .b_txt .t_info{position:relative;margin-bottom:10px;text-align:right}#sec4 .info_box>ul>li .b_txt .t_info:before{content:"";position:absolute;bottom:-10px;left:0;display:block;width:100%;height:1px;background-color:#bdbdbd;transform:translateY(-50%);-webkit-transform:translateY(-50%)}#sec4 .info_box>ul>li .b_txt .t_info strong{position:absolute;left:0;bottom:0;font-size:15px;letter-spacing:-.3px;font-weight:500}#sec4 .info_box>ul>li .b_txt .t_info span{display:block;width:auto;font-size:28px;line-height:32px;font-weight:600;text-align:right;color:#557D54}#sec4 .info_box>ul>li .b_txt .t_info span.mont{font-size:34px;line-height:26px}#sec4 .info_box>ul>li .b_txt .t_info span b{font-family:'Noto Sans KR';font-size:15px}#sec4 .info_box>ul>li .b_txt .b_info{position:relative;margin-top:16px}#sec4 .info_box>ul>li .b_txt .b_info p{display:inline-block;font-size:14px;line-height:14px;letter-spacing:-.28px}#sec4 .info_box>ul>li .b_txt .b_info p.br_info{position:absolute;top:50%;right:0;margin-top:-8px}#sec4 .info_box>ul>li .b_txt .b_info p strong{font-weight:500}#sec4 .info_box>ul>li>.js_slide{height:100%}#sec4 .info_box>ul>li>.js_slide .control{height:auto}#sec4 .info_box>ul>li>.js_slide .control>a{display:none!important}#sec4 .info_box>ul>li>.js_slide .control>ul{bottom:auto;left:auto;top:8px;right:0;width:auto;height:9px;line-height:9px}#sec4 .info_box>ul>li>.js_slide .control>ul li{margin-left:0;margin-right:10px}#sec4 .info_box>ul>li>.js_slide .control>ul li:last-child{margin-right:0}#sec4 .info_box>ul>li>.js_slide .control>ul li a{width:9px;height:9px;background:none;border:2px solid #222;box-sizing:border-box;border-radius:50%;-webkit-border-radius:50%}#sec4 .info_box>ul>li>.js_slide .control>ul li a.on{background-color:#222}#sec4 .info_box>ul>li>.js_slide .move .tit{top:0;left:0}#sec4 .info_box>ul>li.ico3>.js_slide .move>ul li a{border:none;background-color:transparent;text-align:left;cursor:pointer}#sec4 .info_box>ul>li.ico3>.js_slide .move>ul li a span{position:relative;left:auto;top:auto;display:inline-block;width:auto;height:auto;margin-left:0;line-height:1.5em}#sec4 .info_box>ul>li.ico3>.js_slide .move>ul li .b_txt:before{left:0;bottom:10px;background-image:url(../../../images/site/kor/main/sec4_ico3.svg)}#sec4 .info_box>ul>li.ico3>.js_slide .move>ul li.no_ico .b_txt{padding-left:0}#sec4 .info_box>ul>li.ico3>.js_slide .move>ul li.no_ico .b_txt:before{display:none}#sec4 .info_box>ul>li.ico3>.js_slide .move>ul li.no_ico .b_txt .t_txt{padding-left:85px}#sec4 .info_box>ul>li:hover{background-color:#7A7267}#sec4 .info_box>ul>li:hover strong,#sec4 .info_box>ul>li:hover .b_txt .t_txt,#sec4 .info_box>ul>li:hover .b_txt .t_info span,#sec4 .info_box>ul>li:hover .b_txt .b_info p{color:#fff}#sec4 .info_box>ul>li.ico1:hover .b_txt:before{background-image:url(../../../images/site/kor/main/sec4_ico1on.svg)}#sec4 .info_box>ul>li.ico3:hover>.js_slide .move>ul li .b_txt:before{background-image:url(../../../images/site/kor/main/sec4_ico3on.svg)}#sec4 .info_box>ul>li:hover>.js_slide .control>ul li a{border:2px solid #fff}#sec4 .info_box>ul>li:hover>.js_slide .control>ul li a.on{background-color:#fff}@media screen and (max-width:1240px){#sec4 .select_box .se_wrap{padding:0 18px;box-sizing:border-box}#sec4 .info_box{bottom:50px;padding:0 0 0 18px;height:222px;overflow-x:scroll;box-sizing:border-box;-ms-overflow-style:none;scrollbar-width:none}#sec4 .info_box>ul{width:1160px;margin-top:30px}#sec4 .info_box>ul>li{width:370px}}@media screen and (max-width:1024px){#sec4{padding:50px 0 0}#sec4 .sec_tit{margin-bottom:25px}#sec4 .select_box .se_wrap{padding:0}#sec4 .sel_b{height:45px}#sec4 .sel_b>a{padding:0 35px 0 20px;line-height:45px}#sec4 .sel_b>a:after{width:10px;height:5px;background-size:contain}#sec4 .sel_b ul{top:45px;max-height:201px}#sec4 .sel_b ul li{padding:10px 20px}#sec4 .sel_b:first-child:before,#sec4 .sel_b:last-child:after{display:none}#sec4 .sel_b:last-child{line-height:45px!important;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:0 10px;box-sizing:border-box}#sec4 .info_box{bottom:0}#sec4 .info_box>ul{width:1125px}#sec4 .info_box>ul>li{width:350px;padding:20px 20px 20px}#sec4 .info_box>ul>li .tit{left:20px}#sec4 .info_box>ul>li .b_txt:before{left:25px}}@media screen and (max-width:640px){#sec4{padding:35px 0 0}#sec4 .info_box>ul{width:calc(1263px - 315px)}#sec4 .info_box>ul>li{width:300px;height:145px;padding:20px 20px 20px;margin-right:15px}#sec4 .info_box>ul>li:hover{background-color:#fff}#sec4 .info_box>ul>li .tit{left:20px;font-size:18px;line-height:26px}#sec4 .info_box>ul>li .b_txt{padding-left:50px;margin-top:0}#sec4 .info_box>ul>li.no_ico .b_txt{padding-left:0}#sec4 .info_box>ul>li .b_txt:before{bottom:32px;left:20px;width:40px;height:47px;background-size:contain}#sec4 .info_box>ul>li.ico1:hover .b_txt:before{background-image:url(../../../images/site/kor/main/sec4_ico1.svg)}#sec4 .info_box>ul>li:nth-of-type(3) .b_txt:before{background-image:url(../../../images/site/kor/main/sec4_ico3.svg)}#sec4 .info_box>ul>li .b_txt .t_txt{margin:0 0 13px 30px}#sec4 .info_box>ul>li.no_ico .b_txt .t_txt{margin:0 0 -7px 80px}#sec4 .info_box>ul>li:hover strong,#sec4 .info_box>ul>li:hover .b_txt .t_txt,#sec4 .info_box>ul>li:hover .b_txt .b_info p{color:#222}#sec4 .info_box>ul>li:hover .b_txt .t_info span{color:#557D54}#sec4 .info_box>ul>li .b_txt .b_info p span{line-height:1.5}}#sec5{padding:90px 0 110px;background-color:#2F452E;box-sizing:border-box;overflow:hidden}#sec5 .sec_tit{margin-bottom:40px;color:#fff}#sec5 .js_slide{position:relative;width:100%;height:345px;max-width:1200px;margin:0 auto;padding:0}#sec5 .js_slide:before{content:"";position:absolute;top:30px;left:-35px;display:block;width:167px;height:159px;background:url(../../../images/site/kor/main/sec5_jsbg.svg) no-repeat center center;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}#sec5 .js_slide:after{content:"";position:absolute;top:0;right:-100vw;display:block;width:100vw;height:100%}#sec5 .js_slide .control{position:static;width:auto;height:auto}#sec5 .js_slide .control a{position:absolute;top:50%;width:35px;height:64px;background:none;border:none;background-repeat:no-repeat;background-position:center center;z-index:9;transform:translateY(-50%);-webkit-transform:translateY(-50%)}#sec5 .js_slide .control .btn_left{left:-80px;background-image:url(../../../images/site/kor/main/sec5_slidebtn.svg)}#sec5 .js_slide .control .btn_right{right:-80px;background-image:url(../../../images/site/kor/main/sec5_slidebtn.svg);transform:rotate(180deg) translateY(50%);-webkit-transform:rotate(180deg) translateY(50%)}#sec5 .js_slide .control .btn_play,#sec5 .js_slide .control .btn_stop{display:none!important}#sec5 .js_slide .move{position:absolute;left:0;width:10000px}#sec5 .js_slide .move ul li{width:280px;height:330px;padding:0 25px 0 0}#sec5 .js_slide .move ul li:not(.show) a:before{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-color:rgba(47,69,46,.3);z-index:1;transition:background-color 0s ease}#sec5 .js_slide .move ul li a{position:relative;display:block;width:100%;height:100%;padding:72px 0;margin-top:15px;background-color:#fff;border:none;text-decoration:none;border-radius:3px;-webkit-border-radius:3px}#sec5 .js_slide .move ul li a:hover{margin-top:0}#sec5 .js_slide .move ul li a:after{content:"";position:absolute;top:50%;left:50%;display:block;width:75px;height:60px;background-repeat:no-repeat;background-size:contain;background-position:center center;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}#sec5 .js_slide .move ul li.ico1 a:after{background-image:url(../../../images/site/kor/main/sec5_ico1.svg)}#sec5 .js_slide .move ul li.ico2 a:after{background-image:url(../../../images/site/kor/main/sec5_ico2.svg)}#sec5 .js_slide .move ul li.ico3 a:after{background-image:url(../../../images/site/kor/main/sec5_ico3.svg)}#sec5 .js_slide .move ul li.ico4 a:after{background-image:url(../../../images/site/kor/main/sec5_ico4.svg)}#sec5 .js_slide .move ul li.ico5 a:after{background-image:url(../../../images/site/kor/main/sec5_ico5.svg)}#sec5 .js_slide .move ul li.ico6 a:after{background-image:url(../../../images/site/kor/main/sec5_ico6.svg)}#sec5 .js_slide .move ul li.ico7 a:after{background-image:url(../../../images/site/kor/main/sec5_ico7.svg)}#sec5 .js_slide .move ul li.ico8 a:after{background-image:url(../../../images/site/kor/main/sec5_ico8.svg)}#sec5 .js_slide .move ul li.ico9 a:after{background-image:url(../../../images/site/kor/main/sec5_ico9.svg)}#sec5 .js_slide .move ul li.ico10 a:after{background-image:url(../../../images/site/kor/main/sec5_ico10.svg)}#sec5 .js_slide .move ul li.ico11 a:after{background-image:url(../../../images/site/kor/main/sec5_ico11.svg)}#sec5 .js_slide .move ul li.ico12 a:after{background-image:url(../../../images/site/kor/main/sec5_ico12.svg)}#sec5 .js_slide .move ul li a strong{display:block;margin-bottom:124px;font-size:24px;line-height:35px;font-weight:500}#sec5 .js_slide .move ul li a span{position:relative;left:auto;top:auto;overflow:hidden;display:inline-block;width:auto;height:auto;margin-left:0;color:#643c00;font-size:18px;line-height:26px}#sec5 .js_slide .move ul li a span:before{content:"";position:absolute;bottom:0;left:0;display:block;width:100%;height:1px;background-color:#643c00}#sec5 .js_slide .move ul li a:hover span:before{animation:more_btn2 0.3s linear 0s alternate;transition:all 0.3s ease}@keyframes more_btn2{0%{left:-100%}100%{left:0}}@media screen and (max-width:1400px){#sec5 .js_slide{max-width:1040px;height:335px;width:85%}#sec5 .js_slide:after{right:auto;left:1040px}#sec5 .js_slide .move ul li{width:245px;height:315px;padding:0 18px 0 0}#sec5 .js_slide .move ul li a{padding:60px 0}#sec5 .js_slide .move ul li a strong{margin-bottom:130px}#sec5 .js_slide .control .btn_left{left:-75px}#sec5 .js_slide .control .btn_right{right:-75px}}@media screen and (max-width:1240px){#sec5 .js_slide{width:80%;max-width:980px;height:335px}#sec5 .js_slide:after{left:972px}#sec5 .js_slide .move ul li{width:232px;padding:0 15px 0 0}}@media screen and (max-width:1200px){#sec5 .js_slide:after{left:730px}}@media screen and (max-width:1024px){#sec5{padding:50px 0 50px}#sec5 .sec_tit{margin-bottom:15px}#sec5 .js_slide{width:100%;height:320px}#sec5 .js_slide:before{width:119px;height:114px;background-size:contain;left:25px}#sec5 .js_slide:after{right:auto;left:780px}#sec5 .js_slide .move ul li{width:245px;height:300px}#sec5 .js_slide .move ul li.ico8,#sec5 .js_slide .move ul li.ico10,#sec5 .js_slide .move ul li.ico12{display:none}#sec5 .js_slide .move ul li a{padding:57px 0}#sec5 .js_slide .move ul li a:after{width:67px;height:54px}#sec5 .js_slide .move ul li a strong{font-size:22px;line-height:29px}#sec5 .js_slide .move ul li a span{font-size:17px}#sec5 .js_slide .move ul li a:hover{margin-top:15px}#sec5 .js_slide .move ul li a:hover span:before{animation:none}#sec5 .js_slide .control{display:none}}@media screen and (max-width:1005px){#sec5 .js_slide:after{left:785px}#sec5 .js_slide .move ul{padding-left:18px}}@media screen and (max-width:840px){#sec5 .js_slide{height:300px}#sec5 .js_slide:after{left:700px}#sec5 .js_slide .move ul li{width:215px;height:280px}#sec5 .js_slide .move ul li a:after{width:60px;height:48px}#sec5 .js_slide .move ul li a strong{margin-bottom:110px;font-size:20px}#sec5 .js_slide .move ul li a span{font-size:15px}}@media screen and (max-width:740px){#sec5 .js_slide{height:240px}#sec5 .js_slide:after{left:595px}#sec5 .js_slide .move ul li{width:180px;height:220px}#sec5 .js_slide .move ul li a{padding:37px 0}#sec5 .js_slide .move ul li a:after{width:53px;height:42px}#sec5 .js_slide .move ul li a strong{margin-bottom:90px;font-size:19px}#sec5 .js_slide .move ul li a span{font-size:14px}}.reor_pop{display:none;position:fixed;top:0;left:0;z-index:10;width:100%;height:100%;font-size:16px;line-height:1.5;text-align:center}.reor_pop.on{z-index:10;display:block}.reor_pop:before{content:"";display:block;position:fixed;left:0;top:0;z-index:0;width:100%;height:100%;background-color:rgba(0,0,0,.85)}.reor_pop>.bx{position:fixed;top:50%;left:50%;z-index:1;max-width:calc(1200px + 4em);width:100%;padding:0 2em;box-sizing:border-box;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}.reor_pop>.bx .txts{position:relative;max-height:70vh;height:auto;padding:0;background-color:#fff;box-sizing:border-box;font-size:1em;overflow:hidden;overflow-y:auto;border-radius:.65em;-webkit-border-radius:.65em}.reor_pop>.bx .txts .form_box{top:1.25em;right:1em}.reor_pop>.bx .txts [data-skin="item"]{max-height:55vh;overflow:auto}.reor_pop .bx .btn_group{margin-top:1em;text-align:center}.reor_pop .bx .close{overflow:hidden;position:absolute;top:-3.65em;right:2em;width:2.75em;height:2.75em;border-radius:50%;background:rgba(255,255,255,.2) url(../../../images/site/skin/popup_icon_close.svg) no-repeat center;text-indent:-2000px}.reor_pop .mCSB_inside>.mCSB_container{margin-right:0!important}.reor_pop .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{width:5px;background-color:rgba(221,221,221,.1)!important}.reor_pop .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:rgba(221,221,221,.75)!important}.reor_pop .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:5px!important}.reor_pop .txts{position:relative}.reor_pop .img_wrap{background-color:#F1F5F1}.reor_pop .img_wrap img{position:relative;display:inline-block;width:calc(100% + 2px);margin-left:-1px;transition:all 0.3s ease}.reor_pop .go_btn{position:absolute;bottom:2%;left:50%;display:inline-block;max-width:20em;width:80%;line-height:3.75em;padding:0 .8em;background-color:#3C6A3C;border-radius:.3em;text-decoration:none;color:#fff;border:none;font-size:1.375em;transform:translateX(-50%)}.reor_pop.renewal_pop{text-align:left}.reor_pop.renewal_pop .img_wrap{position:relative;background-color:#3C6A3C}.reor_pop.renewal_pop .img_wrap img{width:100%}.reor_pop.renewal_pop .img_wrap .gongu{position:absolute;top:4em;right:4em}.reor_pop.renewal_pop .img_wrap .gongu .share_sns{display:block;width:4em;height:4em;background:url(../../../images/site/kor/main/renewal_event2021_sns.svg) no-repeat center center;background-size:contain;cursor:pointer;text-indent:-9999px;border-radius:50%;-webkit-border-radius:50%}.reor_pop.renewal_pop .img_wrap .gongu .share_sns.on{background-image:url(../../../images/site/kor/main/renewal_event2021_snson.svg)}.reor_pop.renewal_pop .img_wrap .gongu .sns{position:absolute;top:0;left:-8.8em;display:none}.reor_pop.renewal_pop .img_wrap .gongu .sns:after{content:"";display:block;clear:both}.reor_pop.renewal_pop .img_wrap .gongu .sns li{float:left;margin-right:.4em}.reor_pop.renewal_pop .img_wrap .gongu .sns li a{display:inline-block;width:4em;height:4em;background-repeat:no-repeat;background-size:contain;background-position:center center;text-indent:-9999px}.reor_pop.renewal_pop .img_wrap .gongu .sns li.f a{background-image:url(../../../images/site/kor/main/renewal_event2021_snsface.svg)}.reor_pop.renewal_pop .img_wrap .gongu .sns li.t a{background-image:url(../../../images/site/kor/main/renewal_event2021_snstwit.svg)}.reor_pop.renewal_pop .img_wrap .txt_wrap{max-width:calc(920px + 2.4em);margin:0 auto;padding:0 1.2em;box-sizing:border-box}.reor_pop.renewal_pop .img_wrap .txt_wrap .agree_wrap strong{display:block;font-size:1.5em;font-weight:600;color:#fff}.reor_pop.renewal_pop .img_wrap .txt_wrap .agree_wrap .agree_box{margin-top:1.25em;padding:1.25em;background-color:#fff;box-sizing:border-box}.reor_pop.renewal_pop .img_wrap .txt_wrap .agree_wrap .agree_box p{margin-bottom:1em}.reor_pop.renewal_pop .img_wrap .txt_wrap .agree_wrap .agree_box ul li{position:relative;padding-left:.8em}.reor_pop.renewal_pop .img_wrap .txt_wrap .agree_wrap .agree_box ul li:before{content:"";position:absolute;top:.8em;left:0;display:block;width:5px;height:1px;background-color:#555}.reor_pop.renewal_pop .img_wrap .txt_wrap .agree_wrap .check_box{position:relative;margin:.625em 0 1.875em 0}.reor_pop.renewal_pop .img_wrap .txt_wrap .agree_wrap .check_box label{display:inline-block;margin-left:.2em;color:#ffd200;cursor:pointer;box-sizing:border-box}.reor_pop.renewal_pop .img_wrap .txt_wrap .pop_txt{width:100%}.reor_pop.renewal_pop .img_wrap .txt_wrap .line_box{margin-top:.9375em}.reor_pop.renewal_pop .img_wrap .txt_wrap .pop_txt+.line_box{margin-top:0}.reor_pop.renewal_pop .img_wrap .txt_wrap .line_box>div{display:inline-block;margin-right:1em;color:#fff}.reor_pop.renewal_pop .img_wrap .txt_wrap .line_box>div label{display:inline-block;line-height:2.2em;margin-right:.5em;color:#fff}.reor_pop.renewal_pop .img_wrap .txt_wrap .line_box>div [data-skin="input"]{display:inline-block}.reor_pop.renewal_pop .img_wrap .txt_wrap .line_box>div [data-skin="input"] #name{width:9.6875em}.reor_pop.renewal_pop .img_wrap .txt_wrap .line_box>div [data-skin="input"].phone_input input{width:6em}.reor_pop.renewal_pop .img_wrap .txt_wrap .point_txt{position:relative;margin-top:.4em;padding:0 0 0 1.6em;color:#ffd200;box-sizing:border-box}.reor_pop.renewal_pop .img_wrap .txt_wrap .point_txt:before{content:"";position:absolute;top:.2em;left:0;display:block;width:1.1875em;height:1.1875em;background:url(../../../images/site/kor/main/renewal_event2021_icon.jpg) no-repeat center center;background-size:contain}.reor_pop.renewal_pop .img_wrap .txt_wrap .line_box>div [data-skin="input"]>input[type="text"]{height:2.2em;padding:0 .6em;background-color:#fff;border-color:#CCDFCC;border-radius:.3em;vertical-align:middle;font-size:.95em}.reor_pop.renewal_pop .img_wrap .txt_wrap .line_box>textarea{display:block;min-width:100%;max-width:100%;height:6.85em;resize:none;border:1px solid #CCDFCC;font-size:1em;box-sizing:border-box;border-radius:.3em;-webkit-border-radius:.3em}.reor_pop.renewal_pop .img_wrap .txt_wrap .point_txt+.line_box+.line_box{margin-top:.4em}.reor_pop.renewal_pop .img_wrap .txt_wrap .point_txt+.line_box+.line_box>textarea#comments2{height:2.3em}.reor_pop.renewal_pop .img_wrap .txt_wrap .btn_group{padding:2.5em 0 0;box-sizing:border-box}.reor_pop.renewal_pop .img_wrap .txt_wrap .btn_group .btn{display:inline-block;width:80%;max-width:20em;padding:0 .8em;font-size:1.2em;line-height:3.75em;height:auto;background-color:#444;border:none;color:#fff;box-sizing:border-box;cursor:pointer;border-radius:.3em;-webkit-border-radius:.3em}.reor_pop.renewal_pop .img_wrap .txt_wrap .btn_group .btn:hover,.reor_pop.renewal_pop .img_wrap .txt_wrap .btn_group .btn:active{color:#fff}.reor_pop.renewal_pop .img_wrap .txt_wrap .counter{margin:2em 0 0 0;color:#fff}.reor_pop.renewal_pop .img_wrap .txt_wrap .comment_result{width:100%;height:auto;margin:.625em 0 0;border-top:1px solid #f8cd58;border-bottom:1px solid #f8cd58;box-sizing:border-box}.reor_pop.renewal_pop .img_wrap .txt_wrap .comment_result li{border-top:1px dashed #8bd8d6;padding:.4375em 1em;position:relative;color:#dcf3f3}.reor_pop.renewal_pop .img_wrap .txt_wrap .comment_result li:first-child{border-top:0}.reor_pop.renewal_pop .img_wrap .txt_wrap .comment_result li p{margin:0;word-break:break-all}.reor_pop.renewal_pop .img_wrap .txt_wrap .comment_result li p.wirter,.reor_pop.renewal_pop .img_wrap .txt_wrap .comment_result li p.subject,.reor_pop.renewal_pop .img_wrap .txt_wrap .comment_result li p.date{color:#fff}.reor_pop.renewal_pop .img_wrap .txt_wrap .comment_result li .writer{display:inline-block;width:3em;vertical-align:top}.reor_pop.renewal_pop .img_wrap .txt_wrap .comment_result li p.subject{display:inline-block;width:calc(100% - 4em)}.reor_pop.renewal_pop .img_wrap .txt_wrap .comment_result li .date{display:block}.reor_pop.renewal_pop .img_wrap .txt_wrap .paginate{width:100%;text-align:center;margin-top:1.25em;position:relative;overflow:hidden}.reor_pop.renewal_pop .img_wrap .txt_wrap .paginate *{display:inline-block;vertical-align:middle;margin:0}.reor_pop.renewal_pop .img_wrap .txt_wrap .paginate a{color:#fff;border:1px solid #89d7d5;width:2em;height:2em;line-height:2;margin:0 .125em;box-sizing:border-box;-moz-border-radius:17px;-ms-border-radius:17px;-o-border-radius:17px;-webkit-border-radius:17px;border-radius:17px}.reor_pop.renewal_pop .img_wrap .txt_wrap .paginate a.first{display:inline-block;margin-right:.3125em}.reor_pop.renewal_pop .img_wrap .txt_wrap .paginate a.last{display:inline-block;margin-left:.3125em}.reor_pop.renewal_pop .img_wrap .txt_wrap .paginate a:hover,.reor_pop.renewal_pop .img_wrap .txt_wrap .paginate a:active{background:#227371;border:1px solid #227371;box-sizing:border-box}.open_event .paginate strong{color:#fff44c;background:#f8cd58;width:2.125em;height:2.125em;line-height:2.125;-moz-border-radius:17px;-ms-border-radius:17px;-o-border-radius:17px;-webkit-border-radius:17px;border-radius:17px}.reor_pop.renewal_pop .img_wrap .txt_wrap .paginate .dir img{display:block;margin:0 auto;padding-top:11px}.reor_pop.renewal_pop .paging .page_list span,.reor_pop.renewal_pop .paging .page_list span a:link,.reor_pop.renewal_pop .paging .page_list span a:visited,.reor_pop.renewal_pop .paging .page_list span a:active{transition:all 0.3s ease;-webkit-transition:all 0.3s ease}.reor_pop.renewal_pop .paging{text-align:center;margin-top:1.5em;padding-bottom:3em;box-sizing:border-box}.reor_pop.renewal_pop .paging .page_list{display:inline-block;text-align:center}.reor_pop.renewal_pop .paging .page_list span{display:inline-block;width:1.85em;height:1.85em;line-height:1.85em;text-decoration:none;box-sizing:border-box;vertical-align:middle;font-size:.95em;border-radius:50%;-webkit-border-radius:50%}.reor_pop.renewal_pop .paging .page_list span:first-child{margin-left:0}.reor_pop.renewal_pop .paging .page_list span.on{background-color:#fff;color:#3C6A3C;font-weight:400}.reor_pop.renewal_pop .paging .page_list span a,.reor_pop.renewal_pop .paging .page_list span:hover a{color:#fff;font-wight:300}.reor_pop.renewal_pop .paging .page_list span a{display:inline-block;width:100%;height:100%;text-decoration:none}.reor_pop.renewal_pop .paging .page_list span.page_first,.reor_pop.renewal_pop .paging .page_list span.page_end{display:inline-block;width:1.2em;background-size:contain}.reor_pop.renewal_pop .paging .page_list span.page_left,.reor_pop.renewal_pop .paging .page_list span.page_right{display:inline-block;width:.8em;background-size:contain}.reor_pop.renewal_pop .paging .page_list span.page_first{background:url(../../../images/site/skin/page_first.svg) no-repeat center center}.reor_pop.renewal_pop .paging .page_list span.page_end{background:url(../../../images/site/skin/pop_page_last.svg) no-repeat center center}.reor_pop.renewal_pop .paging .page_list span.page_left{background:url(../../../images/site/skin/page_left.svg) no-repeat left center}.reor_pop.renewal_pop .paging .page_list span.page_right{background:url(../../../images/site/skin/pop_page_right.svg) no-repeat right center}.reor_pop.renewal_pop .paging .page_list span.page_first a,.reor_pop.renewal_pop .paging .page_list span.page_left a,.reor_pop.renewal_pop .paging .page_list span.page_right a,.reor_pop.renewal_pop .paging .page_list span.page_end a{display:inline-block;overflow:hidden;text-indent:-9999px}.reor_pop.renewal_pop .ch_today label{display:inline-block;margin-left:.2em;color:#fff;cusor:pointer}.reor_pop.renewal_pop[data-type="2"]>.bx{max-width:514px}.reor_pop.renewal_pop[data-type="2"] .img_wrap{background-color:#75a775}.reor_pop.renewal_pop[data-type="2"] .img_wrap img{max-width:450px}.reor_pop.renewal_pop[data-type="2"] .img_wrap .txt_wrap .btn_group{position:absolute;top:29em;left:0;width:100%;padding:0}.reor_pop.renewal_pop[data-type="2"] .img_wrap .txt_wrap .btn_group .btn{max-width:16.1875em;font-size:1.0625em;line-height:3.15em;font-family:'CoreDream'}@media all and (max-width :1024px){.reor_pop>.bx{padding:0 18px}.reor_pop .bx .close{right:1em}.reor_pop>.bx .txts{font-size:.95em}.reor_pop .go_btn{position:absolute;bottom:2%;max-width:18em;line-height:3.5;font-size:1.3em}.reor_pop.renewal_pop .img_wrap .gongu{top:1.5em;right:3%}.reor_pop.renewal_pop .img_wrap .gongu .share_sns{width:3em;height:3em}.reor_pop.renewal_pop .img_wrap .gongu .sns{left:-6.8em}.reor_pop.renewal_pop .img_wrap .gongu .sns li a{width:3em;height:3em}.reor_pop.renewal_pop .img_wrap .txt_wrap .btn_group .btn{max-width:16em}.reor_pop.renewal_pop[data-type="2"] .img_wrap .txt_wrap .btn_group{top:29.8em}}@media all and (max-width :700px){.reor_pop.renewal_pop .img_wrap .txt_wrap .line_box>.phone_box{display:block;margin-top:.5em}}@media all and (max-width :640px){.reor_pop>.bx .txts{font-size:.9em}.reor_pop .go_btn{bottom:1%;max-width:14em;line-height:3.5;font-size:1.2em}.reor_pop.renewal_pop .img_wrap .gongu{top:1.5em;right:3%}.reor_pop.renewal_pop .img_wrap .gongu .share_sns{width:2.5em;height:2.5em}.reor_pop.renewal_pop .img_wrap .gongu .sns{left:-5.8em}.reor_pop.renewal_pop .img_wrap .gongu .sns li a{width:2.5em;height:2.5em}.reor_pop.renewal_pop .img_wrap .txt_wrap .btn_group .btn{max-width:13em}.reor_pop.renewal_pop .paging .page_list span.page_first,.reor_pop.renewal_pop .paging .page_list span.page_end{background-size:80% 60%}.reor_pop.renewal_pop .paging .page_list span.page_left,.reor_pop.renewal_pop .paging .page_list span.page_right{background-size:75% 60%}.reor_pop.renewal_pop[data-type="2"] .img_wrap .txt_wrap .btn_group{top:31.6em}}@media all and (max-width :480px){.reor_pop .go_btn{position:relative;left:auto;bottom:2em;transform:translateX(0)}.reor_pop.renewal_pop .img_wrap .txt_wrap .point_txt+.line_box+.line_box>textarea#comments2{height:4em}.reor_pop.renewal_pop .paging .page_list span{margin-left:.6em}.reor_pop.renewal_pop[data-type="2"] .img_wrap .txt_wrap .btn_group{top:auto;bottom:8%}.reor_pop.renewal_pop[data-type="2"] .img_wrap .txt_wrap .btn_group .btn{max-width:13em;line-height:2.8em}}@media screen and (max-width:360px){.reor_pop.renewal_pop .paging .page_list span{margin-left:.4em}}[data-skin="popup"]{display:none;position:fixed;top:0;left:0;z-index:10;width:100%;height:100%}[data-skin="popup"].on{z-index:10;display:block}[data-skin="popup"]:before{content:"";display:block;position:fixed;left:0;top:0;z-index:0;width:100%;height:100%;background-color:rgba(0,0,0,.85)}[data-skin="popup"] .titles{padding:.92em 1em;background-color:#3C6A3C;box-sizing:border-box;overflow:hidden;border-radius:.65em .65em 0 0;-webkit-border-radius:.65em .65em 0 0}[data-skin="popup"] .titles strong{display:block;width:100%;line-height:1.35em;font-weight:500;font-size:1.35em;text-align:center;color:#fff}[data-skin="popup"]>.bx{position:fixed;top:50%;left:50%;z-index:1;max-width:calc(1000px + 4em);width:100%;padding:0 2em;box-sizing:border-box;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}[data-skin="popup"]>.bx .txts{position:relative;max-height:65vh;height:auto;padding:1.25em 1em;background-color:#fff;box-sizing:border-box;overflow:hidden;border-radius:0 0 .65em .65em;-webkit-border-radius:0 0 .65em .65em}[data-skin="popup"]>.bx .txts .form_box{top:1.25em;right:1em}[data-skin="popup"]>.bx .txts [data-skin="item"]{max-height:55vh;overflow:auto}[data-skin="popup"] .bx .btn_group{margin-top:1em;text-align:center}[data-skin="popup"] .bx .close{overflow:hidden;position:absolute;top:-3.65em;right:2em;width:2.75em;height:2.75em;border-radius:50%;background:rgba(255,255,255,.2) url(../../../images/site/skin/popup_icon_close.svg) no-repeat center;text-indent:-2000px}[data-skin="popup"] [data-scroll="scroll"]{margin-top:1em;padding:1em;overflow-y:auto;max-height:7.5em;border:1px solid #E5E7EE;box-sizing:border-box}[data-skin="popup"] [data-scroll="scroll"]::-webkit-scrollbar{width:4px}[data-skin="popup"] [data-scroll="scroll"]::-webkit-scrollbar-thumb{background-color:#999}[data-skin="popup"] [data-scroll="scroll"]::-webkit-scrollbar-track{background-color:#ddd}@media all and (max-width :1024px){[data-skin="popup"]>.bx .txts .form_box{position:absolute}[data-skin="popup"][data-type="2"]>.bx{padding:0 1em}[data-skin="popup"] .bx .close{right:1em}}@media all and (max-width :420px){[data-skin="popup"]>.bx .txts .form_box{position:relative;top:auto;right:auto}} /*session.css*/ #custom-alert{ position: fixed; top:30%; left:38%; display:flex; align-items:center; z-index:1000; } #custom-alert-content { background: white; padding: 30px; border-radius: 5px; box-shadow: 0 0 4px rgba(0,0,0,0.5); text-align: center; } #custom-alert-content p { color: black; padding-bottom: 15px; } #custom-button-box { display: flex; justify-content: center; } #custom-alert-content button { margin: 5px; padding: 5px 20px; cursor: pointer; border: 1px solid black; border-radius: 3px; color: white; background-color: #3C6A3C; font-family: 'Noto Sans KR', Arial, sans-serif; } /*skin.css*/ h4,h5,h6{margin:0 0 .4em;font-weight:700;box-sizing:border-box}h4{position:relative;padding-left:1em;font-size:1.8em}h4.lines{margin-bottom:.45em;padding-bottom:.4em;border-bottom:1px solid #E0E0E0}h4:after{content:"";position:absolute;top:.45em;left:0;width:.556em;height:.556em;border:4px solid #4B6C4A;border-radius:50%;box-sizing:border-box}h5{font-size:1.4em}h6{font-size:1.15em}div+h4,p+h4,ul+h4,ol+h4,table+h4{margin-top:1.8em}div+h5,p+h5,ul+h5,ol+h5,table+h5{margin-top:1.8em}div+h6,p+h6,ul+h6,ol+h6,table+h6{margin-top:1.8em}[data-skin="btn"]{display:inline-block;height:3em;line-height:3em;padding:0 .8em;background-color:#3C6A3C;border-radius:.3em;text-decoration:none;color:#fff;border:none}[data-skin="btn"]:hover{text-decoration:none}[data-skin="btn"][data-type="arrow"]{padding:0 2.3em 0 .8em;background-image:url(../../../images/site/skin/btn_icon_arrow.svg);background-repeat:no-repeat;background-position:right .8em center}[data-skin="btn"][data-type="down"]{padding:0 .8em 0 2.6em;background-image:url(../../../images/site/skin/btn_icon_down.svg);background-repeat:no-repeat;background-position:left .8em center}._blank{position:relative;display:inline-block;max-width:100%;color:#2b7b2b;text-decoration:underline!important;text-underline-position:under}._blank:after{content:"";display:inline-block;width:1em;height:1em;background:url(../../../images/site/skin/icon_blank.svg) no-repeat top .25em center;background-size:.75em}._down{position:relative;display:inline-block}._down:hover{text-decoration:underline;text-underline-position:under}._down:after{content:"";display:inline-block;width:1.3em;height:.8em;background:url(../../../images/site/skin/btn_icon_down02.svg) no-repeat center center;background-size:100% 100%}[data-skin="btn"][data-color="2"]{background-color:#63483B}[data-skin="btn"][data-color="3"]{background-color:#fff;color:#555;border:1px solid #555;box-sizing:border-box}[data-skin="btn"][data-size]{font-size:.9em}[data-skin="btn"][data-size="m"]{height:2.778em;line-height:2.778em}[data-skin="btn"][data-size="s"]{height:2.223em;line-height:2.223em}[data-skin="btn"][data-size="s"][data-color="3"]{line-height:2.2em}[data-skin="btn"][data-type="search"]{overflow:hidden;text-indent:-9999px;padding:0;width:2.8em;border-radius:0 .3em .3em 0;color:transparent;background:#3C6A3C url(../../../images/site/skin/search_btn.svg) no-repeat center center}[data-skin="btn"][data-type="photo"]{overflow:hidden;text-indent:-9999px;padding:0;width:2.25em;color:transparent;background:#555 url(../../../images/site/skin/photo_btn.svg) no-repeat center center;vertical-align:bottom;border:none}[data-skin="btn"][data-type="photo"][data-size="m"]{width:2.8em;background-size:50%;vertical-align:sub;cursor:pointer}[data-skin="btn"][data-type="close"]{overflow:hidden;text-indent:-9999px;padding:0;width:2.25em;color:transparent;background:#222 url(../../../images/site/skin/close_btn.svg) no-repeat center center;vertical-align:bottom}[data-skin="list"] li{position:relative;padding-left:.9em;font-size:.95em;box-sizing:border-box}[data-skin="list"] li:not(:first-child){margin-top:.5em}[data-skin="list"] li:after{content:"";position:absolute;top:.5em;left:0;width:5px;height:5px;background-color:#3C6A3C;border-radius:50%}[data-skin="list"][data-type="2"] li:after{background-color:#555}[data-skin="list"][data-type="3"] li:after{background-color:#63483B}[data-skin="list"][data-type="4"] li:after{top:.7em;height:1px;border-radius:0;background-color:#666}[data-skin="list"][data-type="5"] li{padding-left:.7em}[data-skin="list"][data-type="5"] li:after{top:.7em;height:2px;width:2px;border-radius:50%;background-color:#666}[data-skin="list"] li [data-skin="list"]{margin-top:.3em}[data-skin="list"] li [data-skin="list"] li{font-size:1em}[data-skin="list_num"] li{position:relative;line-height:1.6em;padding-left:2em;font-size:.9em;color:#666;box-sizing:border-box}[data-skin="list_num"] li:not(:first-child){margin-top:1em}[data-skin="list_num"] li>em{position:absolute;top:0;left:0;width:1.598em;height:1.598em;line-height:1.598em;background-color:#E2E2E2;text-align:center;border-radius:.2em;font-weight:500;font-style:normal;color:#3C6A3C}[data-skin="list_num"][data-type="3"]>li{padding-left:1.6em}[data-skin="list_num"][data-type="3"]>li>em{width:1.6em;height:auto;background-color:transparent;color:#666;font-weight:400}[data-size="1"] li{font-size:1em}[data-skin="list_num"]>li>em+p{margin-top:.5em}ul>li>.table_scroll{margin-top:1em}h5+p+ul{margin-top:.6em}[data-skin="list"][data-type="2"]>li,[data-skin="list"][data-type="4"]>li{padding-left:.9em}[data-size="1"][data-skin="list"] li:after,[data-size="1"] [data-skin="list"] li:after{top:.6em}[data-size="1"] [data-skin="list"][data-type="4"] li:after{top:.75em}[data-size="1"]>li>ul{margin-top:0.5em!important}[data-size="1"]>li>ul>li{margin-top:0.5em!important}[data-size="1"]>li>ul>li>ul{margin-top:0.3em!important}[data-size="1"]>li>ul>li>ul>li{margin-top:0.2em!important}[data-size="1"] .btn_box{margin-top:.5em}[data-size="1"] .btn_box [data-skin="btn"]{height:auto;line-height:1.5;padding:.66em .8em}.caption{margin-bottom:5px;text-align:right;font-size:.9em;color:#636363}h4+.caption{margin-top:-25px}.table{width:100%;border-top:2px solid #3C6A3C}.table th,.table td{height:2.7em;padding:.3em;text-align:center;font-size:.95em}.table th:not(:first-child),.table td:not(:first-child){border-left:1px solid #E0E0E0}.table th:not(:last-child),.table tr td:not(:last-child){border-right:1px solid #E0E0E0}.table th{background:#F2F2F2;font-weight:500;color:#3C6A3C}.table th.border_bot{border-bottom:1px solid #E0E0E0}.table td{border-bottom:1px solid #E0E0E0}.table.ty_02 th{border-bottom:1px solid #E0E0E0}.table tr td input[type=text],.table tr td input[type=password],.table tr td textarea{width:100%;max-width:100%;height:35px;line-height:35px;margin:1px 0;vertical-align:middle;border:1px solid #ccc;box-sizing:border-box}.table tr td textarea{height:auto;line-height:22px}.table tr td .btn{vertical-align:middle}.table_scroll:before{content:"좌우로 터치해서 보세요.";font-size:13px;width:168px;margin:0 auto;box-sizing:border-box;padding:0 0 0 25px;line-height:25px;color:#00589b;display:none;background:url(../../../images/site/skin/scroll_ico.png) no-repeat left top;height:22px;background-size:auto 100%}@media screen and (max-width:740px){.table_scroll{position:relative}.table_scroll:before{display:block}.table_scroll .move{overflow:auto;margin-top:10px}.table_scroll .move .table{width:740px}}.js_tab{position:relative;box-sizing:border-box}.js_tab.has_child{padding-bottom:4em}.js_tab .tab_btn .title{display:none}.js_tab .tab_btn ul{overflow:visible;display:table;table-layout:fixed;width:100%;box-sizing:border-box}.js_tab .tab_btn ul li{float:none;display:table-cell}.js_tab .tab_btn ul li a{position:relative;padding:.897em 0;text-align:center;text-decoration:none;box-sizing:border-box}.js_tab .tab_btn ul li a:before{content:"";position:absolute;display:block;transition:all 0.3s ease;-webkit-transition:all 0.3s ease}.js_tab .tab_btn ul li a strong{font-weight:500}.js_tab .tab_btn>ul{border:1px solid #E2E2E2}.js_tab .tab_btn>ul>li:not(:last-child){border-right:1px solid #eee}.js_tab .tab_btn>ul>li>a{display:block;width:100%;font-size:1.15em;cursor:pointer}.js_tab .tab_btn>ul>li>a:before{opacity:0;top:0;left:0;width:100%;height:3px;background-color:#2F452E;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}.js_tab .tab_btn>ul>li.on>a:before,.js_tab .tab_btn>ul>li>a:hover:before{opacity:1}.js_tab .tab_btn ul li ul{display:none;position:absolute;bottom:0;left:0;background-color:#2F452E}.js_tab .tab_btn ul li.on ul{display:table}.js_tab .tab_btn ul li ul li{text-align:center}.js_tab .tab_btn ul li ul li a{display:inline-block;font-size:1em;color:#bec7bf;transition:all 0.3s ease;-webkit-transition:all 0.3s ease}.js_tab .tab_btn ul li ul li a:hover,.js_tab .tab_btn ul li ul li.on a{color:#fff}.js_tab .tab_btn ul li ul li a:before{bottom:0;left:50%;display:inline-block;width:0;height:3px;background-color:#fff;transform:translate(-50%,0%);-webkit-transform:translate(-50%,0%)}.js_tab .tab_btn ul li ul li a:hover:before,.js_tab .tab_btn ul li ul li.on a:before{width:100%}.pagemenu{overflow:visible;display:table;table-layout:fixed;width:100%;margin-bottom:2em;box-sizing:border-box;background-color:#2F452E}.pagemenu li{float:none;display:table-cell;text-align:center}.pagemenu li a{position:relative;padding:.897em 0;text-align:center;text-decoration:none;box-sizing:border-box;display:inline-block;font-size:1em;color:rgba(255,255,255,.3);transition:all 0.3s ease;-webkit-transition:all 0.3s ease}.pagemenu li a:before{content:"";position:absolute;display:block;transition:all 0.3s ease;-webkit-transition:all 0.3s ease}.pagemenu li a:hover,.pagemenu li.on a{color:#fff}.pagemenu li a:before{bottom:0;left:50%;display:inline-block;width:0;height:3px;background-color:#fff;transform:translate(-50%,0%);-webkit-transform:translate(-50%,0%)}.pagemenu li a:hover:before,.pagemenu li.on a:before{width:100%}.pagemenu li.on a strong{font-weight:500}.js_tab .tab_btn.select{border:1px solid #2F452E}.js_tab .tab_btn.select .title{display:block;font-weight:400;background-color:#fff;box-sizing:border-box}.js_tab .tab_btn.select .title a{position:relative;display:block;width:100%;padding:.85em 1em;text-decoration:none;font-size:1.15em;color:#2f452E;box-sizing:border-box}.js_tab .tab_btn.select .title a strong,.js_tab .tab_btn.select .title a span,.js_tab .tab_btn.select .title a{font-weight:600}.js_tab .tab_btn.select .title a:after{content:"";position:absolute;top:50%;right:1em;display:block;width:1em;height:1em;background:url(../../../images/site/kor/content/menus4_tabbtn.svg) no-repeat center center;transform:translateY(-50%);-webkit-transform:translateY(-50%)}.js_tab .tab_btn.select ul li{display:block;width:100%}.js_tab .tab_btn.select ul li a{text-align:left}.js_tab .tab_btn.select ul li a:before{display:none}.js_tab .tab_btn.select>ul{display:none;table-layout:auto;border:0}.js_tab .tab_btn.select>ul>li:not(:first-child){border-top:1px solid #E0E0E0}.js_tab .tab_btn.select>ul>li:not(:last-child){border-right:0}.js_tab .tab_btn.select>ul>li:first-child{border-top:1px solid #2F452E}.js_tab .tab_btn.select>ul>li>a{padding:.7em 1em;color:#2F452E}.js_tab .tab_btn.select>ul>li.child>a:after{content:"";position:absolute;top:50%;right:1em;display:block;width:1em;height:1em;background:url(../../../images/site/kor/content/menus4_tabbtn.svg) no-repeat center center;transform:translateY(-50%);-webkit-transform:translateY(-50%)}.js_tab .tab_btn.select>ul>li>a strong,.js_tab .tab_btn.select>ul>li>a span{color:#2F452E;font-weight:500}.js_tab .tab_btn.select>ul>li.on>a:before{display:none}.js_tab .tab_btn.select ul li ul{display:none;position:static;padding:1em 2.3em}.js_tab .tab_btn.select ul li ul li{text-align:left}.js_tab .tab_btn.select ul li ul li:not(:first-child){margin-top:.3em}.js_tab .tab_btn.select ul li ul li a{display:block;padding:0}.js_tab .tab_btn .tab_cont{position:relative;display:none}.js_tab .tab_btn .tab_cont.on{display:block}@media all and (max-width:1024px){.js_tab.has_child{padding-bottom:0}}@media all and (max-width:640px){.js_tab .tab_btn.select .title a{padding:.724em 1em;font-size:1.05em}.js_tab .tab_btn.select>ul>li>a{padding:.6em 1em;font-size:1.05em}.js_tab .tab_btn.select ul li ul{padding:.9em 2em;font-size:.9em}}[data-skin="input"]{display:inline-block}[data-skin="input"]>input[type="text"],[data-skin="input"]>input[type="password"]{height:2.778em;padding:0 .8em;background-color:#fff;border-color:#CCDFCC;border-radius:.3em;vertical-align:middle;font-size:.9em}[data-skin="input"][data-type="2"]{position:relative}[data-skin="input"][data-type="2"]>input[type="text"]{border-right:none;margin-right:2.8em;border-radius:.3em 0 0 .3em;-webkit-border-radius:.3em 0 0 .3em}[data-skin="input"][data-type="2"]>a[data-skin="btn"][data-size="m"][data-type="search"]{position:absolute;right:0;vertical-align:bottom}[data-skin="select"]>select{min-width:10em;height:2.778em;line-height:2.5em;padding:0 2.2em 0 .8em;background:#fff url(../../../images/site/skin/select_icon_arrow.svg) no-repeat right .8em center;appearance:none;-webkit-appearance:none;-moz-appearance:none;border-color:#CCDFCC;border-radius:.3em;font-size:.9em}[data-skin="select"]>select::-ms-expand{display:none}[data-skin="select"][data-size="s"]>select{height:2.223em;line-height:2.1em;background-size:.8em}[data-skin="textarea"]>textarea{width:100%;border-color:#CCDFCC;border-radius:.3em;font-size:.9em}[data-skin="cal"]>input[type="text"]{width:9.6em;height:2.778em;padding:0 1em;background:#fff url(../../../images/site/skin/cal_icon.svg) no-repeat right .8em center;background-size:1.4em;border-color:#CCDFCC;border-radius:.3em;font-size:.9em}.ui-datepicker-trigger{display:none;margin-left:5px;vertical-align:middle;cursor:pointer}[data-skin="radio"]:after{content:"";display:block;clear:both}[data-skin="radio"] span{position:relative;margin-right:.5em}[data-skin="radio"] input[type="radio"]{position:relative;display:inline-block;width:1.2em;height:1.2em;appearance:none;background-color:#fff;border-radius:50%;border:1px solid #888;box-sizing:border-box}[data-skin="radio"] input[type="radio"]:checked{border:4px solid #fff;background-color:#3c6a3c}[data-skin="radio"] input[type="radio"]:checked:after{content:"";position:absolute;top:-4px;left:-4px;display:block;width:calc(100% + 6px);height:calc(100% + 6px);border-radius:50%;border:1px solid #888;z-index:0}[data-skin="radio"] label{position:relative;display:inline-block;vertical-align:middle;cursor:pointer;font-size:.9em}.check_box{position:relative}.check_box input{position:absolute;left:1px;top:4px;width:14px;height:14px}.check_box label{position:relative;padding:0 0 0 22px;display:inline-block;vertical-align:middle;cursor:pointer}.check_box input:checked+label:before{width:14px;height:14px;left:1px;top:3px;opacity:1;-webkit-opacity:1}.check_box input:checked+label:after{border:1px solid #dfdfdf}.check_box label:before{content:"";opacity:0;-webkit-opacity:0;position:absolute;left:8px;top:8px;z-index:5;display:block;width:0;height:0;background:#dfdfdf url(../../../images/site/skin/icon_check.png);background-repeat:no-repeat;background-position:center center;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}.check_box label:after{content:"";position:absolute;left:0;top:2px;z-index:1;display:block;width:14px;height:14px;background:#fff;border:1px solid #c5c5c5;box-sizing:border-box}[data-skin='checkbox']>span{display:inline-block;margin-right:1.2em;padding:.3em 0}[data-skin='checkbox'] [type='checkbox']{overflow:hidden;position:absolute;left:-2000px}[data-skin='checkbox'] label{position:relative;display:block;line-height:1;padding-left:1.4em;letter-spacing:-.6px}[data-skin='checkbox'] label:before{content:"";position:absolute;top:.1em;left:0;width:1em;height:1em;background-color:#fff;border:1px solid #ccc;box-sizing:border-box}[data-skin='checkbox'] [type='checkbox']:checked+label:before{background-image:url(../../../images/site/skin/icon_check.svg);background-repeat:no-repeat;background-position:center center;background-size:.7em auto}.file_find{position:relative;max-width:300px}.file_find input[type="file"]{overflow:hidden;position:absolute;width:0;height:1px;margin:-1px;padding:0;border:0}.file_find label{position:absolute;top:0;right:0;display:inline-block;width:90px;height:35px;line-height:35px;background-color:#5d6372;vertical-align:middle;text-align:center;font-size:14px;color:#fff;cursor:pointer;box-sizing:border-box}.file_find .upload-name{overflow:hidden;display:inline-block;width:100%;background-color:#fff;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;-webkit-appearance:none;-moz-appearance:none;appearance:none}[data-skin="popup"]{display:none;position:fixed;top:0;left:0;z-index:10;width:100%;height:100%}[data-skin="popup"].on{z-index:10;display:block}[data-skin="popup"]:before{content:"";display:block;position:fixed;left:0;top:0;z-index:0;width:100%;height:100%;background-color:rgba(0,0,0,.85)}[data-skin="popup"] .titles{padding:.92em 1em;background-color:#3C6A3C;box-sizing:border-box;overflow:hidden;border-radius:.65em .65em 0 0;-webkit-border-radius:.65em .65em 0 0}[data-skin="popup"] .titles strong{display:block;width:100%;line-height:1.35em;font-weight:500;font-size:1.35em;text-align:center;color:#fff}[data-skin="popup"]>.bx{position:fixed;top:50%;left:50%;z-index:1;max-width:calc(1200px + 4em);width:100%;padding:0 2em;box-sizing:border-box;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}[data-skin="popup"]>.bx:focus{border:2px solid #000;outline:none}[data-skin="popup"]>.bx .txts{position:relative;max-height:65vh;height:auto;padding:1.25em 1em;background-color:#fff;box-sizing:border-box;overflow:hidden;border-radius:0 0 .65em .65em;-webkit-border-radius:0 0 .65em .65em}[data-skin="popup"]>.bx .txts .form_box{top:1.25em;right:1em}[data-skin="popup"]>.bx .txts [data-skin="item"]{max-height:55vh;overflow:auto}[data-skin="popup"] .bx .btn_group{margin-top:1em;text-align:center}[data-skin="popup"] .bx .close{overflow:hidden;position:absolute;top:-3.65em;right:2em;width:2.75em;height:2.75em;border-radius:50%;background:rgba(255,255,255,.2) url(../../../images/site/skin/popup_icon_close.svg) no-repeat center;text-indent:-2000px}[data-skin="popup"][data-type="2"]>.bx{max-width:41em}[data-skin="popup"][data-type="2"]>.bx .txts{padding:2.2em .8em}.ui-dialog.ui-widget.ui-widget-content.ui-corner-all{position:fixed;top:50%!important;left:50%!important;display:block;width:100%!important;max-width:41em;padding:0;box-sizing:border-box;transform:translate(-50%,-50%);border:none;border-radius:20px}.ui-dialog.ui-widget.ui-widget-content.ui-corner-all #layerPop,#progress.GWSdialog-progress{position:relative;padding:4em 1.2em 2em;box-sizing:border-box}.ui-dialog.ui-widget.ui-widget-content.ui-corner-all #layerPop .titles,#progress.GWSdialog-progress .titles{position:absolute;top:0;left:0;width:100%;padding:.92em 1em;background-color:#3C6A3C;box-sizing:border-box;overflow:hidden;border-radius:20px 20px 0 0}.ui-dialog.ui-widget.ui-widget-content.ui-corner-all #layerPop .titles strong,#progress.GWSdialog-progress .titles strong{display:block;width:100%;line-height:1.35em;font-weight:500;font-size:1.35em;text-align:center;color:#fff}.ui-dialog.ui-widget.ui-widget-content.ui-corner-all #layerPop [class*="GWSdialog-button-set"]{display:block;width:100%;text-align:center}.ui-dialog.ui-widget.ui-widget-content.ui-corner-all #layerPop [data-skin="btn"]{color:#fff}.ui-dialog.ui-widget.ui-widget-content.ui-corner-all #layerPop [data-skin="btn"]:nth-of-type(n+2){margin-left:1em}#progress.GWSdialog-progress .GWSdialog-progress-font{display:block;min-height:5em;padding-top:1em;box-sizing:border-box}@media all and (max-width :1024px){[data-skin="popup"]>.bx .txts .form_box{position:absolute}[data-skin="popup"][data-type="2"]>.bx{padding:0 1em}[data-skin="popup"] .bx .close{right:1em}}@media all and (max-width :420px){[data-skin="popup"]>.bx .txts .form_box{position:relative;top:auto;right:auto}}.tip_box{position:relative}.tip_box>span{position:absolute;top:0;left:1.7em;}.tip_box>ul{padding-left:5em}.tip_box>ul:after{content:"";display:block;clear:both}.tip_box>ul li{float:left;width:50%}.tip_box>ul li:not(:first-child){margin-top:0}.tip_box>ul li:nth-child(n+3){margin-top:.3em}@media all and (max-width :740px){.tip_box>ul{padding-left:4em}.tip_box>ul li{float:none;width:100%}.tip_box>ul li:nth-child(n+2){margin-top:.3em}}[data-skin="boxs"]{width:100%;padding:1.5em 1.8em;box-sizing:border-box}[data-skin="boxs"][data-type="1"]{background-color:#F1F5F1;color:#3C6A3C}[data-skin="boxs"][data-type="2"]{position:relative;padding:1.8em 2.2em;border-radius:.5em;box-shadow:0 0 4px rgba(0,0,0,.25)}[data-skin="boxs"][data-type="2"][data-title="yes"]{margin-top:1.8em;padding:3.6em 2.2em 1.8em}[data-skin="boxs"][data-type="2"] .tt{position:absolute;top:0;left:50%;padding:.816em 3em;background-color:#fff;border-radius:2em;font-size:1.15em;box-shadow:0 0 4px rgba(0,0,0,.25);box-sizing:border-box;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}@media screen and (max-width:1024px){[data-skin="boxs"][data-type="2"]{padding:1.5em 1.9em}}@media screen and (max-width:640px){[data-skin="boxs"][data-type="2"]{padding:1.2em 1.6em}}@media screen and (max-width:480px){[data-skin="boxs"][data-type="2"]{padding:1em 1.4em}}.roof_tit{position:relative;padding:0 0 1.3em;box-shadow:0 0 4px rgba(0,0,0,.25);border-radius:.65em;box-sizing:border-box}.roof_tit[data-type="3"]{box-shadow:none;border:1px solid #CCDFCC}.roof_tit[data-type="4"]{box-shadow:none;border:1px solid #E4D9C9}.roof_tit[data-type="5"]{padding-bottom:0}.roof_tit[data-type="6"]{padding:0}.roof_tit .tits{padding:.97em 1.35em;background-color:#63483B;box-sizing:border-box;border-radius:.65em .65em 0 0;-webkit-border-radius:.65em .65em 0 0}.roof_tit[data-type="2"] .tits{background-color:#3C6A3C}.roof_tit[data-type="3"] .tits{padding:1.075em 1.35em;background-color:#F2F5F1}.roof_tit[data-type="4"] .tits{padding:1.075em 1.35em;background-color:#F9F6F2}.roof_tit[data-type="5"] .tits{display:block;width:100%;background-color:#F2F2F2}.roof_tit .tits strong{display:block;font-size:1.15em;text-align:center;color:#fff}.roof_tit.align_left strong{text-align:left}.roof_tit[data-type="3"] .tits strong{font-weight:500;color:#333;font-size:1em}.roof_tit[data-type="4"] .tits strong{font-weight:500;color:#333;font-size:1em}.roof_tit[data-type="5"] .tits strong{font-weight:500;color:#333;text-align:left}.roof_tit[data-type="5"][data-title="2"]>strong i{font-style:normal}.roof_tit[data-type="5"][data-title="2"]>strong i:nth-child(2){position:absolute;right:1.35em}.roof_tit[data-type="3"] .tits strong span{color:#3C6A3C}.roof_tit[data-type="4"] .tits strong span{color:#63483B}.roof_tit[data-type="5"] .tits strong span{color:#3C6A3C}.roof_tit .bg_on{padding:1.3em 1.25em;box-sizing:border-box;background:#F8F7F5}.roof_tit .txts{margin-top:1.3em;padding:0 1.25em;box-sizing:border-box}.roof_tit[data-type="5"] .tab_c{display:table;table-layout:fixed;width:100%}.roof_tit[data-type="5"] .tab_c .txts{display:table-cell}.roof_tit[data-type="5"] .txts{position:relative;display:block;padding-top:1.75em;padding-bottom:2em;text-align:center}.roof_tit[data-type="5"] .txts:after{content:"";position:absolute;top:0;left:0;display:block;width:2px;height:100%;background-color:#f2f2f2}.roof_tit[data-type="5"] .txts:first-child:after{display:none}.roof_tit[data-type="5"] .txts>a{display:block;margin:0 auto;width:280px;height:310px}.roof_tit[data-type="5"] .txts>a img{width:100%;height:100%}.roof_tit[data-type="5"][data-title="2"] .tits strong{position:relative}.roof_tit[data-type="5"][data-title="2"] .tits i{font-style:normal}.roof_tit[data-type="5"][data-title="2"] .tits i:nth-child(2){position:absolute;bottom:50%;right:0;display:block;transform:translateY(50%);-webkit-transform:translateY(50%)}.roof_tit[data-type="6"] .txts{margin-top:0;padding:0 .95em}@media screen and (max-width:1024px){.roof_tit .txts{padding:0 1em}.roof_tit[data-type="5"] .txts>a{width:100%;height:100%}}@media screen and (max-width:840px){.roof_tit .txts{padding:0 .8em}}@media screen and (max-width:640px){[data-skin="boxs"][data-type="2"][data-title="yes"]{padding:3.2em 1.5em 1.8em}.roof_tit .tits{padding:.85em 1em}.roof_tit .txts{padding:0 .6em}.roof_tit[data-type="5"]{display:block}.roof_tit[data-type="5"] .tab_c,.roof_tit[data-type="5"] .tab_c .txts{display:block}.roof_tit[data-type="5"] .txts{display:block;margin-top:0;padding-top:.5em;padding-bottom:1em}.roof_tit[data-type="5"] .txts:nth-child(n+2):after{width:100%;height:2px}.roof_tit[data-type="5"] .txts>a img{width:252px;height:279px}}@media screen and (max-width:420px){.roof_tit[data-type="5"][data-title="2"] .tits i:nth-child(2){position:relative;bottom:auto;right:auto;transform:translateY(0);-webkit-transform:translateY(0)}}[data-skin="item"]+[data-skin="item"]{margin-top:2.5em}[data-skin="boxs"]+[data-skin="boxs"]{margin-top:2em}[data-skin="boxs"]+[data-skin="boxs"][data-title="yes"]{margin-top:3.8em}[data-skin="boxs"]+[data-skin="item"]{margin-top:1.2em}[data-skin="item"]+[data-skin="boxs"][data-type="1"],[data-skin="boxs"][data-type="1"]+[data-skin="item"]{margin-top:2.5em}[data-skin="list"]+[data-skin="item"],p+[data-skin="boxs"],p+[data-skin="item"],ul+[data-skin="boxs"],[data-skin="boxs"]+p{margin-top:1.2em}.img_scroll{position:relative}.img_scroll:before{content:"좌우로 터치해서 보세요.";font-size:13px;width:168px;margin:0 auto;box-sizing:border-box;padding:0 0 0 25px;line-height:25px;color:#00589b;display:none;background:url(../../../images/site/skin/scroll_ico.png) no-repeat left top;height:22px;background-size:auto 100%}.img_scroll .move{text-align:center}.img_scroll .move img{display:inline-block;margin:0 auto;width:100%;height:100%}@media all and (max-width :740px){.img_scroll:before{display:block}.img_scroll .move{overflow:hidden;overflow-x:auto;margin-top:10px}.img_scroll .move img{width:auto}} /*core/core.css*/ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// Basic /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ html,body{height:100%;} body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, button{margin:0; padding:0;} body, h1, h2, h3, h4, h5, h6, th, td, input, select, textarea{line-height:22px; margin:0; padding:0; color:#555; font-size:15px; font-weight:400; font-family:'Noto Sans KR', Arial, sans-serif;} ul, ol, dl, dt, dd{margin:0; padding:0; list-style:none;} img{border:none;} hr{display:none;} fieldset{border:none;} legend{display:none;} p{margin:0;} table{table-layout:fixed; border-collapse:collapse; border-spacing:0;} table caption{overflow:hidden; position:relative; line-height:1px; font-size:1px; text-indent:-30000px;} .hidden{overflow:hidden; position:absolute; top:0; left:-30000px; line-height:1px; font-size:1px;} @media screen and (max-width:640px){ body, h1, h2, h3, h4, h5, h6, th, td, input, select, textarea{line-height:17px; font-size:14px;} } /* 초기 한글사용(한글 및 중국, 일본 사이트용) */ input[type="text"], input[type="password"], textarea{ime-mode:active;} *{ -webkit-text-size-adjust:none; text-size-adjust:none; word-wrap: break-word; word-break: keep-all; } /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// Skip /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ #skip{position:absolute; left:0; top:0; width:100%; margin:0 auto; z-index:999;} #skip a{display:block; position:absolute; left:0; padding:10px; color:#fff; background:#000;} #skip a:link, #skip a:visited, #skip a:active{top:-10000px;} #skip a:hover, #skip a:focus{top:0;} /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// Align /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .align_left{text-align:left !important;} .align_right{text-align:right !important;} .align_center{text-align:center !important;} .float_left{float:left;} .float_right{float:right;} .clear{clear:both;} /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// Link /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ a{color:#222;} a:link, a:visited, a:active{text-decoration:none;} a:hover, a:focus{text-decoration:underline;} /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// Form /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ input{box-sizing:border-box;} input[type="text"], input[type="password"]{height:30px; padding:0 5px; line-height:30px; border:1px solid #cecece; vertical-align:middle;} input[type="radio"], input[type="checkbox"]{margin-right:2px; vertical-align:middle;} label{vertical-align:middle;} input[type="submit"]{height:30px; padding:0 5px; line-height:30px; vertical-align:middle; cursor:pointer; border:none; background:#ccc;} input[type="file"]{cursor:pointer; vertical-align:middle;} input[type="text"], input[type="password"], input[type="submit"], button{appearance:none; -webkit-appearance:none; border-radius:0; -webkit-border-radius:0;} textarea{border:1px solid #dbdbdb; padding:5px; box-sizing:border-box;} select{border:1px solid #dbdbdb; padding:0 5px; cursor:pointer; vertical-align:middle; box-sizing:border-box;} input[readonly="readonly"], textarea[readonly="readonly"], input[disabled="disabled"], textarea[disabled="disabled"]{background:#f0f3f0; color:#909090;} /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// 새창링크 /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ a.blank{position:relative; display:inline-block; font-size:14px; text-decoration:underline; text-underline-position:under;} a.blank:after{content:""; display:inline-block; width:12px; height:12px; background:url(../../../images/site/skin/win.gif) no-repeat left top; margin-left:5px; vertical-align:middle;} a.blank:link, a.blank:visited, a.blank:active{color:#404040;} a.blank:hover{text-decoration:underline; color:#404040;} /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// Font & Color /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .red{color:#ff0000 !important;} .green{color:#5B735B !important;} /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// Tab /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /*.js_tab{margin-bottom:30px; padding:0;} .js_tab.select .title a:active, .js_tab.select .title a:link, .js_tab.select .title a:visited{text-decoration:none;} .js_tab .title{display:none;} .js_tab ul{overflow:hidden; width:100%;} .js_tab ul li{float:left; width:auto; margin-right:5px; padding-bottom:5px; box-sizing:border-box;} .js_tab ul li:last-child{border-right:0px;} .js_tab ul li a{ position:relative; z-index:1; display:block; width:auto; height:45px; line-height:45px; padding:0 15px; border:1px solid #e5e5e5; font-size:16px; box-sizing:border-box; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; } .js_tab ul li a:hover, .js_tab ul li.on a{background-color:#1e5490; border:1px solid #1e5490; color:#fff;} .js_tab ul li a:link, .js_tab ul li a:visited .js_tab ul li a:active, .js_tab ul li a:hover, .js_tab ul li.on a{text-decoration:none;} .js_tab.select{overflow:hidden;} .js_tab.select .title{display:block; border:none; background-color:#1e5490; background-image:url(../../../images/site/skin/icon_tab.gif); background-repeat:no-repeat; background-position:center right 15px;} .js_tab.select .title a{display:block; height:42px; line-height:44px; padding:0px 35px 0px 15px; font-size:15px; font-weight:400; color:#fff;} .js_tab.select ul{display:none;} .js_tab.select ul li{float:none; margin-right:0; padding-bottom:0;} .js_tab.select ul li a{width:100%; height:36px; line-height:36px; background-color:#fff; border-top:0; border-color:#ccc; font-size:14px;} .js_tab.select ul li a:hover, .js_tab.select ul li.on a{background-color:#eeeeee; color:#636363;}*/ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// Button /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ a.btn{ display:inline-block; min-width:83px; height:35px; line-height:35px; padding:0 10px; font-size:14px; text-align:center; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; } a.btn, a.btn:link, a.btn:visited, a.btn:active{background:#3C6A3C; border:1px solid #3C6A3C; color:#fff;} a.btn:hover{background:#fff; border:1px solid #3C6A3C; color:#3C6A3C; text-decoration:none;} /* btn color */ a.btn.bg_01:link, a.btn.bg_01:visited, a.btn.bg_01:active{background:#63483B; border:1px solid #63483B;} a.btn.bg_01:link:hover, a.btn.bg_01:visited:hover, a.btn.bg_01:active:hover{background:#fff; border:1px solid #63483B; color:#63483B;} a.btn.bg_02:link, a.btn.bg_02:visited, a.btn.bg_02:active{background:#4f5f79; border:1px solid #4f5f79;} a.btn.bg_02:link:hover, a.btn.bg_02:visited:hover, a.btn.bg_02:active:hover{background:#fff; border:1px solid #4f5f79; color:#4f5f79;} /* btn down */ a.btn.down{padding:0 12px;} a.btn.down:after{ content:""; display: inline-block; width:9px; height:13px; margin-left:6px; margin-top:-4px; background-image: url(../../../images/site/skin/icon_down.gif); background-repeat:no-repeat; background-size:100%; vertical-align:middle; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; } a.btn.down:hover:after{background-image:url(../../../images/site/skin/icon_down_ov.gif);} a.btn.down.bg_01:hover:after{background-image:url(../../../images/site/skin/icon_down_ov_2.gif);} a.btn.down.bg_02:hover:after{background-image:url(../../../images/site/skin/icon_down_ov_3.gif);} /* btn arrow */ a.btn.arrow{padding:0 12px;} a.btn.arrow:after{ content:""; display: inline-block; width:5px; height:9px; margin-top:-2.5px; margin-left:8px; background-image: url(../../../images/site/skin/icon_arrow.gif); background-repeat:no-repeat; vertical-align:middle; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; } a.btn.arrow:hover:after{background-image: url(../../../images/site/skin/icon_arrow_ov.gif);} a.btn.arrow.bg_01:hover:after{background-image: url(../../../images/site/skin/icon_arrow_ov_2.gif);} a.btn.arrow.bg_02:hover:after{background-image: url(../../../images/site/skin/icon_arrow_ov_3.gif);} /* btn link */ a.btn.link{padding:0 12px;} a.btn.link:after{ content:""; display: inline-block; width:11px; height:11px; margin-top:-2px; margin-left:5px; background-image: url(../../../images/site/skin/icon_link.gif); background-repeat:no-repeat; vertical-align:middle; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; } a.btn.link:hover:after{background-image: url(../../../images/site/skin/icon_link_ov.gif);} a.btn.link.bg_01:hover:after{background-image: url(../../../images/site/skin/icon_link_ov_2.gif);} a.btn.link.bg_02:hover:after{background-image: url(../../../images/site/skin/icon_link_ov_3.gif);} /* btn small */ a.btn.small{min-width:65px; height:25px; line-height:25px; font-size:13px;} /* btn small fileview */ a.btn.small.fileview:before{content:""; display: inline-block; width:8px; height:10px; margin-right:4px; background-image:url(../../../images/site/skin/icon_fileview.gif); background-repeat:no-repeat;} a.btn.small.fileview:hover:before{ content:""; display: inline-block; width:8px; height:10px; background-image:url(../../../images/site/skin/icon_fileview_ov.gif); transition:all 0.3s ease; -webkit-transition:all 0.3s ease; } a.btn.small.fileview.bg_01:hover:before{background-image:url(../../../images/site/skin/icon_fileview_ov_2.gif);} a.btn.small.fileview.bg_02:hover:before{background-image:url(../../../images/site/skin/icon_fileview_ov_3.gif);} @media screen and (max-width:640px){ a.btn{min-width:76px; height:30px; line-height:30px;} a.btn.arrow:after{margin-left:5px; margin-top:-2.4px;} a.btn.small{min-width:56px;} } /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// Animate /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .ani{transition : all 0.5s ease; -webkit-transition : all 0.5s ease;} /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// Mobile_check Tag /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .js_mobile_check{display:none;} /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// tip /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .tip{ position:relative; margin-top:0.7em; padding-left:1.7em; font-size:0.9em; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; } .tip>a[target="_blank"]{padding-right:1.2em; background:url(../../../images/site/skin/icon_blank.svg) no-repeat right 0.1em top 0.35em; text-decoration: underline; text-underline-position: under; color:#2b7b2b; box-sizing:border-box;} .tip:after{ content:""; position:absolute; top:0.15em; left:0; display:inline-block; width:1.112em; height:1.112em; line-height:1.112em; background:url(../../../images/site/skin/tip_icon.svg) no-repeat center; border:1px solid #828282; border-radius:50%; -webkit-border-radius:50%; } /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// error /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ #system_error{margin:10% 0; text-align:center;} #system_error img{max-width:100%;} @media screen and (max-width:640px){ #system_error p{line-height:17px; font-size:14px;} } /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// js_slide Tag /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .js_slide{position:relative; width:100%; height:80px; padding:10px 10px 10px 130px; box-sizing:border-box;} .js_slide .title{display:block; position:absolute; left:0; top:12px; z-index:1; width:120px; font-size:18px; text-align:center;} .js_slide .control{position:absolute; left:0; right:auto; top:auto; bottom:0px; z-index:1; width:120px; padding:0; text-align:center;} .js_slide .control .count{display:none;} .js_slide .control a[class*="btn_"]{overflow:hidden; display:inline-block; width:31px; height:31px; text-indent:-1000px; border:1px solid #c5c5c5; background:#fff url(../../../images/site/skin/slider_control.png) no-repeat;} .js_slide .control a.btn_left{background-position:0 0;} .js_slide .control a.btn_play{display:none; background-position:0 -93px;} .js_slide .control a.btn_stop{background-position:0 -62px;} .js_slide .control a.btn_right{background-position:0 -31px;} .js_slide .control ul{display:none;} .js_slide .move{overflow:hidden; position:relative; z-index:0; width:100%; height:100%;} .js_slide .move ul{overflow:hidden; position:absolute; left:0; top:0; width:200000px; height:100%;} .js_slide .move ul li{float:left; width:170px; height:100%; padding:0px 5px;} .js_slide .move ul li a{overflow:hidden; display:block; position:relative; height:100%; text-align:center; border:1px solid #c5c5c5; background-color:#eee; box-sizing:border-box; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;} .js_slide .move ul li a:hover, .js_slide .move ul li a:focus{border:1px solid #ff6600;} .js_slide .move ul li a span{display:block; position:absolute; left:50%; top:0; width:2000px; height:100%; margin-left:-1000px; text-align:center;} .js_slide .move ul li img{display:block; margin:0 auto; height:100%;} .js_slide.type_02{width:400px; height:250px; padding:0;} .js_slide.type_02 .title{left:10px;} .js_slide.type_02 .control{left:auto; right:10px; top:5px; width:100%; height:31px; background:#fff;} .js_slide.type_02 .control .count{display:inline-block; letter-spacing:2px; vertical-align:middle;} .js_slide.type_02 .control .count span{font-weight:700;} .js_slide.type_02 .control a[class*="btn_"]{border:none; vertical-align:middle;} .js_slide.type_02 .move{position:absolute; left:0; top:0; height:100%;} .js_slide.type_02 .move ul{width:100%;} .js_slide.type_02 .move ul li{float:none; position:absolute; left:100%; top:0; width:100%; padding:0;} .js_slide.type_02 .move ul li:first-child{left:0;} .js_slide.type_02 .move ul li a{overflow:hidden;} .js_slide.type_02 .move ul li a:hover{border:none;} .js_slide.type_02 .move ul li a:focus{border:1px solid #ff6600;} .js_slide.type_03{width:100%; height:500px; padding:0;} .js_slide.type_03 .title{ left:10%; top:20%; width:auto; font-size:40px; text-align:left; color:#fff; text-shadow:1px 1px 2px #000; -moz-text-shadow:1px 1px 2px #000; -webkit-text-shadow:1px 1px 2px #000; -ms-text-shadow:1px 1px 2px #000; -khtml-text-shadow:1px 1px 2px #000; -o-text-shadow:1px 1px 2px #000; } .js_slide.type_03 .title span{display:block; line-height:22px; margin-top:10px; font-weight:400; font-size:16px;} .js_slide.type_03 .control{left:0; bottom:auto; top:0; width:100%; height:100%;} .js_slide.type_03 .control a[class*="btn_"]{position:absolute;} .js_slide.type_03 .control a.btn_left, .js_slide.type_03 .control a.btn_right{z-index:9; width:100px; height:100%; border:none; background:none !important;} .js_slide.type_03 .control a.btn_play, .js_slide.type_03 .control a.btn_stop{right:20px; bottom:20px; z-index:10; background:#fff url(../../../images/site/skin/slider_control.png) no-repeat;} .js_slide.type_03 .control a.btn_left{left:0; top:0;} .js_slide.type_03 .control a.btn_right{right:0; top:0;} .js_slide.type_03 .control a.btn_left span, .js_slide.type_03 .control a.btn_right span{display:block; position:absolute; left:0; top:50%; width:100px; height:100px; margin-top:-50px;} .js_slide.type_03 .control a.btn_play span, .js_slide.type_03 .control a.btn_stop span{display:block; width:100%; height:100%;} .js_slide.type_03 .control a.btn_left span{background:url(../../../images/site/skin/btn_icon_08.png) no-repeat center 0px;} .js_slide.type_03 .control a.btn_play{background-position:0 -93px;} .js_slide.type_03 .control a.btn_stop{display:none; background-position:0 -62px;} .js_slide.type_03 .control a.btn_right span{background:url(../../../images/site/skin/btn_icon_09.png) no-repeat center 0px;} .js_slide.type_03 .control ul{display:block; position:absolute; left:0; bottom:20px; z-index:9; width:100%; text-align:left;} .js_slide.type_03 .control ul li{display:inline-block; margin-right:4px;} .js_slide.type_03 .control ul li:first-child{margin-left:20px;} .js_slide.type_03 .control ul li a{ overflow:hidden; display:block; width:20px; height:20px; text-indent:-10000px; background-color:#c5c5c5; border-radius:10px; -webkit-border-radius:10px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; } .js_slide.type_03 .control ul li a.on{width:50px;} .js_slide.type_03 .move{position:absolute; left:0; top:0; height:100%;} .js_slide.type_03 .move ul{width:100%;} .js_slide.type_03 .move ul li{float:none; position:absolute; left:100%; top:0; width:100%; padding:0;} .js_slide.type_03 .move ul li:first-child{left:0;} .js_slide.type_03 .move ul li a{overflow:hidden; cursor:default;} .js_slide.type_03 .move ul li a:hover, .js_slide.type_03 .move ul li a:focus{border:none;} @media screen and (max-width: 800px){ .js_slide.type_03{height:500px;} } @media screen and (max-width: 600px){ .js_slide.type_03{height:300px;} .js_slide.type_03 .title{left:0; top:15%; width:100%; padding:0px 10px; font-size:23px; text-align:center; box-sizing:border-box;} .js_slide.type_03 .title span{font-size:12px;} .js_slide.type_03 .control a.btn_left, .js_slide.type_03 .control a.btn_right{display:none;} } div[class*="slide_view_"]{position:relative; width:70%; height:auto; padding:0px 0px 36px 0px; margin:0 auto 10px; text-align:center; background-color:#eee;} div[class*="slide_view_"] span{position:absolute; left:0; bottom:0; width:100%; height:36px; padding:0 15px; line-height:36px; font-size:15px; text-align:center; color:#505050; background-color:#fff; box-sizing:border-box;} div[class*="slide_view_"] span strong{display:inline-block; font-weight:700; font-size:15px;} div[class*="slide_view_"] img{display:block; max-width:100%; margin:0 auto;} div[class*="slide_view_"].notitle{padding-bottom:0;} div[class*="slide_view_"].notitle span{display:none;} .js_slide.type_04{height:80px; padding:0px 50px;} .js_slide.type_04 .title{display:none;} .js_slide.type_04 .control{bottom:0; z-index:0; width:100%; height:100%;} .js_slide.type_04 .control a.btn_play, .js_slide.type_04 .control a.btn_stop{display:none;} .js_slide.type_04 .control a.btn_left, .js_slide.type_04 .control a.btn_right{display:block; position:absolute; top:0; width:40px; height:100%; border:none; background:none;} .js_slide.type_04 .control a.btn_left{left:0;} .js_slide.type_04 .control a.btn_right{right:0;} .js_slide.type_04 .control a.btn_left span, .js_slide.type_04 .control a.btn_right span{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-size:auto 50% !important; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; } .js_slide.type_04 .control a.btn_left span{background:url(../../../images/site/skin/photo_slide_left.gif) no-repeat center center;} .js_slide.type_04 .control a.btn_right span{background:url(../../../images/site/skin/photo_slide_right.gif) no-repeat center center;} .js_slide.type_04 .control a.btn_left:hover span{background:#b6b6b6 url(../../../images/site/skin/photo_slide_left_on.gif) no-repeat center center;} .js_slide.type_04 .control a.btn_right:hover span{background:#b6b6b6 url(../../../images/site/skin/photo_slide_right_on.gif) no-repeat center center;} .js_slide.type_04 .move ul li a:hover, .js_slide.type_04 .move ul li a:focus, .js_slide.type_04 .move ul li a.on:link, .js_slide.type_04 .move ul li a.on:visited, .js_slide.type_04 .move ul li a.on:active, .js_slide.type_04 .move ul li a.on:hover{border:2px solid #ff6600;} /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// Padding /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .pt_00{padding-top:0px !important;} .pt_05{padding-top:5px !important;} .pt_10{padding-top:10px !important;} .pt_15{padding-top:15px !important;} .pt_20{padding-top:20px !important;} .pt_25{padding-top:25px !important;} .pt_30{padding-top:30px !important;} .pt_35{padding-top:35px !important;} .pt_40{padding-top:40px !important;} .pt_45{padding-top:45px !important;} .pt_50{padding-top:50px !important;} .pr_00{padding-right:0px !important;} .pr_05{padding-right:5px !important;} .pr_10{padding-right:10px !important;} .pr_15{padding-right:15px !important;} .pr_20{padding-right:20px !important;} .pr_25{padding-right:25px !important;} .pr_30{padding-right:30px !important;} .pr_35{padding-right:35px !important;} .pr_40{padding-right:40px !important;} .pr_45{padding-right:45px !important;} .pr_50{padding-right:50px !important;} .pb_00{padding-bottom:0px !important;} .pb_05{padding-bottom:5px !important;} .pb_10{padding-bottom:10px !important;} .pb_15{padding-bottom:15px !important;} .pb_20{padding-bottom:20px !important;} .pb_25{padding-bottom:25px !important;} .pb_30{padding-bottom:30px !important;} .pb_35{padding-bottom:35px !important;} .pb_40{padding-bottom:40px !important;} .pb_45{padding-bottom:45px !important;} .pb_50{padding-bottom:50px !important;} .pl_00{padding-left:0px !important;} .pl_05{padding-left:5px !important;} .pl_10{padding-left:10px !important;} .pl_15{padding-left:15px !important;} .pl_20{padding-left:20px !important;} .pl_25{padding-left:25px !important;} .pl_30{padding-left:30px !important;} .pl_35{padding-left:35px !important;} .pl_40{padding-left:40px !important;} .pl_45{padding-left:45px !important;} .pl_50{padding-left:50px !important;} /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// Margin /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .mt_00{margin-top:0px !important;} .mt_05{margin-top:5px !important;} .mt_10{margin-top:10px !important;} .mt_15{margin-top:15px !important;} .mt_20{margin-top:20px !important;} .mt_25{margin-top:25px !important;} .mt_30{margin-top:30px !important;} .mt_35{margin-top:35px !important;} .mt_40{margin-top:40px !important;} .mt_45{margin-top:45px !important;} .mt_50{margin-top:50px !important;} .mr_00{margin-right:0px !important;} .mr_05{margin-right:5px !important;} .mr_10{margin-right:10px !important;} .mr_15{margin-right:15px !important;} .mr_20{margin-right:20px !important;} .mr_25{margin-right:25px !important;} .mr_30{margin-right:30px !important;} .mr_35{margin-right:35px !important;} .mr_40{margin-right:40px !important;} .mr_45{margin-right:45px !important;} .mr_50{margin-right:50px !important;} .mb_00{margin-bottom:0px !important;} .mb_05{margin-bottom:5px !important;} .mb_10{margin-bottom:10px !important;} .mb_15{margin-bottom:15px !important;} .mb_20{margin-bottom:20px !important;} .mb_25{margin-bottom:25px !important;} .mb_30{margin-bottom:30px !important;} .mb_35{margin-bottom:35px !important;} .mb_40{margin-bottom:40px !important;} .mb_45{margin-bottom:45px !important;} .mb_50{margin-bottom:50px !important;} .ml_00{margin-left:0 !important;} .ml_05{margin-left:5px !important;} .ml_10{margin-left:10px !important;} .ml_15{margin-left:15px !important;} .ml_17{margin-left:17px !important;} .ml_18{margin-left:18px !important;} .ml_20{margin-left:20px !important;} .ml_25{margin-left:25px !important;} .ml_30{margin-left:30px !important;} .ml_35{margin-left:35px !important;} .ml_40{margin-left:40px !important;} .ml_45{margin-left:45px !important;} .ml_50{margin-left:50px !important;} /*/js/core/plug/calendar/jquery-ui.css*/ /*! jQuery UI - v1.10.3 - 2013-05-03 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px * Copyright 2013 jQuery Foundation and other contributors Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; min-height: 0; /* support: IE7 */ } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-noicons { padding-left: .7em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; /* removes extra width in IE */ } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2.2em; } /* button elements seem to need a little more width */ button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /* button text element */ .ui-button .ui-button-text { display: block; line-height: normal; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /* button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /* button sets */ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ /* reset extra padding in Firefox, see h5bp.com/l */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 21px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-menu { list-style: none; padding: 2px; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .ui-menu .ui-menu-item { margin: 0; padding: 0; width: 100%; /* support: IE10, see #8844 */ list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); } .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; min-height: 0; /* support: IE7 */ font-weight: normal; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; } .ui-menu .ui-state-disabled a { cursor: default; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; } /* right-aligned */ .ui-menu .ui-menu-icon { position: static; float: right; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("images/animated-overlay.gif"); height: 100%; filter: alpha(opacity=25); opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* For IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to overide default borders */ .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* vertical centre icon */ .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /* TR overrides */ .ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */ background-position: -65px -16px; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; } .ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* For IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url(images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon { background-image: url(images/ui-icons_222222_256x240.png); } .ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(images/ui-icons_454545_256x240.png); } .ui-state-active .ui-icon { background-image: url(images/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon { background-image: url(images/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(images/ui-icons_cd0a0a_256x240.png); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); border-radius: 8px; }