@charset "utf-8"; @import "/pcms/common/font/font_gmarketsans.css"; .layout{max-width:1200px;padding:0} @media(min-width:0px) { .layout{width:100%;padding:0 15px} } @media(min-width:1024px) { .layout{padding:0 30px} } @media(min-width:1480px) { .layout{max-width:1200px;padding:0} } #header #logo{ top: 12px; } #gnb .layout{ padding-left: 210px; padding-right: 50px; } #logo .ir-logo{width: 82px;height: 50px;background: url(/images/farm/common/logo.png?ver=20241111) 0 0 no-repeat;background-size: cover;} #header .text-logo span{ font-family: 'gmarket'; font-size: 20px; color: #272a2a; font-weight: bold; } .sr-only,.skip,.blind{position:absolute;overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px} .sr-only{display:block;width:1px;height:1px;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;position:absolute} #foot_layout{position:relative;z-index: 3;} #corona{position:relative;height:99px;background:#eef7fc url(/images/kor/common/2022/background_corona.jpg) no-repeat 0 0} #corona .layout{max-width:1240px;padding:14px 0 14px 394px;position:relative} #corona .title{position:absolute;top:4px;left:0;width:361px;padding:23px 0 23px 131px} #corona .title:before{content:"";display:block;position:absolute;top:0;left:0;width:105px;height:96px;background:url(/images/kor/common/2022/c_obj.png) no-repeat} #corona .title strong{display:block;width:229px;height:28px;background:url(/images/kor/common/2022/c_title.png) no-repeat;font-size:0} #corona .title span{font-size:14px;font-family:'gmarket';letter-spacing:.01em;color:#1f1f1f;font-weight:400;display:block;margin-top:1px;padding-left:5px;min-height:22px} #corona_stat{height:74px} #corona_stat > li{display:inline-block;margin:0 1%;background-color:#fff;height:74px;border-radius:10px;width:48%;float:left;padding-left:120px;position:relative} #corona_stat > li > .txt:before{content:"";display:block;position:absolute;top:50%;left:0;width:1px;height:60%;background-color:#efefef;transform:translate(0,-50%)} #corona_stat > li > .t_img{position:absolute;top:0;left:0;width:120px;font-family:'gmarket';text-align:center;height:74px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:400;letter-spacing:.01em;color:#e41a1a} #corona_stat > li.in02 > .t_img{color:#0b4575} #corona_stat > li > .txt{width:50%;float:left;height:74px;text-align:center;font-family:'gmarket';font-weight:400;padding:13px 5px;position:relative;color:#4a4e50;font-size:16px;line-height:1.3} #corona_stat > li > .txt > b{display:block;font-family:'gmarket';letter-spacing:.01em;font-weight:400;color:#838c90;font-size:15px;margin-bottom:6px} #corona .bn_close{position:absolute;bottom:11px;right:15px;} #corona .bn_close input{width:16px;height:16px;line-height:16px;border:1px solid #ddd;position: relative;top: -1px;display: inline-block;} #corona .bn_close label{font-size:14px;color:#4a4e50;font-family:'gmarket';font-weight:400;display: inline-block;} #corona .bn_close .btnClose{display:inline-block;width:18px;height:18px;font-size:0;background: #2280d7;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");border-radius: 50%;background-size: 14px;background-position: 50%;margin-left: -8px;position: relative;top: 1px;} .body #corona{display:none} .tnb{display:block;position:relative;background-color:#fff;border-bottom:1px solid #efefef;border-top:1px solid #efefef;z-index: 102;} #corona + .tnb{background-color:#fff} .tnb .layout{padding:14px 0 10px} .utile_wrap{position:relative;width:100%;z-index: 1;} .utile_wrap:after{content:"";display:block;clear:both} .utile_wrap .t1{display:flex;flex-wrap:wrap;position:relative;justify-content:flex-start} .utile_wrap .t1 > li{margin-right:30px} .utile_wrap .t1 > li > a{font-family:'gmarket';color:#1f1f1f;font-weight:400;transition:all .3s} .utile_wrap .t1 > li > a:hover,.utile_wrap .t1 > li > a:focus,.utile_wrap .t1 > li.on > a{color:#2280d7;font-weight:700} .utile_wrap .t3{position:absolute;top:0;right:0;display:flex;flex-wrap:wrap} .utile_wrap .t3 > li{margin-left:39px;position:relative} .utile_wrap .t3 > li > a{font-family:'gmarket';color:#1f1f1f;font-weight:100;position:relative;letter-spacing:.01em} .utile_wrap .t3 > li.dropDown{position:relative;z-index:99} .utile_wrap .t3 > li.dropDown > a{position:relative;padding:0 28px 0 15px;transition:all .3s;background:url(/images/kor/common/2022/icon-lang.png) no-repeat 0 50%} .utile_wrap .t3 > li.dropDown > a:after{content:"";display:inline-block;position:absolute;right:0;top:2px;width:7px;height:7px;margin-left:10px;border:solid rgba(0,0,0,.2);border-width:1px 0 0 1px;transform:rotate(223deg);-moz-transform:rotate(223deg);-ms-transform:rotate(223deg);-o-transform:rotate(223deg);-webkit-transform:rotate(223deg);vertical-align:middle} .utile_wrap .t3 > li.dropDown li a{font-family:nsk} .utile_wrap .t3 > li.dropDown > ul{width:100%;padding:32px 0 0;position:absolute;top:-9999999px;left:0} .utile_wrap .t3 > li.dropDown > ul li{width:100%;height:auto;background-color:#fafafa;padding:0;margin:0;border:1px solid #272a2a;border-top:0} .utile_wrap .t3 > li.dropDown > ul li:first-child{border-top:1px solid #272a2a} .utile_wrap .t3 > li.dropDown > ul li a{display:block;width:100%;font-size:14px;color:#1f1f1f;text-align:left;line-height:30px;padding:0 15px;font-family:'gmarket';font-weight:100;transition:all .3s;letter-spacing:.01em} .utile_wrap .t3 > li.dropDown > ul li a:before{display:none} .utile_wrap .t3 > li.dropDown > ul li a:hover,.utile_wrap .t3 > li.dropDown > ul li a:focus{background-color:#2280d7;color:#fff} .utile_wrap .t3 > li.dropDown.on > ul{top:0} .utile_wrap .t3 > li.dropDown.on > a:after{transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);vertical-align:middle;top:5px} @media(min-width:0px) { .tnb{display:none} } @media(min-width:1024px) { .tnb{display:block} } #animate{height:95px;} #header{border:0;height: 95px;} #animate.action{border-bottom:1px solid #ddd} #animate{height:95px;;position: absolute;top: 0;left: 0;width: 100%;} #animate .style{height:95px;;padding:0;margin:0} #gnb{height:95px;border-bottom:1px solid #efefef;position:relative;padding-top:0;border-top:1px solid #efefef;display: block;padding: 0 50px;} #menucontrol,#tm .item{top:95px;padding-bottom:0} #animate.action:after{display:none} #flower{top:67px} #sitelink #open_mn .ir{width:52px;height:52px;background-image:none;background-color:#fff;border-radius:26px;position:relative} #sitelink #open_mn .ir:before{width:18px;height:17px;background:url(../../images/kor/common/common_ir.png) no-repeat -1048px -1px;content:"";margin:-9px 0 0 -8px;position:absolute;top:50%;left:50%} #tm{display: flex;align-items: center;justify-content: center;} #tm .th1{width: 20%; max-width: 160px;} #tm .th1 > a{font-family:'gmarket';font-size:18px;font-weight:400;color:#272a2a;line-height:95px;position:relative;display:inline-block} #tm .th1 > a:after{display:inline-block;position:absolute;z-index:10;left:50%;bottom:0;content:'';width:0;height:1px;background:#0097e5;transition:all .3s;transform:translate(-50%,0)} #tm .th1 > a:hover:after{width:100%} #tm>li>a{line-height:60px} #tm>li>a:hover{color:#0097e5} #tm .gnb-gray{background-color:#fff;} div[id^="summary"]{width:269px;top: 0;left:-269px;padding: 20px 0;border-right:1px solid #efefef;min-height: 244px;/*background:url(/images/kor/common/2022/summary_bg.png) no-repeat right calc(100% - 50px) !important;*/ background: transparent !important} div[id^="summary"] strong {font-size:30px;color: #121212;font-family:'gmarket';} div[id^="summary"] p {font-size: 16px;color: #444444;font-family:'gmarket';font-weight: 400;width:120px;} #tm .item{width: calc(100% - 269px);right: 0;text-align: left;left: auto !important;opacity: 0;} #tm .item:before, #tm .item:after {display:block; position:absolute; content:''; top:45px; bottom:45px; width:1px; height:auto; background:#e9e9e9;} #tm .item:before {left:50%;} #tm .item:after {right:25%;} #tm .item .th2{position:relative;width: 100%;max-width:none;padding: 55px 0 50px;background: none;} #tm .item .th2:before {display:block;position:absolute;left: 25%;top:45px;bottom:45px;content:'';width:1px;height:auto;background:#e9e9e9;} #tm .item .th2:after {display: block;clear:both; visibility:hidden; content:'';} #tm .item .th2 > li {display: block;float: left;position: relative;width: 25%;margin: 0 0 20px;padding: 0 25px;text-align: left;border: none;} #tm .item .th2 > li > a{display:block;position: relative;margin: 0 0 10px;padding:12px 29px 10px 20px;border-radius: 5px;color:#333333;font-size: 17px;font-weight: bold;line-height: 1;transition: all 0.3s;-webkit-transition: all 0.3s;border: 1px solid #e4e8eb;font-family:'gmarket';font-size:16px; font-weight: 400;} #tm .item .th2 > li > a:after {display:block;position:absolute;top:17px;right: 19px;width: 5px;height: 5px;border: solid #2f3236;border-width: 0 2px 2px 0;content:'';transform: rotate(45deg);-webkit-transform: rotate(45deg);transition: all 0.3s;} #tm .item .th2 > li > a[target="_blank"]:after{content: ''; display:inline-block; width:11px;height:11px; background: url(/images/common/ico_window.gif) no-repeat center center; position:relative; margin-left: 5px; top:1px; transform: none; border:none;right:auto;} #tm .item .th2 > li > a span{display:none;} #tm .item .th2 > li > a:hover, #tm .item .th2 > li > a.on{background: #5a8ad9;color: #fff;border-color:#5a8ad9} #tm .item .th2 > li > a:hover:after, #tm .item .th2 > li > a.on:after {border-color:#fff} #tm .item .th2 > li > a[target="_blank"]:hover::after, #tm .item .th2 > li > a[target="_blank"].on::after{background: url(/images/common/ico_window_ov.png) no-repeat center center; } #tm > li#iconSet6 .item:before, #tm > li#iconSet6 .item:after, #tm > li#iconSet6 .item .th2:before, #tm > li#iconSet6 .item .th2:after{display:none;} #tm .th2.icon-menu>li{width:auto;padding:0;margin:0;max-width: 155px;} #tm .th2.icon-menu>li>a{border:none} #tm .th2.icon-menu>li>a:after{display:none;} #tm .th2.icon-menu>li>a:hover{background-color:#fff;border-color:#fff;color:#5a8ad9} #tm .th1 .window{display:none;} #tm .th3 li a{font-family:'gmarket';font-weight: 400;font-size:15px; position:relative} #tm .th3 li a[target="_blank"]:after{content: ''; display:inline-block; width:11px;height:11px; background: url(/images/common/ico_window.gif) no-repeat center center; position:relative; margin-left: 5px; top:1px} #mo_gnb{overflow:hidden} #mo_gnb{position:absolute;top:0;right: -370px;width: 100%;max-width: 360px;height:100%;background:#f9f9f9;z-index:1010;box-shadow:0px 0px 10px #333} #mo_gnb .mo_sitelink{text-align:left;background-color: #ededed;padding: 14px;} #mo_gnb .mo_sitelink span{display:inline-block;width:33.333%;padding: 2px 4px;border: none;margin: 0 -2px;} #mo_gnb .mo_sitelink span a{ display: block; padding: 8px; font-family: 'gmarket'; font-weight: 400; color: #1e1e1e; text-align:center; border: 1px solid #ddd; background: #fff; border-radius: 5px; font-size: 15px; } #mo_touchmove{position:relative;width:100%;overflow:hidden} #mo_gnb .mo_header{background-color:#2280d7;padding: 24px 19px 20px;height: 66px;} #mo_gnb .mo_header ul{display:flex;flex-wrap: wrap;position:relative;} #mo_gnb .mo_header ul > li{margin-left:34px;display: none;} #mo_gnb .mo_header ul > li{margin-left: 0;margin-right: 30px;position:relative} #mo_gnb .mo_header ul > li > a{font-family:'gmarket';color: #fff;font-weight:100;position:relative;letter-spacing:.01em} #mo_gnb .mo_header ul > li.dropDown{position:relative;z-index:99} #mo_gnb .mo_header ul > li.dropDown > a{position:relative;padding:0 28px 0 15px;transition:all .3s;background:url(/images/kor/common/2022/icon-lang_w.png) no-repeat 0 50%;background-position: left 2px;} #mo_gnb .mo_header ul > li.dropDown > a:after{content:"";display:inline-block;position:absolute;right:0;top:2px;width:7px;height:7px;margin-left:10px;border: solid rgba(255,255,255,.5);border-width:1px 0 0 1px;transform:rotate(223deg);-moz-transform:rotate(223deg);-ms-transform:rotate(223deg);-o-transform:rotate(223deg);-webkit-transform:rotate(223deg);vertical-align:middle} #mo_gnb .mo_header ul > li.dropDown li a{font-family:nsk} #mo_gnb .mo_header ul > li.dropDown > ul{width:100%;padding:32px 0 0;position:absolute;top:-9999999px;left:0} #mo_gnb .mo_header ul > li.dropDown > ul li{width:100%;height:auto;background-color:#fafafa;padding:0;margin:0;border:1px solid #272a2a;border-top:0} #mo_gnb .mo_header ul > li.dropDown > ul li:first-child{border-top:1px solid #272a2a} #mo_gnb .mo_header ul > li.dropDown > ul li a{display:block;width:100%;font-size:14px;color:#1f1f1f;text-align:left;line-height:30px;padding:0 15px;font-family:'gmarket';font-weight:100;transition:all .3s;letter-spacing:.01em} #mo_gnb .mo_header ul > li.dropDown > ul li a:before{display:none} #mo_gnb .mo_header ul > li.dropDown > ul li a:hover,.utile_wrap .t3 > li.dropDown > ul li a:focus{background-color:#2280d7;color:#fff} #mo_gnb .mo_header ul > li.dropDown.on > ul{top:0} #mo_gnb .mo_header ul > li.dropDown.on > a:after{transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);vertical-align:middle;top:5px} #mo_gnb .mo_header ul > li.n3{ position: static; display: block; } #mo_gnb #close_mn{display:block;width:48px;height:48px;background:url(/images/kor/common/2022/close_mn.png) no-repeat;font-size: 0;position: absolute;top: -10px;right: 0;} #mo_tm{position:relative;height:100%;/*overflow-x:hidden;overflow-y:auto*/} #mo_tm a{display:block;line-height:1;font-size:15px;color:#c0c6d0;font-family: 'gmarket';font-weight: 400;} #mo_tm .th1{} #mo_tm .th1 .th1_lnk{display:block;padding: 23px 13px;width: 120px;color: #505050;font-size: 17px;font-weight:bold;line-height:1.2;text-align:center;border-bottom: 1px solid #e0e0e0;font-family: 'gmarket';font-weight: 400;} #mo_tm .th1>b{} #mo_tm .th1 .th1_lnk.ov{background: #f9f9f9;color: #2a88df;} #mo_tm .th2{left: 120px;width: 240px;background:#fff;margin-bottom: 15px; box-sizing: content-box;} #mo_tm .th2>li{ border-bottom: 1px solid #d5d5d5; } #mo_tm .th2>li:last-child{ border-bottom:2px solid #2280d7; } #mo_tm .th2>li>a{position:relative;padding: 20px 39px 20px 10px;font-size: 17px;color: #505050;border-bottom: 1px solid #d5d5d5;} #mo_tm .th2>li>a:after{} #mo_tm .th2>li>a.ov, #mo_tm .th2>li>a:active{border-bottom:3px solid #08479c} #mo_tm .th2>li>a.ov:after{content:">";position:absolute;top:13px;right:13px;font-size:20px;transition:transform 0.3s;font-family:"돋움",dotum,sans-serif;transform:rotate(90deg)} #mo_tm .th3{padding: 17px;background: #f9f9f9;margin: 13px 0;/* display: none; *//* opacity: 0; *//* visibility: hidden; *//* height: 0; */} #mo_tm .th3 li{} #mo_tm .th3 li a{position:relative;display:block;padding: 5px 0 5px 12px;/* border-top:1px solid #e0e0e0; */color:#333;font-size: 15px;border-top: none;letter-spacing: -1px;line-height: 1.2;} #mo_tm .th3 li a:hover, #mo_tm .th3 li a:focus{color:#333} #mo_tm .th3 li a:after{content: "";position:absolute;top: 11px;left: 2px;right: auto;font-size: 0;transition:transform 0.3s;font-family:"돋움",dotum,sans-serif;width: 3px;height: 3px;background: #505050;border-radius: 50%;opacity: 0.7;} #mo_tm .th3>li>a.ov, #mo_tm .th3>li>a:active{color:#333} #mo_tm .th3>li>a.ov:after{content:"+";} #mo_tm .th3 li:first-child a{border-top:0} #top_layout{padding:22px 0;position:relative;z-index:101} #top_layout .logo_wrap{display:inline-block;float:left} #top_layout .logo_wrap > a{display:inline-block;font-size:0;line-height:0} #top_layout .logo_wrap > a.logo{width:116px;height:74px;background:url(/images/kor/common/2022/logo.png) no-repeat;margin-right:23px} #top_layout .logo_wrap > a.mois{width:96px;height:58px;background:url(/images/kor/common/2022/mois.png) no-repeat} #top_layout .top_wrap .search_wrap{width:570px;height:59px;padding:0;margin:0 auto;display:block;position:relative} #top_layout .top_wrap .favorite_open{width:126px;height:41px;background:url(../../images/kor/common/common_ir.png) no-repeat -509px -1px;font-size:0;text-indent:-9999px;padding:0;margin:-20px 0 0;display:inline-block;position:absolute;top:96px;left:50%;margin-left:-290px;z-index:99} #top_layout .top_wrap .search_wrap .search_box{width:100%;height:59px;background-color:#fff;text-align:left;padding:10px 26px 10px 25px;margin:0;display:block;border:3px solid #368bdc;border-radius:5px;position:relative;padding-right:59px} #top_layout .top_wrap .search_wrap .search_box select{width:100px;height:26px;padding:0;margin:-13px 0 0;display:inline-block;border:0;position:absolute;top:50%;left:10px} #top_layout .top_wrap .search_wrap .search_box .sc_label{width:300px;padding:0 10px;margin:-13px 0 0;display:inline-block;position:absolute;top:50%;left:25px;font-family:'gmarket';color:#474747;font-weight:400;font-size:18px} #top_layout .top_wrap .search_wrap .search_box .sc_label i,#top_layout .top_wrap .search_wrap .search_box .sc_label em{font-family:'gmarket';color:#2280d7} #top_layout .top_wrap .search_wrap .search_box .sc_label i{color:#00b1cf} #top_layout .top_wrap .search_wrap .search_box input{width:100%;height:100%;font-family:nsk;font-size:14px;line-height:26px;padding:0 5px;margin:0;display:inline-block;border:0} #top_layout .top_wrap .search_wrap button{width:59px;height:59px;background: url(/images/kor/common/2022/search.png) no-repeat 50%;background-color:#368bdc;font-size:0;text-indent:-9999px;padding:0;margin:0;display:inline-block;border-radius:0;position:absolute;top:0;right:0;border-radius:5px} #searchMb_open,#searchMb_close{display:none} #top_layout .weather{position:absolute;top: 19px;right:0;display:inline-block} #top_layout .weather .weather-box{/* padding-left:62px; */position:relative;text-align:right;line-height:1;/* width:135px; */display: inline-flex;} #top_layout .weather .weather-box strong{display:block;margin:0 5px 0 0;vertical-align:middle;color:#222;font-size:20px;font-weight:700;position:relative;font-family:'gmarket'} #top_layout .weather .weather-box span{display:block;vertical-align:middle;font-size:13px;color:#222;font-family:'gmarket';letter-spacing:.01em} #top_layout .weather .weather-box .ico{height: 38px;margin:0 5px 0 0;background:url(/images/kor/common/2022/weather.png)no-repeat;background-size: auto 35px;display:inline-block;position: relative;/* top:0; *//* left:0; */float: left;} #top_layout .weather .weather-box .ico1{min-width: 41px;background-position: 0px 0;} #top_layout .weather .weather-box .ico2{min-width: 61px;background-position:-156px 0} #top_layout .weather .weather-box .ico3{min-width: 46px;background-position: -220px 0;} #top_layout .weather .weather-box .ico4{min-width: 59px;background-position: -319px 0;} #top_layout .weather .weather-box .ico5{width:37px;background-position: -401px 0;} #top_layout .weather .weather-box .ico6{width:37px;background-position: -482px 0;} #top_layout .weather .weather_box{display:inline-block;margin-top:-6px;margin-left:10px} #top_layout .weather .weather_box > li{display:block;position:relative;margin:4px 0;padding-right:18px;font-size:13px;color:#222;font-weight:400;font-family:'gmarket';text-align:right} #top_layout .weather .weather_box > li span{font-size:13px;font-weight:400;color:#222;text-align:right;display:inline-block;margin-right:5px;font-family:'gmarket'} #top_layout .weather .weather_box > li .ico{display:inline-block;position:absolute;right:0;top:1px;width:15px;height:15px;background:url(/images/kor/common/2022/weather2.png)no-repeat;font-size:0;vertical-align:middle} #top_layout .weather .weather_box > li .ico2{background-position:-15px 0} #top_layout .weather .weather_box > li .ico3{background-position:-30px 0} #top_layout .weather .weather_box > li .ico4{background-position:-45px 0} #top_layout .weather .weather_box > li .ico5{background-position:-60px 0} /* 날씨 더보기 weather_btn 220913*/ #top_layout .weather_btn{ display: inline-flex; align-items: center; text-align: center; margin-top: -7px; padding: 5px 5px 3px; border: 1px solid #368bdc; background-color: #368bdc; position: absolute; top: -22px; right: 0; font-size: 11px; font-family: 'gmarket'; line-height: 1; font-weight: 500; border-radius: 15px; color:#fff } #top_layout .weather_btn .plus{position:relative; display:inline-block;width:10px;height:10px; overflow: hidden; margin-left: 2px; top:-1px} #top_layout .weather_btn .plus:before, #top_layout .weather_btn .plus:after{content:'';display:block;position:absolute; background-color: #fff; margin-top: -1px;margin-left: -1px; } #top_layout .weather_btn .plus:before{width:100%;height:1px; top:50%;left:0;margin-top: -1px;} #top_layout .weather_btn .plus:after{width:1px;height:100%;left:50%;top:0; margin-left: -1px;} #top_layout .weather_btn:hover, #top_layout .weather_btn:focus, #top_layout .weather_btn:active{ background-color: #fff; color:#222 } #top_layout .weather_btn:hover .plus:after, #top_layout .weather_btn:focus .plus:after, #top_layout .weather_btn:active .plus:after, #top_layout .weather_btn:hover .plus:before, #top_layout .weather_btn:focus .plus:before, #top_layout .weather_btn:active .plus:before{background-color: #222;} #foot_layout .space_wrap{width:100%;padding:0;margin:0;display:inline-block;background:#2280d7} #foot_layout .space_wrap .foot_wrap{padding:0} #foot_layout .space_wrap .foot_wrap:before{display:none} #foot_layout .site_wrap{width:270px;height:70px;padding:0;margin:0;display:inline-block;border-left:1px solid rgba(255,255,255,0.2);float:left;position:relative;z-index:9} #foot_layout .site_wrap > a{width:100%;height:100%;font-size:16px;color:#fff;text-align:left;line-height:70px;padding:0 50px 0 19px;margin:0;display:inline-block;position:relative;font-family:'gmarket';font-weight:400;letter-spacing:0} #foot_layout .site_wrap > a:before{width:15px;height:1px;background-color:#7f7f7f;content:"";position:absolute;top:50%;display:none;right:30px} #foot_layout .site_wrap > a:after{content:"";display:inline-block;position:absolute;right:30px;top:31px;width:7px;height:7px;margin-left:10px;border:solid rgba(255,255,255,.7);border-width:1px 0 0 1px;transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);vertical-align:middle} #foot_layout .site_wrap ul{width:100%;padding:0 0 71px;margin:0;display:inline-block;position:absolute;top:-999999px;left:0} #foot_layout .site_wrap ul li{width:100%;background-color:#fff;padding:0;margin:0;display:inline-block;border:1px solid #ddd;border-bottom:0;float:left} #foot_layout .site_wrap ul li a{width:100%;font-size:14px;color:#333;text-align:left;line-height:40px;padding:0 20px;margin:0;display:inline-block} #foot_layout .site_wrap ul li a:hover,#foot_layout .site_wrap ul li a:focus{font-weight:400} #foot_layout .site_wrap.on > a:after{transform:rotate(223deg);-moz-transform:rotate(223deg);-ms-transform:rotate(223deg);-o-transform:rotate(223deg);-webkit-transform:rotate(223deg)} #foot_layout .site_wrap.on ul{top:auto;bottom:0} #foot_layout .site_wrap.n1{border:0} #foot_layout .site_wrap.n1 > a{padding-left:0} #foot_layout .foot_wrap{padding:0;position:relative} #foot_layout .foot_wrap:before{width:84px;height:54px;background:url(../../images/kor/common/common_ir.png) no-repeat -1089px -1px;content:"";margin-top:-27px;position:absolute;top:50%;left:10px} #foot_layout .foot_wrap .utile_wrap{width:100%;padding:0;margin:32px 0 0;padding-bottom:23px;border-bottom:1px solid #efefef} #foot_layout .foot_wrap .utile_wrap li{padding:0 14px 0 15px;margin:0;display:inline-block;float:left;position:relative} #foot_layout .foot_wrap .utile_wrap .privacy a{color:#e41a1a;font-weight:400} #foot_layout .foot_wrap .utile_wrap li:before{width:1px;height:10px;background-color:#5e5e5e;content:"";margin-top:-5px;position:absolute;top:50%;left:0;display:none} #foot_layout .foot_wrap .utile_wrap li:first-child{padding-left:0} #foot_layout .foot_wrap .utile_wrap li:first-child:before{display:none} #foot_layout .foot_wrap .utile_wrap li a{font-size:16px;color: #717476;line-height:16px;display:inline-block;font-family:'gmarket';font-weight: 400;} #foot_layout .footer-info{padding: 37px 24px 40px 162px;position:relative;/* background:url(/images/kor/common/2022/flogo.png) no-repeat 0 30px; */} #foot_layout .footer-info address,#foot_layout .footer-info address span,#foot_layout .footer-info p{color:#9b9fa3;line-height:1.2;font-family:'gmarket';font-size:14px;margin:0;margin-top:2px;letter-spacing:.01em} #foot_layout .footer-info p.info-text{margin-top:8px} #foot_layout .flogo{position:absolute;top: 40px;left: 0;width:126px;height:76px;background:url(/images/kor/common/2022/flogo.png) no-repeat 0} #foot_layout .linksite_wrap{position:absolute;top:-10px;right:0px;display:flex;flex-wrap:wrap;z-index: 2;justify-content: center;align-items: center;justify-items: center;} #foot_layout .linksite_wrap > div{margin: 0 6px; width:30px;height:30px;} #foot_layout .linksite_wrap a{font-size:0;display:block;width:100%;height:100%;} #foot_layout .linksite_wrap .facebook{} #foot_layout .linksite_wrap .facebook a{background-image: url("data:image/svg+xml,%3Csvg width='63' height='63' viewBox='0 0 63 63' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.617 62.715C48.7428 62.715 62.626 48.8318 62.626 31.706C62.626 14.5802 48.7428 0.696991 31.617 0.696991C14.4912 0.696991 0.608032 14.5802 0.608032 31.706C0.608032 48.8318 14.4912 62.715 31.617 62.715Z' fill='%233B5A9A'/%3E%3Cpath d='M38.425 14.441V19.884H35.463C34.582 19.884 34.023 20.124 33.741 20.605C33.542 20.925 33.462 21.485 33.462 22.246V24.727H38.505L37.905 30.211H33.462V46.022H26.938V30.212H23.735V24.728H26.938V21.447C26.938 18.085 28.099 15.923 30.379 15.003C31.5 14.563 32.461 14.442 33.462 14.442H38.425V14.441Z' fill='%23F7F8F8'/%3E%3C/svg%3E%0A");background-size:100%;} #foot_layout .linksite_wrap .instargram{} #foot_layout .linksite_wrap .instargram a{background-image: url("data:image/svg+xml,%3Csvg width='63' height='63' viewBox='0 0 63 63' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.734 62.24C48.8598 62.24 62.743 48.3568 62.743 31.231C62.743 14.1052 48.8598 0.221985 31.734 0.221985C14.6082 0.221985 0.724976 14.1052 0.724976 31.231C0.724976 48.3568 14.6082 62.24 31.734 62.24Z' fill='url(%23paint0_linear_29_10)'/%3E%3Cpath d='M39.276 48.246H24.193C18.77 48.246 14.357 43.834 14.357 38.413V23.752C14.357 18.326 18.77 13.916 24.193 13.916H39.276C44.7 13.916 49.112 18.326 49.112 23.752V38.413C49.112 43.834 44.7 48.246 39.276 48.246ZM24.193 17.095C20.524 17.095 17.537 20.08 17.537 23.752V38.413C17.537 42.081 20.524 45.067 24.193 45.067H39.276C42.947 45.067 45.932 42.081 45.932 38.413V23.752C45.932 20.08 42.947 17.095 39.276 17.095H24.193Z' fill='white'/%3E%3Cpath d='M31.735 40.09C26.765 40.09 22.725 36.05 22.725 31.081C22.725 26.112 26.765 22.073 31.735 22.073C36.703 22.073 40.743 26.112 40.743 31.081C40.743 36.05 36.703 40.09 31.735 40.09ZM31.735 25.252C28.519 25.252 25.905 27.867 25.905 31.081C25.905 34.298 28.519 36.911 31.735 36.911C34.949 36.911 37.564 34.298 37.564 31.081C37.564 27.867 34.949 25.252 31.735 25.252Z' fill='white'/%3E%3Cpath d='M41.063 24.016C42.2332 24.016 43.182 23.0673 43.182 21.897C43.182 20.7267 42.2332 19.778 41.063 19.778C39.8927 19.778 38.944 20.7267 38.944 21.897C38.944 23.0673 39.8927 24.016 41.063 24.016Z' fill='white'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_29_10' x1='9.92188' y1='53.0449' x2='51.6083' y2='11.3585' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.03' stop-color='%23FCB216'/%3E%3Cstop offset='0.0575' stop-color='%23FAA722'/%3E%3Cstop offset='0.2021' stop-color='%23F36D43'/%3E%3Cstop offset='0.3046' stop-color='%23EF3C4B'/%3E%3Cstop offset='0.3548' stop-color='%23ED1C4D'/%3E%3Cstop offset='0.7074' stop-color='%238F2785'/%3E%3Cstop offset='1' stop-color='%235757A2'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");background-size:100%;} #foot_layout .linksite_wrap .blog{} #foot_layout .linksite_wrap .blog a{background-image: url("data:image/svg+xml,%3Csvg width='63' height='63' viewBox='0 0 63 63' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.948 62.24C49.0738 62.24 62.957 48.3568 62.957 31.231C62.957 14.1052 49.0738 0.221985 31.948 0.221985C14.8222 0.221985 0.938965 14.1052 0.938965 31.231C0.938965 48.3568 14.8222 62.24 31.948 62.24Z' fill='%2342B649'/%3E%3Cpath d='M33.782 32.536C34.5856 32.536 35.237 31.8846 35.237 31.081C35.237 30.2774 34.5856 29.626 33.782 29.626C32.9784 29.626 32.327 30.2774 32.327 31.081C32.327 31.8846 32.9784 32.536 33.782 32.536Z' fill='white'/%3E%3Cpath d='M41.752 32.429C42.4959 32.429 43.099 31.8259 43.099 31.082C43.099 30.3381 42.4959 29.735 41.752 29.735C41.0081 29.735 40.405 30.3381 40.405 31.082C40.405 31.8259 41.0081 32.429 41.752 32.429Z' fill='white'/%3E%3Cpath d='M43.027 18.207H20.254C16.898 18.207 14.178 20.928 14.178 24.285V36.081C14.178 39.436 16.898 42.158 20.254 42.158H28.816L31.641 47.731L34.842 42.158H43.028C46.384 42.158 49.106 39.436 49.106 36.081V24.285C49.105 20.928 46.384 18.207 43.027 18.207ZM21.721 34.345C21.101 34.345 20.523 34.174 20.025 33.88V34.3H17.747V25.055H20.025V28.111C20.523 27.818 21.101 27.646 21.721 27.646C23.573 27.646 25.072 29.145 25.072 30.996C25.072 32.847 23.572 34.345 21.721 34.345ZM28.822 28.181V34.345H26.634V28.181C26.634 26.842 25.785 26.842 25.785 26.842V25.055C27.788 25.026 28.47 26.354 28.702 27.288C28.814 27.742 28.821 28.102 28.821 28.169V28.181H28.822ZM33.782 34.619C31.827 34.619 30.242 33.035 30.242 31.081C30.242 29.127 31.827 27.543 33.782 27.543C35.735 27.543 37.32 29.127 37.32 31.081C37.32 33.035 35.735 34.619 33.782 34.619ZM41.421 37.529V35.744C41.421 35.744 43.405 35.975 43.405 34.851V33.903C42.92 34.188 42.355 34.355 41.752 34.355C39.945 34.355 38.478 32.888 38.478 31.081C38.478 29.274 39.946 27.808 41.752 27.808C42.356 27.808 42.92 27.974 43.405 28.259V27.973H45.522V34.852C45.522 34.852 45.984 37.529 41.421 37.529Z' fill='white'/%3E%3Cpath d='M21.477 32.357C22.2292 32.357 22.839 31.7472 22.839 30.995C22.839 30.2428 22.2292 29.633 21.477 29.633C20.7248 29.633 20.115 30.2428 20.115 30.995C20.115 31.7472 20.7248 32.357 21.477 32.357Z' fill='white'/%3E%3C/svg%3E%0A");background-size:100%;} #foot_layout .linksite_wrap .kakaostory{} #foot_layout .linksite_wrap .kakaostory a{background-image: url("data:image/svg+xml,%3Csvg width='63' height='63' viewBox='0 0 63 63' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.009 62.018C48.1348 62.018 62.018 48.1348 62.018 31.009C62.018 13.8832 48.1348 0 31.009 0C13.8832 0 0 13.8832 0 31.009C0 48.1348 13.8832 62.018 31.009 62.018Z' fill='%23FAC013'/%3E%3Cpath d='M38.9976 33.2166V19.6638C38.9976 19.2971 38.6986 19 38.3295 19H24.6681C24.299 19 24 19.2971 24 19.6638V33.2166C24 33.5827 24.299 33.8791 24.6681 33.8791H31.1529C31.0349 38.4798 26.3054 41.4991 26.3054 41.4991C26.128 42.4387 26.3054 42.497 26.3054 42.497L30.5027 46.8433C30.9755 47.1959 31.4984 46.8433 31.4984 46.8433C39.3516 40.0293 38.9976 33.2166 38.9976 33.2166Z' fill='white'/%3E%3C/svg%3E%0A");background-size:100%;} #foot_layout .linksite_wrap .youtube{width:21px;height:15px;} #foot_layout .linksite_wrap .youtube a{background-image: url("data:image/svg+xml,%3Csvg width='63' height='63' viewBox='0 0 63 63' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.352 62.715C48.4778 62.715 62.361 48.8318 62.361 31.706C62.361 14.5802 48.4778 0.696991 31.352 0.696991C14.2262 0.696991 0.343018 14.5802 0.343018 31.706C0.343018 48.8318 14.2262 62.715 31.352 62.715Z' fill='%23ED2024'/%3E%3Cpath d='M48.053 26.142C48.053 23.395 45.824 21.167 43.077 21.167C43.077 21.167 38.534 20.734 32.045 20.734C25.556 20.734 20.58 21.167 20.58 21.167C17.833 21.167 15.604 23.395 15.604 26.142C15.604 26.142 15.388 28.923 15.388 32.265C15.388 35.606 15.604 38.255 15.604 38.255C15.604 41.003 17.833 43.231 20.58 43.231C20.58 43.231 26.948 43.664 31.721 43.664C36.492 43.664 43.077 43.231 43.077 43.231C45.824 43.231 48.053 41.003 48.053 38.255C48.053 38.255 48.269 35.606 48.269 32.265C48.269 28.924 48.053 26.142 48.053 26.142ZM29.124 37.174V27.224L37.345 32.091L29.124 37.174Z' fill='white'/%3E%3C/svg%3E%0A");background-size:100%;} #foot_layout .ftop {position:absolute;right: -92px;bottom: 40px;width: 65px;height: 65px;padding: 11px;/* margin-left: 20px; */border-radius: 50%;background: rgba(34,128,215,.15);} #foot_layout .ftop button {width: 100%;height: 100%;padding: 5px 0 0;border-radius:50%;background:#2280d7;font-size:0;text-align:center;} #foot_layout .ftop span {display: block;width: 5px;height: 5px;-webkit-transform: rotate(-135deg);transform: rotate(-135deg);border-right: 2px solid white;border-bottom: 2px solid white;border-radius: 1px;margin: 4px auto;width: 8px;height: 8px;} #foot_layout .mark-group{position:absolute;right:0px;bottom: 40px;} #foot_layout .mark-group .mark1{display:inline-block;width: 85px;height: 63px;font-size:0;background:url(/images/kor/common/2022/wa.png) no-repeat} #container{padding-top:45px;z-index: 2;} #remote{width:268px} #remote h1,#remote h2{min-height:122px;padding: 41px 10px;background: #5a8ad9;border-radius:15px 15px 0 0;text-align:center;line-height: 1;color:#fff;font-size:30px;font-weight:700;position:relative;/* height: 122px; */} #remote #lnb{margin:-35px 0 20px;padding:36px 20px;border:1px solid #dadcdf;border-radius:15px;background:#fff;position:relative} #remote #lnb > li{position:relative;border-top:1px solid #dadcdf} #remote #lnb > li:first-child{border-top:none} #remote #lnb > li.on + li{border-top:none} #remote #lnb > li > a{position:relative;display:block;line-height:1.2;padding:16px 35px 14px 18px;background:#fff} #remote #lnb > li > a:before{display:block;position:absolute;z-index:1;right:18px;top:24px;content:'';width:4px;height:4px;border:solid #585c62;border-width:0 1px 1px 0;transform:rotate(45deg);-webkit-transform:rotate(45deg)} #remote #lnb > li > a:after{display:block;position:absolute;right:10px;top:17px;content:'';width:19px;height:19px;border-radius:50%} #remote #lnb > li > a[target="_blank"]:before{display:inline-block;content:'';right:15px;width:11px;height:12px;border:none;background:url(/template/A/images/target.png)no-repeat;vertical-align:middle;transform:none;-webkit-transform:none} #remote #lnb > li > a[target="_blank"]:after{display:none} #remote #lnb > li > a > span{position:relative;display:inline-block;line-height:1.2;word-wrap:break-word;word-break:keep-all;font-size:17px;font-weight:400;color:#505152;top:auto;right:auto;width:auto;height:auto;background:none} #remote #lnb > li > a[target="_blank"] img.window{ margin-left: 5px; margin-top: 5px; } #remote #lnb > li > a.link_2th_ov{border-bottom:2px solid #4175c7} #remote #lnb > li > a.link_2th_ov:before{top:26px;border-color:#fff;border-width:1px 0 0 1px} #remote #lnb > li > a.link_2th_ov:after{border:1px solid #3e8cd6;background:#3e8cd6} #remote #lnb > li > a.link_2th_ov > span{color:#3e8cd6;font-weight:700} #remote #lnb .th3{display:none;overflow:hidden;margin:0;padding:0 10px;border-bottom:2px solid #4175c7;text-align:left;transition:all .4s;-webkit-transition:all .4s;background:#fff} #remote #lnb .th3 > li{position:relative;border-bottom:1px dotted #b2b2b2} #remote #lnb .th3 > li:last-child{border:none} #remote #lnb .th3 > li > a{display:block;position:relative;z-index:2;line-height:1.4;padding:12px 25px 12px 15px;margin:0} #remote #lnb .th3 > li > a:after{display:block;position:absolute;right:8px;top:50%;content:'';width:5px;height:5px;margin-top:-3px;border:solid #cecfd1;border-width:1px 1px 0 0;transform:rotate(45deg);-webkit-transform:rotate(45deg)} #remote #lnb .th3 > li > a span{width: auto;top:auto;right:auto;background:none;height:auto;display: inline-block;position:relative;font-size:15px} #remote #lnb .th3 > li > a.link_3th_ov:after{border-color:#3c88de} #remote #lnb .th3 > li > a[target="_blank"]:after{right:5px;width:11px;height:12px;margin-top:-6px;border:none;background:url(/template/A/images/target.png)no-repeat;transform:none;-webkit-transform:none} #remote #lnb .th3 > li > span{display:inline-block;position:relative;font-size:16px;color:#3e434a} #remote #lnb .th3 > li > a.link_3th_ov span{color:#3c88de} #content{width:calc(100% - 340px)} #txt{max-width:1000px;margin:0 auto} #location{padding-bottom:15px;border-bottom:1px dashed #ddd} #location h1,#location h2{font-family:'gmarket';font-size:30px;font-weight:700} #location .dir{bottom:15px;vertical-align:top} #location .dir:after{display:block;clear:both;visibility:hidden;content:''} #location .dir span{float:left;position:relative;vertical-align:top;line-height:25px;height:25px;padding:0;margin-right:16px;background:none;margin-left:0;display:block} #location .dir span:not(:last-child):after{display:inline-block;content:'';border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:4px solid #c5c5c5;vertical-align:top;position:absolute;top:7px;right:-10px} #location .dir span.home{width:16px;height:17px;margin:2px 0 0;background:url(/images/kor/common/2022/ico_ir.png)no-repeat -21px 0;font-size:0;padding-left:0;line-height:0;margin-right:16px} .location_buttons_box{position:relative} .location_buttons_box:before{display:inline-block;content:'';width:1px;height:12px;position:absolute;top:5px;left:-6px;background:silver;vertical-align:middle} .location_buttons_box .ir{display:inline-block;margin-left:13px;width:17px;height:20px;background:url(/images/kor/common/2022/ico_ir.png)no-repeat;font-size:0} .location_buttons_box .ir.sns{background-position:0 -108px} .location_buttons_box .ir.print{width:19px;background-position:-44px -108px} #location .dir span{font-size:14px} #naviSNS{top: -10px;width: 80px;height: 40px;} #naviSNS .fb, #naviSNS .tw{background:url(/images/kor/common/2022/ico_ir.png)no-repeat;font-size:0;display: block;width: 32px;height: 32px;margin: 0 2px;border-radius: 50%;} #naviSNS .fb {background-position:0 -174px;} #naviSNS .tw {background-position:0 -214px} .btn-allmenu{display:block;width:22px;height:22px;background:transparent} .hamburger{display:flex;align-self:center;flex-direction:column;justify-content:space-between;width:22px;height:18px;cursor:pointer} .hamburger div{align-self:flex-end;height:2px;width:100%;background:#000} .hamburger .meat{width:100%;transition:all 200ms ease-in-out} #sitemap_bn,#open_mn{position:absolute;top:0;right:0;display:inline-block;width:22px;height:22px} #sitemap_bn{top:116px} #open_mn{display:none} #remote h1:before{display: none;} #remote h1 span, #remote h2 span{font-family:'gmarket';font-weight: 400;line-height: 1;} /* @media (max-width:1599px) { #body_layout .body_wrap{width:auto;margin:0 20px;display:block} #foot_layout .foot_wrap{width:auto;margin:0 60px;display:block;padding:24px 0} #foot_layout .foot_wrap:before{display:none} #foot_layout .foot_wrap .utile_wrap li{float:none} #foot_layout .foot_wrap .utile_wrap li:first-child{padding-left:14px} #foot_layout .foot_wrap address,#foot_layout .foot_wrap .copy{text-align:center} #foot_layout .site_wrap{width:20%} } @media (max-width:1023px) { #body_layout .body_wrap,#foot_layout .foot_wrap{margin:0 30px} #foot_layout{border:0} #foot_layout .site_wrap, #foot_layout .site_wrap.n1{width:50%;border-top: 1px solid rgba(255,255,255,0.2);} #foot_layout .space_wrap .foot_wrap{margin:0} #foot_layout .site_wrap.n1 > a{padding-left:30px} #foot_layout .site_wrap.n4{border-bottom: 1px solid rgba(255,255,255,0.2);} #foot_layout .site_wrap.n5{border-right: 1px solid rgba(255,255,255,0.2);} } @media (max-width:767px) { #foot_layout .site_wrap > a,#foot_layout .site_wrap.n1 > a{padding:0 30px 0 10px} #foot_layout .site_wrap > a:before{right:12px} #foot_layout .site_wrap > a:after{right:19px} #body_layout .body_wrap,#foot_layout .foot_wrap{margin:0 15px} } @media (max-width:400px) { #foot_layout .site_wrap,#foot_layout .site_wrap.n1{width:100%} #foot_layout .site_wrap.n4{border-bottom:none} #foot_layout .site_wrap.n5{border-right:none} } */ @media(min-width:0px) { #corona{height:auto;background-size: auto 100%;} #corona .layout{max-width:none;padding: 14px 15px 44px;} #corona .title{position:relative;top:auto;width:100%;padding:20px 0 20px 88px} #corona .title:before{background-size:100%;width:88px;} #corona_stat{height:auto;margin-top: -18px;} #corona_stat > li{display:block;margin:7px 0;width: 100%;float: none;} #top_layout .top_wrap{padding:0 15px;} #top_layout .logo_wrap{float:none;margin:0 auto;width:116px;display: block;} #top_layout .logo_wrap > a.mois, #top_layout .weather{display:none;} #top_layout .top_wrap .search_wrap{width:100%;margin-top: 25px;} #sitemap_bn{display:none;} #open_mn{display:block;} #sitemap_bn, #open_mn{right:15px;top: 35px;} #header{/* height:0; */} #container{padding-top:0} #content{width:100%;} #location h1, #location h2{font-size:26px;margin-bottom: 2px;} .location_buttons_box .ir.print{display:none;} #location .dir{bottom:auto;} #location .dir span:nth-child(2){display:none;} .location_buttons_box{position: absolute;top: 29px;right: 0;} #foot_layout .site_wrap{width:100%;border-left: none;border-top: 1px solid rgba(255,255,255,0.2);} #foot_layout .site_wrap > a{padding:0 50px 0 15px;} #foot_layout .site_wrap > a:after{right:15px;} #foot_layout .site_wrap.n1 > a{padding-left:15px;} #foot_layout .foot_wrap .utile_wrap{border-bottom:none;padding-bottom: 9px;} #foot_layout .foot_wrap .utile_wrap li{float:none;width:100%;padding: 0;display: block;} #foot_layout .foot_wrap .utile_wrap li a{ display: block; border: 1px solid #ededed; padding: 10px; margin-top: -1px; font-size: 14px; text-align: center; font-weight: 400; } #foot_layout .foot_wrap .layout.footer-info{background:none;padding-bottom:20px;text-align: center;padding-left: 0;} #foot_layout .flogo{position: relative;top: auto;margin: -20px auto 30px;} #foot_layout .footer-info address, #foot_layout .footer-info address span, #foot_layout .footer-info p{font-size:13px;} #foot_layout .footer-info address span{display:block;} #foot_layout .footer-info address{margin-bottom:10px;} #foot_layout .footer-info p.info-text{display:none;} #foot_layout .mark-group{display:none;} #foot_layout .linksite_wrap{position: relative;top: auto;right:auto;margin: 25px 0;} #foot_layout .ftop{right: 15px;bottom:auto;top: -60px;width: 50px;height: 50px;} } @media(min-width:640px){ #corona_stat{height:74px;} #corona_stat > li{width: 48%;display: inline-block;margin: 0 1%;float: left;padding-left:85px;} #corona_stat > li > .t_img{width: 80px;/* font-size: 15px; */word-break: break-all;line-height: 1.2;} #top_layout .logo_wrap > a.mois{display:inline-block;} #top_layout .logo_wrap{width: 242px;} #foot_layout .site_wrap, #foot_layout .site_wrap.n1{width:50%;border-left: 1px solid rgba(255,255,255,0.2);} #foot_layout .site_wrap > a, #foot_layout .site_wrap.n1 > a{padding-left:30px} #foot_layout .foot_wrap .layout{padding:0 30px;} #foot_layout .foot_wrap .utile_wrap{padding-bottom: 9px;} #foot_layout .foot_wrap .utile_wrap li{float:left;width:33.3333%;padding: 0;display: block;margin-left:-1px;} #foot_layout .foot_wrap .utile_wrap li a{padding:12px 7px} #foot_layout .foot_wrap .layout.footer-info{padding-bottom:20px;} #foot_layout .flogo{margin-top:0} #foot_layout .ftop{right:30px;} #foot_layout .linksite_wrap{position: relative;top: auto;right:auto;margin: 25px 0;} } @media(min-width:1024px){ #foot_layout .foot_wrap .layout{padding:0} #foot_layout .foot_wrap .utile_wrap{margin:0;padding-bottom:0;border-bottom: 1px solid #efefef;text-align: center;margin-bottom: 15px;} #foot_layout .foot_wrap .utile_wrap li{float:none;width:auto;display:inline-block;padding: 18px 14px 18px 15px;} #foot_layout .foot_wrap .utile_wrap li a{padding:0;/* font-size: 16px; */border: none;margin-top: 0;} #foot_layout .site_wrap, #foot_layout .site_wrap.n1, #foot_layout .site_wrap, #foot_layout .site_wrap.n2, #foot_layout .site_wrap, #foot_layout .site_wrap.n3, #foot_layout .site_wrap, #foot_layout .site_wrap.n5{width:50%} #remote{width:228px;} #content{width: calc(100% - 250px);} #location .dir span:nth-child(2){display:inline-block;} #location .dir{bottom: 8px;} .location_buttons_box .ir.print{display:inline-block;} .location_buttons_box{position: relative;top: auto;} #corona .title{width:361px;left: 15px;} .utile_wrap .t3{right:15px;} #foot_layout .linksite_wrap{position: absolute;top: 12px;right:15px;margin:0;} #foot_layout .ftop{right:15px;bottom: 40px;top: auto;width: 65px;height: 65px;} #foot_layout .linksite_wrap{position: relative;top: auto;right:auto;margin: 25px 0;} } @media(min-width:1200px) { #foot_layout .site_wrap, #foot_layout .site_wrap.n1, #foot_layout .site_wrap.n4, #foot_layout .site_wrap.n5, #foot_layout .site_wrap.n3, #foot_layout .site_wrap.n2{width:calc(100% / 4)} #foot_layout .site_wrap.n1{border-left:none;} #foot_layout .site_wrap > a, #foot_layout .site_wrap.n1 > a{padding-left:19px;} #foot_layout .foot_wrap .utile_wrap {margin: 32px 0 0;padding-bottom: 23px;padding-left: 15px;} #foot_layout .foot_wrap .utile_wrap li{padding: 0 14px 0 15px;float:left;} #foot_layout .foot_wrap .layout.footer-info{padding: 37px 24px 40px 162px;text-align:left;} #foot_layout .flogo{ position: absolute; top: 31px; left: 0; } #top_layout .logo_wrap{display:inline-block;float:left;margin:0} #top_layout .weather, #header, #sitemap_bn{display:block;/* top: 116px; */} #open_mn{display:none} #sitemap_bn, #open_mn{top: 35px;} #top_layout .top_wrap .search_wrap{width:570px;margin-top:0} #container{padding-top:30px;} #remote{width:268px;} #content{width:calc(100% - 340px);} #foot_layout .footer-info address, #foot_layout .footer-info address span, #foot_layout .footer-info p{font-size:14px;} .utile_wrap .t3{right:0px;} #foot_layout .mark-group{display:none;right: 96px;} #foot_layout .ftop {right: 15px;} #foot_layout .footer-info address span{display:inline-block} #foot_layout .linksite_wrap{} #foot_layout .linksite_wrap{position: absolute;top: -10px;right:15px;margin:0;} } @media(min-width:1270px) { #corona_stat > li{padding-left:120px;} #corona_stat > li > .t_img{width:120px;} #corona .layout{max-width:1240px;padding: 14px 0 14px 394px;} #corona .title {position: absolute;top: 4px;left: 0;padding: 23px 0 23px 131px;} #corona_stat{margin-top: 0;} #corona .title:before{width: 107px;height: 98px;} #foot_layout .foot_wrap .utile_wrap li a{font-size:16px;} } @media(min-width:1600px) { #foot_layout .mark-group{right:0px} #foot_layout .ftop {right: -92px;} } /* main-banner */ #bottom_banner { border-width: 1px 0 1px 0; border-style: solid; border-color: #ededed; } #bottom_banner .layout { max-width: 1420px; padding: 0 40px; padding-left: 180px; } #bottom_banner .layout .banner_wrap { height: 67px; width: 100%; display: flex; align-items: center; justify-content: flex-start; overflow: hidden; } #bottom_banner .layout .banner_wrap .slide{ position: relative; display: inline-block; width: 100%; white-space: nowrap; margin-top: 3px; } #bottom_banner .layout .banner_wrap .slide:after{ content: ""; display: block; position: absolute; top:0px; right:0px; width: 40px; height: 100%; background: linear-gradient(to left, #fff, transparent); } #bottom_banner .layout .banner_wrap .banner_tit { font-family: 'gmarket'; color: #444; /* margin-right: 205px; */ font-size: 16px; line-height: 1; display: inline-block; font-weight: 500; position: absolute; top: 52%; transform: translate(0,-50%); left: 0; padding-left: 20px; } #bottom_banner .layout .banner_wrap .slide .item{display:inline-block} #bottom_banner .layout .banner_wrap .slide .item a{ padding: 0 35px; display: flex; align-items: center; justify-content: center; font-family: 'gmarket'; font-weight: 500; font-size: 15px; } #bottom_banner .layout .banner_wrap .slide_control { right: auto; left: 130px; position: absolute; left: 100px; top: 36%; } #bottom_banner .slide_control button.button { width: 18px; height: 18px; border: 1px solid #cecece; font-size: 0; position: relative; } #bottom_banner .slide_control button.button:before, #bottom_banner .slide_control button.button:after{content: '';display:inline-block} #bottom_banner .layout .banner_wrap .slide_control button.prev:before, #bottom_banner .layout .banner_wrap .slide_control button.next:before { content: ""; position: absolute; border-color: #8f8f8f; border-style: solid; border-width: 0 0 2px 2px; width: 4px; height: 4px; left: 50%; top: 50%; } #bottom_banner .layout .banner_wrap .slide_control button.prev:before { transform: translate(-50%,-50%) rotate(45deg) } #bottom_banner .layout .banner_wrap .slide_control button.next:before { transform: translate(-50%,-50%) rotate(222deg) } #bottom_banner .layout .banner_wrap .slide_control button.stop:before { box-shadow: -2px 0 #8f8f8f, 2px 0 #8f8f8f; width: 3px; height: 9px; } #bottom_banner .layout .banner_wrap .slide_control button.play{display:none} #bottom_banner .layout .banner_wrap .slide_control button.play:before { right: -3px; border-width: 5px 0 5px 8px; border-style: solid; width: 0; height: 0; border-color: transparent transparent transparent #7f7f7f; } /* gnb 분야별정보 추가수정 220913 */ #tm .item .th2.icon-menu li{padding:0 10px; width:calc(100% / 7)} #tm .item .th2.icon-menu li a{ padding:0;margin: 0; word-break: keep-all;} #tm .th2.icon-menu > li > a:before{display:block; width:76px; height:76px; background: #fff; content: ''; position: absolute; top:-1px;left:1px;z-index: 1; left:50%;transform: translateX(-50%); opacity: 0; visibility: hidden; transition: 0.3s; border-radius: 20px;} #tm .th2.icon-menu > li > a .ir{width:74px;height:74px; background-repeat: no-repeat;background-position: center center; box-shadow: 1px 2px 15px -8px rgb(0 0 0 / 20%); border-radius: 19px; margin-bottom: 16px; position: relative;z-index: 2; background-color: #fff;} #tm .th2.icon-menu > li > a .gnb-ir1{background-image: url('/images/kor/main/2022/gnb_icon1.png'); background-position: 21px center;} #tm .th2.icon-menu > li > a .gnb-ir2{background-image: url('/images/kor/main/2022/gnb_icon2.png');} #tm .th2.icon-menu > li > a .gnb-ir3{background-image: url('/images/kor/main/2022/gnb_icon3.png');} #tm .th2.icon-menu > li > a .gnb-ir4{background-image: url('/images/kor/main/2022/gnb_icon4.png');} #tm .th2.icon-menu > li > a .gnb-ir5{background-image: url('/images/kor/main/2022/gnb_icon5.png');} #tm .th2.icon-menu > li > a .gnb-ir6{background-image: url('/images/kor/main/2022/gnb_icon6.png');} #tm .th2.icon-menu > li > a .gnb-ir7{background-image: url('/images/kor/main/2022/gnb_icon7.png');} #tm .th2.icon-menu > li > a:hover:before, #tm .th2.icon-menu > li > a:focus:before, #tm .th2.icon-menu > li > a:active:before{ opacity: 1; visibility: visible; border-radius: 20px; background: linear-gradient(transparent, transparent), linear-gradient(-138deg, #ea0d79, #87bb1f 48%, #0095df 100%);} /*popzone 220922 수정 */ @media screen and (min-width:0) and (max-width:520px) { #top_layout .top_wrap .search_wrap .search_box .sc_label{font-size: 16px;left: calc(50% - 150px); margin: -11px 0 0;} } @media (max-width: 1300px){ .tnb .layout{ max-width: none; padding: 0 50px; } } @media (max-width: 1199px){ #tm{display: none;} } @media (max-width: 767px){ #gnb,.tnb .layout{padding: 0 30px;} #open_mn{ right: 0; } } @media (max-width: 480px){ #gnb, .tnb .layout{padding: 0 15px;} } /* 공식누리집 */ #nuri {background-color: #edf1f5; position: relative; z-index: 100;} #nuri .inner {max-width:1420px; margin:0 auto} #nuri .top_box {padding: 10px 20px;} #nuri .flag_wrap {display: flex; align-items: center;} #nuri .flag_wrap .flag_in {display: flex; align-items: center; margin: 0;} #nuri .flag_wrap .flag_in img {margin-right: 10px; width: 27px;} @media (min-width: 1480px) { #nuri .top_box { margin: 0 auto; max-width: 1420px; } }