/* common */ @import url('/pcms/common/font/font_gmarketsans.css'); .sr-only{display:block; width:1px;height:1px; margin: -1px; clip:rect(0,0,0,0); overflow: hidden; position:absolute;} /* tnb */ .tnb{background: #0D234D;} .tnb .layout{max-width:1920px;height: 53px;} .tnb .information{display:block; width:100%;height:100%} .tnb .information:after{content:'';display:block; clear:both} .tnb .information li{position: relative;display: inline-flex;float:left;height: 100%;align-items: center;padding-top:2px} .tnb .information li *{font-family: 'gmarket'; line-height:1} .tnb .information li > div,.tnb .information .sub-title{font-size: 14px;color: #FFFFFF; font-weight:300;} .tnb .information li > div{margin-right: 45px;} .tnb .information li:first-child > div:last-of-type{margin-right: 93px;} .tnb .information .info-title{font-weight: 700;font-size: 14px;color: #7CC6FC; position:relative;padding-left: 24px;} .tnb .information .info-title:before{ content:'';position:absolute;display:block; top:50%;left:0;margin-top: -11px;width: 20px;height: 20px;background-repeat: no-repeat;background-size: 100%;background-position: center center;} .tnb .information .sub-title{font-weight:500;position:relative;padding-right: 11px;margin-right: 7px;display: inline-block;} .tnb .information .sub-title:before{display: block; content:'';width: 1px;height: 11px;background: rgba(255, 255, 255, 0.5); position:absolute;top: 1px;right:0} .tnb .information .time{ margin-right:35px} .tnb .information .time:before{background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 0H0V20H20V0Z' fill='white' fill-opacity='0.01'/%3E%3Cpath d='M9.99999 18.4721C14.2188 18.4721 17.6389 15.0521 17.6389 10.8332C17.6389 6.61436 14.2188 3.19434 9.99999 3.19434C5.78111 3.19434 2.36108 6.61436 2.36108 10.8332C2.36108 15.0521 5.78111 18.4721 9.99999 18.4721Z' stroke='%237CC6FC' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M9.89979 6.39722L9.89929 10.9842L13.1378 14.2227' stroke='%237CC6FC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.66663 3.75008L4.58329 1.66675' stroke='%237CC6FC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.3333 3.75008L15.4166 1.66675' stroke='%237CC6FC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");;} .tnb .information .holy{margin-right: 27px;} .tnb .information .holy:before{background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 0H0V20H20V0Z' fill='white' fill-opacity='0.01'/%3E%3Cpath d='M2.08331 7.91675H17.9166V16.6667C17.9166 17.127 17.5436 17.5001 17.0833 17.5001H2.91665C2.45641 17.5001 2.08331 17.127 2.08331 16.6667V7.91675Z' stroke='%237CC6FC' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M2.08331 3.75008C2.08331 3.28984 2.45641 2.91675 2.91665 2.91675H17.0833C17.5436 2.91675 17.9166 3.28984 17.9166 3.75008V7.91675H2.08331V3.75008Z' stroke='%237CC6FC' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M6.66669 1.66675V5.00008' stroke='%237CC6FC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.3333 1.66675V5.00008' stroke='%237CC6FC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.6667 14.1667H14.1667' stroke='%237CC6FC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.83331 14.1667H8.33331' stroke='%237CC6FC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.6667 10.8333H14.1667' stroke='%237CC6FC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.83331 10.8333H8.33331' stroke='%237CC6FC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");} .tnb .information .row{position:relative; padding-left:94px;display: inline-block;line-height: 0;} .tnb .information .row .sub-title{position:absolute; left:9px;top:9px} .tnb .information .row > span{display:block;margin-bottom: 5px; font-size: 13px;} .tnb .information .row > span:last-child{margin-bottom: 0;} #top_layout .layout,#gnb_layout #gnb .layout{max-width:1920px; padding: 0 47px;} #top_layout .top_wrap #logo,#top_layout .top_wrap .utile_wrap{top:53px} /* top_layout */ #top_layout{height:153px;} #top_layout .top_wrap #logo{ max-width:315px;width:100%;height:100%; height:51px;margin: 17px 0 12px 0;display: inline-flex;align-items: center;justify-content: flex-start;margin: 0;top: 77px; left:42px; } #top_layout .top_wrap #logo a{background:transparent;display:flex; align-items: center; justify-content: flex-start; } #top_layout .top_wrap #logo a:before{display:block;max-width: 161px;height:100%; width:100%;background-image: url(/images/sjelib/common/logo.png);/*background-image: url(/images/sjelib/common/logo.svg);*/ background-position: center center; background-repeat: no-repeat; background-size: 100%; content:'' } #top_layout .top_wrap #logo .logo-title{display:inline-block; position:relative;font-family: 'gmarket'; font-weight: 700;font-size: 20px;color: #000000; padding-left:14px;margin-left: 10px; margin-top: 2px;font-size: 20px; line-height: 1;} #top_layout .top_wrap #logo .logo-title:before{content:''; display:inline-block; position: absolute; width: 1px;height: 20px; background: #D9D9D9; left:0; top:-2px} #top_layout .top_wrap .utile_wrap{height:35px;top:86px;padding-right:40px;} #top_layout .top_wrap .utile_wrap:after{content:'';display:block; clear:both} #top_layout .top_wrap .utile_wrap > li.site-link{display:inline-flex;align-items: center; border:transparent;margin-left:5px;} #top_layout .top_wrap .utile_wrap > li.site-link a{font-weight: bold;font-size: 13px;color: #666666; position:relative;padding-left: 37px; padding:6px; width:100%;height:100%;border-radius: 100px;border: 1px solid #DDDDDD;background: #FFFFFF;padding-left:24px;transition: all .3s;letter-spacing: -1px;} #top_layout .top_wrap .utile_wrap > li.site-link a:before{display:block; width: 22px; height: 22px; content:''; background-position: center center; background-repeat: no-repeat; background-size: 100%; border-radius: 50%; position:absolute; top:50%; left:6px;margin-top: -11px;} #top_layout .top_wrap .utile_wrap > li.site-link.sejong{width: 120px; height: 34px;} #top_layout .top_wrap .utile_wrap > li.site-link.sejong a{ color:#fff; background:#0D234D; border:1px solid #0D234D;} #top_layout .top_wrap .utile_wrap > li.site-link.sejong a:before{background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_194_2115)'%3E%3Cpath d='M15.3914 0H0.391357V16H15.3914V0Z' fill='white' fill-opacity='0.01'/%3E%3Cpath d='M8.89136 7C9.99593 7 10.8914 6.10457 10.8914 5C10.8914 3.89543 9.99593 3 8.89136 3C7.78679 3 6.89136 3.89543 6.89136 5C6.89136 6.10457 7.78679 7 8.89136 7Z' stroke='%231A9FFF' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.3914 13C13.3914 10.5147 11.3766 8.5 8.89136 8.5C6.40608 8.5 4.39136 10.5147 4.39136 13' stroke='%231A9FFF' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.3914 11L8.39136 13L7.39136 12' stroke='%231A9FFF' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_194_2115'%3E%3Crect width='15' height='16' fill='white' transform='translate(0.391357)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); background-color:#fff;border-radius: 50%;background-size: 85%;background-position: 0 center;} #top_layout .top_wrap .utile_wrap > li.site-link.sejong a:hover, #top_layout .top_wrap .utile_wrap > li.site-link.sejong a:focus{box-shadow: 0px 4px 15px rgba(0, 12, 55, 0.15);} #top_layout .top_wrap .utile_wrap > li.site-link.mine{width:94px; height: 34px;} #top_layout .top_wrap .utile_wrap > li.site-link.mine a{ color:#fff; background: #048FF3; border:1px solid #048FF3;} #top_layout .top_wrap .utile_wrap > li.site-link.mine a:before{background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_194_2115)'%3E%3Cpath d='M15.3914 0H0.391357V16H15.3914V0Z' fill='white' fill-opacity='0.01'/%3E%3Cpath d='M8.89136 7C9.99593 7 10.8914 6.10457 10.8914 5C10.8914 3.89543 9.99593 3 8.89136 3C7.78679 3 6.89136 3.89543 6.89136 5C6.89136 6.10457 7.78679 7 8.89136 7Z' stroke='%231A9FFF' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.3914 13C13.3914 10.5147 11.3766 8.5 8.89136 8.5C6.40608 8.5 4.39136 10.5147 4.39136 13' stroke='%231A9FFF' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.3914 11L8.39136 13L7.39136 12' stroke='%231A9FFF' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_194_2115'%3E%3Crect width='15' height='16' fill='white' transform='translate(0.391357)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); background-color:#fff;border-radius: 50%;background-size: 85%;background-position: 0 center;} #top_layout .top_wrap .utile_wrap > li.site-link.mine a:hover, #top_layout .top_wrap .utile_wrap > li.site-link.mine a:focus{box-shadow: 0px 4px 15px rgba(0, 12, 55, 0.25);} #top_layout .top_wrap .utile_wrap > li.site-link.login{height: 34px;width: 90px; } #top_layout .top_wrap .utile_wrap > li.site-link.login a{} #top_layout .top_wrap .utile_wrap > li.site-link.login a:before{background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_190_1982)'%3E%3Cpath d='M15 0H0V16H15V0Z' fill='white' fill-opacity='0.01'/%3E%3Cpath d='M11.5556 7H4.44444C4.19898 7 4 7.24421 4 7.54545V12.4545C4 12.7558 4.19898 13 4.44444 13H11.5556C11.801 13 12 12.7558 12 12.4545V7.54545C12 7.24421 11.801 7 11.5556 7Z' stroke='%23666666' stroke-linejoin='round'/%3E%3Cpath d='M6 7V5.22222C6 3.99492 6.89544 3 8 3C9.10456 3 10 3.99492 10 5.22222V7' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 9V10' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_190_1982'%3E%3Crect width='15' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");} #top_layout .top_wrap .utile_wrap > li.site-link.login a:hover, #top_layout .top_wrap .utile_wrap > li.site-link.login a:focus, #top_layout .top_wrap .utile_wrap > li.site-link.logout a:hover, #top_layout .top_wrap .utile_wrap > li.site-link.logout a:focus{border:1px solid #1A9FFF;color: #1A9FFF;} #top_layout .top_wrap .utile_wrap > li.site-link.login a:hover::before, #top_layout .top_wrap .utile_wrap > li.site-link.login a:focus::before{background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_190_1983)'%3E%3Cpath d='M15 0H0V16H15V0Z' fill='white' fill-opacity='0.01'/%3E%3Cpath d='M11.5556 7H4.44444C4.19898 7 4 7.24421 4 7.54545V12.4545C4 12.7558 4.19898 13 4.44444 13H11.5556C11.801 13 12 12.7558 12 12.4545V7.54545C12 7.24421 11.801 7 11.5556 7Z' stroke='%231A9FFF' stroke-linejoin='round'/%3E%3Cpath d='M6 7V5.22222C6 3.99492 6.89544 3 8 3C9.10456 3 10 3.99492 10 5.22222V7' stroke='%231A9FFF' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 9V10' stroke='%231A9FFF' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_190_1983'%3E%3Crect width='15' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");} #top_layout .top_wrap .utile_wrap > li.site-link.logout a{padding:6px 10px 6px 36px;} #top_layout .top_wrap .utile_wrap > li.site-link.logout a:before{background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_190_1984)'%3E%3Cpath d='M15 0H0V16H15V0Z' fill='white' fill-opacity='0.01'/%3E%3Cpath d='M14 2H2V14H14V2Z' fill='white' fill-opacity='0.01'/%3E%3Cpath d='M7.99792 3.5H3.5V12.5H8' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.25 10.25L12.5 8L10.25 5.75' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 7.99792H12.5' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_190_1984'%3E%3Crect width='15' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); left:10px; margin-top: -10px;} /* logout */ #top_layout .top_wrap .utile_wrap > li.site-link.logout a:hover::before, #top_layout .top_wrap .utile_wrap > li.site-link.logout a:focus::before{background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_190_1985)'%3E%3Cpath d='M15 0H0V16H15V0Z' fill='white' fill-opacity='0.01'/%3E%3Cpath d='M13 2H1V14H13V2Z' fill='white' fill-opacity='0.01'/%3E%3Cpath d='M6.99792 3.5H2.5V12.5H7' stroke='%231A9FFF' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.25 10.25L11.5 8L9.25 5.75' stroke='%231A9FFF' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 7.99792H11.5' stroke='%231A9FFF' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_190_1985'%3E%3Crect width='15' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");} #gnb_search, #top_layout .top_wrap .utile_wrap > li.pc, #top_layout .top_wrap .utile_wrap > li.mo{ height:34px;} #gnb_search{display:flex;margin-left: 32px; overflow: hidden; position: relative;} #gnb_search .open,#gnb_search .close{ display:inline-block;background-size: 100%;background-repeat: no-repeat;background-position: center center;} #gnb_search .open{ order:2;position:relative; width:22px; height:100%; } #gnb_search .open:before{content:'';display:block; width:22px; height:22px; } #gnb_search .clickOpen{order:1; display:inline-flex; flex-wrap: nowrap; position: absolute; right:0;top:0;width:0; ;height:34px; display:none;overflow: hidden;} #gnb_search .form_inner{max-width:135px;width:100%; height:34px;border-bottom: 1px solid #222;} #gnb_search .form_inner input[type=text],#gnb_search .form_inner .submit{display:inline-block; float:left; border:transparent} #gnb_search .form_inner input[type=text]{width:calc(100% - 22px);height: 100%;line-height: 100%; font-size: 13px;} #gnb_search .form_inner .submit{width:21px;height: 100%;} #gnb_search .form_inner .submit input[type=submit]{display:block;width:100%;height:100%; border:transparent; font-size: 0; } #gnb_search .form_inner .submit{display:inline-flex;align-items: center;} #gnb_search .open:before,#gnb_search .form_inner .submit input[type=submit]{background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.0303 11.9697C12.7374 11.6768 12.2626 11.6768 11.9697 11.9697C11.6768 12.2626 11.6768 12.7374 11.9697 13.0303L13.0303 11.9697ZM15.4697 16.5303C15.7626 16.8232 16.2374 16.8232 16.5303 16.5303C16.8232 16.2374 16.8232 15.7626 16.5303 15.4697L15.4697 16.5303ZM7.5 14.75C11.504 14.75 14.75 11.504 14.75 7.5H13.25C13.25 10.6756 10.6756 13.25 7.5 13.25V14.75ZM14.75 7.5C14.75 3.49595 11.504 0.25 7.5 0.25V1.75C10.6756 1.75 13.25 4.32438 13.25 7.5H14.75ZM7.5 0.25C3.49595 0.25 0.25 3.49595 0.25 7.5H1.75C1.75 4.32438 4.32438 1.75 7.5 1.75V0.25ZM0.25 7.5C0.25 11.504 3.49595 14.75 7.5 14.75V13.25C4.32438 13.25 1.75 10.6756 1.75 7.5H0.25ZM11.9697 13.0303L15.4697 16.5303L16.5303 15.4697L13.0303 11.9697L11.9697 13.0303Z' fill='%23222222'/%3E%3C/svg%3E%0A"); background-size: 100%; background-repeat: no-repeat; background-position: center center; } #gnb_search.active{padding-left: 132px;} #gnb_search.active .open + .clickOpen{width:100%;display:block;background-color: #fff;padding-right: 35px;} #gnb_search .close{background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.06066 0.822373L14.0625 13.8242M0.9375 13.8241L13.9393 0.822266' stroke='%23888888' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A"); width:19px;height: 100%;position: absolute;top: 0;right: 0; position:absolute; top:0; right:0;opacity: 1;} #gnb_search .close:focus,#gnb_search .close:hover{opacity: 1;} /* seach_fixed 0905 */ #gnb_search.active .open + .clickOpen{position:fixed;top:53px;left:0; height:194px;padding: 49px 35px 19px 35px; border-bottom: 1px solid #ddd;} #gnb_search form,#gnb_search fieldset{height:100%; text-align: center;} #gnb_search form .tit{display:block;margin:0 0 15px;font-size:24px;font-family:'gmarket';font-weight:400;color:#444;line-height:1.2} #gnb_search .form_inner{max-width:585px;margin:0 auto} #gnb_search .close{right:30px;top:0px; height:59px} /* seach_fixed 0905 end*/ #top_layout .top_wrap .utile_wrap > li.allmenu-link{margin-top: 7px;} #top_layout .top_wrap .utile_wrap > li.pc, #top_layout .top_wrap .utile_wrap > li.mo{width:20px} /* gnb */ #gnb_layout .depth1_ul{} #gnb_layout .depth1_ul > li{position: relative;} #gnb_layout .depth1_ul > li > a{display:flex; height:100%;align-items: center; justify-content: center; } #gnb_layout .depth1_ul > li > a > span{font-size: 18px; color: #000000; text-align: center; font-family: 'gmarket';font-weight:normal;padding: 0px 10px 0; display:inline-block; min-width: 216px;} #gnb_layout .depth1_ul > li > a span:before{margin-top: -2px;} #gnb_layout .depth1_ul > li > a:hover span, #gnb_layout .depth1_ul > li > a:focus span{font-weight: bold;} #gnb_layout .depth1_ul > li > a:hover span:after, #gnb_layout .depth1_ul > li > a:focus span:after{display:none} #gnb_layout .depth1_ul > li .item{padding:0;border-left: 1px solid #E3E3E3;} #gnb_layout .depth1_ul > li:last-child .item{border-right: 1px solid #E3E3E3;} #gnb_layout .depth1_ul > li .depth2_ul, #gnb_layout.open .depth1_ul > li .depth2_ul{float:none;padding:12px 0px 12px 16px} #gnb_layout .depth1_ul .depth3_ul{display:none !important} #gnb_layout .depth1_ul > li > a.current + .item{background: #F5FAFD;} #gnb_layout .depth1_ul > li > a + .item:hover, #gnb_layout .depth1_ul > li > a + .item:focus{background: #F5FAFD;} /* mobile */ #mobile-menu .modal-dialog .modal-content{padding-top: 0;} #mobile-menu .utile_wrap{display:block; height: 74px; background: #048FF3; padding-top: 22px;} #mobile-menu .utile_wrap{padding-left: 0px;text-align:right;} #mobile-menu .utile_wrap.sj{padding-left:0;} #mobile-menu .utile_wrap > li.site-link, #mobile-menu .utile_wrap > li.site-link.mine{ width:auto; display: inline-block; font-size: 13px; } /* #mobile-menu .modal-dialog .modal-content{position:relative} */ #mobile-menu .mobile-close{width: 36px;height: 36px;left:20px;top: -57px;background: #FFFFFF;border-radius: 12px;} #mobile-menu .mobile-close span{width:14px;height: 14px; margin:2px auto 0} #mobile-menu .mobile-close span:before,#mobile-menu .mobile-close span:after{background-color: #199FFF;height: 1px;bottom:auto;top:50%;right:auto;left:50%;} #mobile-menu .mobile-close span:before{transform: translate(-50%,-50%) rotate(-135deg); width:1px;height:100%;} #mobile-menu .mobile-close span:after{transform:translate(-50%, -50%) rotate(45deg); width:100%;height:1px;} #mobile-menu .utile_wrap > li.site-link{} #mobile-menu .utile_wrap > li.site-link a{position:relative; padding-left:4px; color:#fff;font-size: 13px;display: block;padding-left: 17px; padding-right:10px; margin-right:3px;font-family: 'gmarket';} #mobile-menu .utile_wrap > li.site-link:not(:last-child) a:after{content:'';display:block;background-color: rgba(255, 255, 255, 0.5); position:absolute; right:0; top:5px;height:13px;width:1px} #mobile-menu .utile_wrap > li.site-link a:before,#mobile-menu .utile_wrap > li.site-link:after{content:''; display:block; background-position: center center; background-repeat: no-repeat; background-size: 100%; position:absolute} #mobile-menu .utile_wrap > li.site-link.mine a:before{background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 0H0V16H15V0Z' fill='white' fill-opacity='0.01'/%3E%3Cpath d='M8.5 7C9.60457 7 10.5 6.10457 10.5 5C10.5 3.89543 9.60457 3 8.5 3C7.39543 3 6.5 3.89543 6.5 5C6.5 6.10457 7.39543 7 8.5 7Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13 13C13 10.5147 10.9853 8.5 8.5 8.5C6.01472 8.5 4 10.5147 4 13' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 11L8 13L7 12' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");width: 17px;height: 17px;position: absolute;top:0;left: 0;} #mobile-menu .utile_wrap > li.site-link.sejong a:before{background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 0H0V16H15V0Z' fill='white' fill-opacity='0.01'/%3E%3Cpath d='M8.5 7C9.60457 7 10.5 6.10457 10.5 5C10.5 3.89543 9.60457 3 8.5 3C7.39543 3 6.5 3.89543 6.5 5C6.5 6.10457 7.39543 7 8.5 7Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13 13C13 10.5147 10.9853 8.5 8.5 8.5C6.01472 8.5 4 10.5147 4 13' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 11L8 13L7 12' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");width: 17px;height: 17px;position: absolute;top:0;left: 0;} #mobile-menu .utile_wrap > li.site-link.login a:before{background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_417_1077)'%3E%3Cpath d='M15 0H0V16H15V0Z' fill='white' fill-opacity='0.01'/%3E%3Cg clip-path='url(%23clip1_417_1077)'%3E%3Cpath d='M14 0H-1V16H14V0Z' fill='white' fill-opacity='0.01'/%3E%3Cpath d='M13 2H1V14H13V2Z' fill='white' fill-opacity='0.01'/%3E%3Cpath d='M6.99792 3.5H2.5V12.5H7' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.25 10.25L11.5 8L9.25 5.75' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 7.99805H11.5' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_417_1077'%3E%3Crect width='15' height='16' fill='white'/%3E%3C/clipPath%3E%3CclipPath id='clip1_417_1077'%3E%3Crect width='15' height='16' fill='white' transform='translate(-1)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");width: 17px;height: 16px;left:0;top:1px} #mobile-menu .utile_wrap > li.site-link.logout a:before{background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_417_1077)'%3E%3Cpath d='M15 0H0V16H15V0Z' fill='white' fill-opacity='0.01'/%3E%3Cg clip-path='url(%23clip1_417_1077)'%3E%3Cpath d='M14 0H-1V16H14V0Z' fill='white' fill-opacity='0.01'/%3E%3Cpath d='M13 2H1V14H13V2Z' fill='white' fill-opacity='0.01'/%3E%3Cpath d='M6.99792 3.5H2.5V12.5H7' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.25 10.25L11.5 8L9.25 5.75' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 7.99805H11.5' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_417_1077'%3E%3Crect width='15' height='16' fill='white'/%3E%3C/clipPath%3E%3CclipPath id='clip1_417_1077'%3E%3Crect width='15' height='16' fill='white' transform='translate(-1)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");width: 17px;height: 16px;left:0;top:1px} #mobile-menu .utile_wrap > li.site-link, #mobile-menu .utile_wrap > li.site-link.mine{width: auto;display: inline-block;font-size: 13px;} /* mobile depth1 */ #mobile-menu .modal-dialog .modal-content .modal-body{padding:10px 34px 29px 31px} #mobile-menu .modal-dialog .modal-content .modal-body ul li{font-family: 'gmarket';} /* depth1 */ #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul{-ms-overflow-style: none;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul::-webkit-scrollbar{display:none;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li{} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a{position: relative;border-bottom:1px solid #DDDDDD;padding:13px 25px 13px 0; } #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a:after{width:17px;height: 17px; background-color: #EFF2F4; border-radius: 5px;transform: none;background-image: url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.82816 3.53557L3.53527 4.24268L7.0708 0.707141L6.36369 3.48709e-05L3.53533 2.8284L0.706851 -7.47839e-05L-0.000255417 0.707032L2.82822 3.53551L2.82816 3.53557Z' fill='%23888888'/%3E%3C/svg%3E%0A"); background-position: center center; background-size: 47%; background-repeat: no-repeat; top:50%; margin-top: -6.5px; border:transparent;right:0px } #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a > span{margin-top: 7px; line-height: 1.3;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a[target="_blank"]:after span {right:0;background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.81836' width='8.18182' height='8.18182' rx='1' fill='%23EFF2F4'/%3E%3Crect x='0.5' y='2.31812' width='7.18182' height='7.18182' rx='0.5' fill='white' stroke='%23DCE2E8'/%3E%3C/svg%3E%0A");} /* depth1 ov */ #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a span{font-size: 16px; color:#666666; font-family: 'gmarket'; font-weight: normal;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a.ov, #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a:hover, #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a:focus {background:transparent; border-bottom: 2px solid #048FF3;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a.ov span, #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a:hover span, #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a:focus span{color:#048FF3} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a.ov:after { background-color: #048FF3;background-image: url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.29289 5.00001L8 4.29291L5.17152 1.46443L5.17158 1.46437L4.46448 0.757263L0.928944 4.2928L1.63605 4.9999L4.46442 2.17154L7.29289 5.00001Z' fill='white'/%3E%3C/svg%3E%0A"); background-size: 48%; top:26.5px } /* depth2 */ #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul{padding: 8px 0; background-color: transparent; } #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li{padding: 0;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a{padding-left: 8px; border-radius: 0;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a:before, #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a[target="_blank"]:before #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a.dep:before{ left:8px; top:16px; width:3px;height: 3px; background-color: #0C3A93; border: none;border-radius: 50%; right:auto;bottom:auto} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a span, #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a.dep span{ font-size: 15px; color:#666666;font-weight: normal; padding: 8px 7px 3px 9px; } #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a.dep:after{display:none} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a.ov{background-color: transparent;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a.dep.ov:before, #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li.on > a.dep:before{background-color:#0C3A93} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li.on > a span:before, #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a.ov span:before{display:none} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a.ov span, #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a:hover span, #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a:focus span{color:#0C3A93} /* depth3 */ #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul{background: #F4F8FC; margin-top: 0; border-radius: 0; border:transparent;padding: 19px 0 12px; margin: 3px 0 7px;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul li{margin: 0px 0 9px;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul li:last-child{margin-bottom: 0;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul li a{padding-left: 31px; } #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li a:after{left:19px;width:5px;height:2px; background-color: #666666;border-radius: 50px;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul li a span{ font-size: 15px; color:#666666} /* depth3_ov*/ #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul li a:hover span, #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul li a:focus span {color:#3E96E7} #gnb_layout .depth1_ul .depth2_ul li a[target=_blank] span:after{} @media screen and (max-width:1800px) { #top_layout .layout, #gnb_layout #gnb .layout{padding: 0 36px;} #top_layout .top_wrap #logo{left:30px} #top_layout .top_wrap #logo .logo-title{font-size: 18px;margin-top: 4px;} #gnb_layout .depth1_ul > li > a > span{ min-width: 186px; padding-right:0} #gnb_layout .depth1_ul .depth2_ul > li > a{padding-right:10px} } @media screen and (max-width:1680px) { #top_layout .layout, #gnb_layout #gnb .layout{padding: 0 25px;} #top_layout .top_wrap #logo{left:18px; top:75px} #top_layout .top_wrap .utile_wrap{padding-right: 27px;} #gnb_layout .depth1_ul > li > a > span{min-width: 170px;} #gnb_layout .depth1_ul > li .depth2_ul, #gnb_layout.open .depth1_ul > li .depth2_ul{padding-left:5px;} #gnb_layout .depth1_ul .depth2_ul > li > a{display:block;width:100%;} #gnb_layout .depth1_ul .depth2_ul > li > a span{display:block;padding-right:2px;word-break: keep-all;word-wrap: break-word;font-size:14px;letter-spacing:-1px;} } @media screen and (max-width:1500px) { #gnb_layout .depth1_ul > li > a span{font-size: 16px;} #gnb_layout .depth1_ul > li > a > span{min-width:135px;} } @media screen and (max-width:1360px) { #gnb_layout .depth1_ul > li > a > span{min-width:130px;} } @media screen and (max-width:1340px) { #gnb_layout, #top_layout .top_wrap .utile_wrap > li.pc{display:none} #top_layout .top_wrap .utile_wrap > li.mo{display:block} #top_layout .top_wrap #logo .logo-title{font-size:20px;} #top_layout .top_wrap .utile_wrap{padding-right: 22px;} .tnb .information li:last-child{float:right} .tnb .information li:last-child > div{margin-right: 0;} .tnb .information li:first-child > div:last-of-type{margin-right: 0;} } @media screen and (max-width:1024px) { .tnb .information li > div {margin-right: 26px;} } @media screen and (max-width:950px) { .tnb{display:none} #top_layout{height:95px} #top_layout .top_wrap #logo{top:20px} #top_layout .top_wrap .utile_wrap{top:30px} #body_layout{margin-top: 0;} #gnb_search.active .open + .clickOpen{top:0} } @media screen and (max-width:830px) { #top_layout .top_wrap .utile_wrap > li.site-link.sejong, #top_layout .top_wrap .utile_wrap > li.site-link.mine, #top_layout .top_wrap .utile_wrap > li.site-link.login{display:none} } @media screen and (max-width:767px) { } @media screen and (max-width:600px) { #top_layout{height:74px} #top_layout .top_wrap .utile_wrap{padding-right: 12px; top:18px} #top_layout .top_wrap #logo{top:11px;left:15px} #top_layout .top_wrap #logo .logo-title{margin-left: 5px;padding-left: 8px; font-size: 16px;} #top_layout .top_wrap #logo .logo-title:before{height:11px; top:0px} #gnb_search.active .open + .clickOpen{padding:49px 35px 19px 35px} #gnb_search .open:before{width:17px;height:100%;background-position: center 10px;} #gnb_search .form_inner .submit input[type=submit]{width:20px;height:28px;background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 14C11.0898 14 14 11.0898 14 7.5C14 3.91016 11.0898 1 7.5 1C3.91016 1 1 3.91016 1 7.5C1 11.0898 3.91016 14 7.5 14Z' stroke='%23222222' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M12.5 12.5L14.0289 14.0289L16 16' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); margin:0 auto} #top_layout .top_wrap .utile_wrap{padding-right: 6px;} #top_layout .top_wrap .utile_wrap > li.mo{margin-left: 22px;} #top_layout .top_wrap .utile_wrap > li.allmenu-link .btn-allmenu .hamburger{width:15.5px;height:14px} } @media screen and (max-width:420px) { #top_layout .top_wrap #logo a:before{width:110px;} #top_layout .top_wrap #logo .logo-title{margin-left: 4px;padding-left: 7px; font-size: 15px;} #top_layout .top_wrap .utile_wrap > li.mo{margin-left: 19px;} #gnb_search.active .open + .clickOpen{padding-left:20px; padding-right: 20px; padding-top: 74px; height:208px} #gnb_search .close {right: 20px; top:10px} } /* left */ #body_layout .lnb_wrap .lnb_depth2__list > li.on > a{border-top:1px solid #ddd;} #body_layout .lnb_wrap .lnb_depth2__list > li:first-child.on > a{border-top:transparent} /* location */ #body_layout #location .utile_wrap .print_wrap li.sns .sns_wrap button{margin-bottom: 0;} #body_layout #location .utile_wrap .print_wrap li.sns .sns_wrap button.kakao, #body_layout #location .utile_wrap .print_wrap li.sns .sns_wrap button.ca, #body_layout #location .utile_wrap .print_wrap li.sns .sns_wrap button.band{display:none} @media screen and (max-width:1024px) { #body_layout{margin-top: 46px;} } @media screen and (max-width:767px) { .banner__inner{padding-left: 252px;} } @media screen and (max-width:600px) { #body_layout .body_wrap{padding:0 20px} } @media screen and (max-width:500px) { #body_layout{margin-top: 36px;} #body_layout #location{background: transparent; padding-bottom: 9px; margin-bottom: 0;} #body_layout #location .page__title{text-align: center;} #body_layout #location .location_wrap{display:flex; align-items: center; justify-content: center;} #body_layout #location .utile_wrap .print_wrap{top:auto;right:auto;text-align: center; margin: 11px 0 7px; position: relative;} #body_layout #location .utile_wrap .print_wrap li{display:inline-flex; float:none} } /* footer */ #foot_layout{background-color: #fff; padding:0 35px 35px} #foot_layout .layout{ padding:0 } #foot_layout .quick{margin-bottom: 56px;} #foot_layout .quick-list{width:calc(100% + 40px); margin:0 -20px} #foot_layout .quick-list:after{content:''; display:block; clear:both;} #foot_layout .quick-list li{float:left; width:calc(33.333333% - 40px); margin:0 20px;height:82px;} #foot_layout .quick-list li .link{display:flex;width:100%;height:100%;align-items: center; position: relative; font-size: 18px; font-weight: 700; padding-left: 69px;} #foot_layout .quick-list li .link:before,#foot_layout .quick-list li .link:after{content: ''; display:block; position:absolute;background-position: center center; background-repeat: no-repeat; background-size: 100%; } #foot_layout .quick-list li .link:before{top:50%;left:41px; } #foot_layout .quick-list li.list1 .link{background-color: #F3F1F8;} #foot_layout .quick-list li.list1 .link:before{width:17px;height:17px; margin-top: -8.5px; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.08333 1.75V0.75C8.53105 0.75 8.08333 1.19772 8.08333 1.75L9.08333 1.75ZM9.08333 18.25H8.08333C8.08333 18.8023 8.53105 19.25 9.08333 19.25V18.25ZM18.25 1.75H19.25C19.25 1.19772 18.8023 0.75 18.25 0.75V1.75ZM18.25 18.25V19.25C18.8023 19.25 19.25 18.8023 19.25 18.25H18.25ZM3.58333 1.75L3.70737 0.757722C3.44238 0.724599 3.17516 0.798839 2.96523 0.963901C2.75531 1.12896 2.62012 1.37113 2.5898 1.63645L3.58333 1.75ZM7.25 2.20833L8.24504 2.30784C8.29903 1.76786 7.91251 1.28337 7.37403 1.21606L7.25 2.20833ZM5.64583 18.25L5.52899 19.2432C5.79539 19.2745 6.06322 19.1975 6.2723 19.0294C6.48138 18.8614 6.61418 18.6164 6.64087 18.3495L5.64583 18.25ZM1.75 17.7917L0.756467 17.6781C0.693904 18.2255 1.08594 18.7204 1.63316 18.7848L1.75 17.7917ZM14.9583 7.25C14.9583 7.80228 15.406 8.25 15.9583 8.25C16.5106 8.25 16.9583 7.80228 16.9583 7.25H14.9583ZM16.9583 5.875C16.9583 5.32272 16.5106 4.875 15.9583 4.875C15.406 4.875 14.9583 5.32272 14.9583 5.875H16.9583ZM10.375 7.25C10.375 7.80228 10.8227 8.25 11.375 8.25C11.9273 8.25 12.375 7.80228 12.375 7.25H10.375ZM12.375 5.875C12.375 5.32272 11.9273 4.875 11.375 4.875C10.8227 4.875 10.375 5.32272 10.375 5.875H12.375ZM13.6667 0.75H9.08333V2.75H13.6667V0.75ZM8.08333 1.75V18.25H10.0833V1.75H8.08333ZM9.08333 19.25H13.6667V17.25H9.08333V19.25ZM14.6667 18.25V1.75H12.6667V18.25H14.6667ZM18.25 0.75H13.6667V2.75H18.25V0.75ZM13.6667 19.25H18.25V17.25H13.6667V19.25ZM19.25 18.25V1.75H17.25V18.25H19.25ZM3.4593 2.74228L7.12597 3.20061L7.37403 1.21606L3.70737 0.757722L3.4593 2.74228ZM6.25496 2.10883L4.6508 18.1505L6.64087 18.3495L8.24504 2.30784L6.25496 2.10883ZM5.76267 17.2568L1.86684 16.7985L1.63316 18.7848L5.52899 19.2432L5.76267 17.2568ZM2.74353 17.9052L4.57687 1.86355L2.5898 1.63645L0.756467 17.6781L2.74353 17.9052ZM16.9583 7.25V5.875H14.9583V7.25H16.9583ZM12.375 7.25V5.875H10.375V7.25H12.375Z' fill='%23222222'/%3E%3C/svg%3E%0A"); } #foot_layout .quick-list li .link:after{ width:10px;height:16px;right:28px;top:50%;margin-top: -7px;background-image: url("data:image/svg+xml,%3Csvg width='12' height='16' viewBox='0 0 12 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4746 7.18466C10.9169 7.58642 10.9169 8.2378 10.4746 8.63956V8.63956C10.0324 9.04133 9.31539 9.04133 8.87315 8.63956L1.76553 2.1825C1.32329 1.78074 1.32328 1.12935 1.76552 0.727593V0.727593C2.20776 0.325831 2.92478 0.325831 3.36702 0.727593L10.4746 7.18466Z' fill='%23222222'/%3E%3Cpath d='M8.87357 7.18497C9.31581 6.78321 10.0328 6.78321 10.4751 7.18497V7.18497C10.9173 7.58673 10.9173 8.23812 10.4751 8.63988L3.36744 15.0969C2.9252 15.4987 2.20819 15.4987 1.76595 15.0969V15.0969C1.32371 14.6952 1.32371 14.0438 1.76595 13.642L8.87357 7.18497Z' fill='%23222222'/%3E%3C/svg%3E%0A");} #foot_layout .quick-list li.list2 .link{background-color: #E7F4F7;} #foot_layout .quick-list li.list2 .link:before{width:15px;height:21px; margin-top: -10.5px; background-image: url("data:image/svg+xml,%3Csvg width='17' height='24' viewBox='0 0 17 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.33331 1C1.83331 1 1 2.72168 1 4.84545C1 8.69091 5.875 12.1868 8.5 13C11.125 12.1868 16 8.69091 16 4.84545C16 2.72168 14.9448 1 12.6667 1C11.2716 1 9.2465 2.67842 8.5 3.66667C7.7535 2.67842 5.72844 1 4.33331 1Z' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 13.0833C7.91667 13.6742 6.29167 14.9791 6.29167 16.8749C6.29167 18.7708 11.7083 18.2291 11.7083 20.1249C11.7083 22.0208 5.75 22.8333 5.75 22.8333' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } #foot_layout .quick-list li.list3 .link{background-color:#EEF4F9;padding-left: 72px;} #foot_layout .quick-list li.list3 .link:before{width:23px;height:18px;margin-top: -9px;background-image: url("data:image/svg+xml,%3Csvg width='25' height='21' viewBox='0 0 25 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9252 14.4914C10.9252 15.0437 11.3729 15.4914 11.9252 15.4914C12.4775 15.4914 12.9252 15.0437 12.9252 14.4914H10.9252ZM4.02519 14.4914C4.02519 15.0437 4.4729 15.4914 5.02519 15.4914C5.57747 15.4914 6.02519 15.0437 6.02519 14.4914H4.02519ZM14.7999 7.16655C14.2476 7.16655 13.7999 7.61427 13.7999 8.16655C13.7999 8.71884 14.2476 9.16655 14.7999 9.16655V7.16655ZM19.3999 9.16655C19.9522 9.16655 20.3999 8.71884 20.3999 8.16655C20.3999 7.61427 19.9522 7.16655 19.3999 7.16655V9.16655ZM15.9501 11.7665C15.3978 11.7665 14.9501 12.2142 14.9501 12.7665C14.9501 13.3188 15.3978 13.7665 15.9501 13.7665V11.7665ZM19.4001 13.7665C19.9524 13.7665 20.4001 13.3188 20.4001 12.7665C20.4001 12.2142 19.9524 11.7665 19.4001 11.7665V13.7665ZM2.15 2.2666H22.85V0.266602H2.15V2.2666ZM22.85 2.2666C22.9328 2.2666 23 2.33376 23 2.4166H25C25 1.22919 24.0374 0.266602 22.85 0.266602V2.2666ZM23 2.4166V18.5166H25V2.4166H23ZM23 18.5166C23 18.5994 22.9328 18.6666 22.85 18.6666V20.6666C24.0374 20.6666 25 19.704 25 18.5166H23ZM22.85 18.6666H2.15V20.6666H22.85V18.6666ZM2.15 18.6666C2.06716 18.6666 2 18.5994 2 18.5166H0C0 19.704 0.962588 20.6666 2.15 20.6666V18.6666ZM2 18.5166V2.4166H0V18.5166H2ZM2 2.4166C2 2.33376 2.06716 2.2666 2.15 2.2666V0.266602C0.962588 0.266602 0 1.22919 0 2.4166H2ZM8.47491 12.0416C10.2974 12.0416 11.7749 10.5641 11.7749 8.74162H9.77491C9.77491 9.45957 9.19285 10.0416 8.47491 10.0416V12.0416ZM11.7749 8.74162C11.7749 6.91911 10.2974 5.44162 8.47491 5.44162V7.44162C9.19285 7.44162 9.77491 8.02368 9.77491 8.74162H11.7749ZM8.47491 5.44162C6.65239 5.44162 5.17491 6.91911 5.17491 8.74162H7.17491C7.17491 8.02368 7.75696 7.44162 8.47491 7.44162V5.44162ZM5.17491 8.74162C5.17491 10.5641 6.65239 12.0416 8.47491 12.0416V10.0416C7.75696 10.0416 7.17491 9.45957 7.17491 8.74162H5.17491ZM12.9252 14.4914C12.9252 12.0336 10.9324 10.0416 8.47491 10.0416V12.0416C9.82818 12.0416 10.9252 13.1385 10.9252 14.4914H12.9252ZM8.47491 10.0416C6.01721 10.0416 4.02519 12.0338 4.02519 14.4914H6.02519C6.02519 13.1383 7.12185 12.0416 8.47491 12.0416V10.0416ZM14.7999 9.16655H19.3999V7.16655H14.7999V9.16655ZM15.9501 13.7665H19.4001V11.7665H15.9501V13.7665Z' fill='%23333333'/%3E%3C/svg%3E%0A");} #foot_layout .footer-link{padding: 30px 0 0 0;margin-top: 30px; border-top:2px solid #222222; border-bottom: transparent;} #foot_layout .footer-link .utile_wrap{} #foot_layout .footer-link .utile_wrap:after{content:''; display:block; clear:both} #foot_layout .footer-link .utile_wrap li{display:inline-block;float:left} #foot_layout .footer-link .utile_wrap li a{display:inline-block; padding-right:17px;margin-right: 17px;position: relative;} #foot_layout .footer-link .utile_wrap li a.color{color:#048FF3;font-weight: bold;} #foot_layout .footer-link .utile_wrap li a:after{content:'';display:inline-block; width:1px;height:11px;background-color: #e3e3e3; position:absolute;right:0;top:8px} #foot_layout .footer-link .utile_wrap li:last-child a:after{display:none} #foot_layout .copy{margin-top: 20px;} #foot_layout .copy span,#foot_layout .copy span > a {font-size:15px;color:#666666} #foot_layout .copy .copyrights{margin-top: 6px; color:#ABABAB; line-height: 1.2;} #foot_layout .site_link{width: 224px;height: 47px; position:absolute; top:214px; right:0; display:flex; border-radius: 50px;overflow: hidden;} #foot_layout .site_link *{display:inline-block} #foot_layout .link_select{width:calc(100% - 48px);position: relative; border-radius:50px 0 0 50px;border:1px solid #000; } #foot_layout .link_select select{width:100%; height:100%; border:transparent;padding-left: 15px; border-radius: 50px 0 0 50px; font-size: 15px;color:#222;background: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8.5' cy='8.5' r='8.5' fill='%23222222'/%3E%3Cpath d='M9.01083 10.371C8.83024 10.5516 8.53744 10.5516 8.35685 10.371C8.17626 10.1904 8.17626 9.89762 8.35685 9.71703L10.9467 7.12717C11.1273 6.94658 11.4201 6.94658 11.6007 7.12717C11.7813 7.30776 11.7813 7.60056 11.6007 7.78115L9.01083 10.371Z' fill='white'/%3E%3Cpath d='M9.0109 9.71696C9.19149 9.89755 9.19149 10.1903 9.0109 10.3709C8.83031 10.5515 8.53752 10.5515 8.35692 10.3709L5.76707 7.78108C5.58647 7.60049 5.58648 7.30769 5.76707 7.1271C5.94766 6.94651 6.24045 6.94651 6.42104 7.1271L9.0109 9.71696Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat 92% 50%;} #foot_layout .moveBtn{width: 48px; height: 47px; border-radius: 0px 50px 50px 0px; background-color: #000; color:#fff; font-family: 'gmarket'; line-height: 48px;font-size: 12px; padding-left: 11px;} /* banner */ /* slick */ .banner .slick-slider{position:relative;} .banner .slick-list{overflow:hidden;position:relative;height: 100%;} .banner .slick-list:after{ content: ''; display: block; background: -webkit-linear-gradient(left,rgba(255,255,255,0.2), rgba(255,255,255,1)); position: absolute; right: 0; top: 0; width: 100px; height: 100%} .banner .slick-track{position:relative;top:0;left:0;margin-right:auto;margin-left:auto;height: 100%;} .banner .slick-track:before, .slick-track:after{display:table;} .banner .slick-track:after{clear:both;} .banner .slick-loading .slick-track{visibility:hidden;} .banner .slick-slide{display:none;float:left;min-height: 69px;} .banner .slick-slide.slick-loading img{display:none;} .banner .slick-initialized .slick-slide{display:block;} .banner .slick-loading .slick-slide{visibility:hidden;} .banner .slick-vertical .slick-slide{display:block;} .banner{position:relative; font-size:0; line-height:0;height: 29px; overflow: hidden;} .banner__inner{position:relative;padding-left:300px;padding-right:0;} .banner strong{position:absolute; top:17px; left:0;color:#4a506b; font-size:20px; ;font-family: 'gmarket';} .banner .banner_list{min-height: 29px;} .banner .item{display:inline-block; } .banner .item a{display:block;position:relative; margin-right:15px; padding-right:15px; color:#636363; font-size:15px;line-height: 29px; font-size: 15px;color:#222; font-weight: bold;} .banner .item:before{display:block; position:absolute; top:0; bottom:0; left:0; width:3px; height:3px; margin-top:auto; margin-bottom:auto; border-radius:100%; background-color:#cbceda;} .banner .banner_anchor{position:relative; color:#636363;} .banner .banner_anchor:before{visibility:hidden; opacity:0; display:block; position:absolute; bottom:-7px; left:0; width:100%; height:1px; border-bottom:1px dotted #3b434f;} .banner .banner_anchor:hover:before{visibility:visible; opacity:1;} .banner .slick-slide > div{display:inline-block;} .banner .slick-slide > div:first-child .item{margin-left:0; padding-left:0;} .banner .slick-slide > div:first-child .item:before{display:none;} .banner .control{position:absolute; top:0;left:124px; height:29px; margin-top:auto; margin-bottom:auto;} .banner .control [data-control], .banner .control .slick-arrow{display:inline-block; position:relative; width:24px; height:24px; vertical-align:middle; width:31px;height:100%; border: 1px solid #DDDDDD; margin-right:-1px} .banner .control [data-control]:before, .banner .control .slick-arrow:before{display:block; position:absolute; margin:auto;background-repeat:no-repeat;content:''; top:50%; left:50%; transform: translate(-50%,-50%); } .banner .control [data-control="prev"]{border-radius: 5px 0 0 5px;} .banner .control [data-control="next"]{border-radius: 0px 5px 5px 0;} .banner .control [data-control="prev"]:before,.banner .control [data-control="next"]:before{width:9px;height: 14px;} .banner .control [data-control="prev"]:before{background-image: url("data:image/svg+xml,%3Csvg width='9' height='13' viewBox='0 0 9 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.59055 6.9225C0.249439 6.62532 0.249439 6.1435 0.59055 5.84632C0.931661 5.54915 1.48471 5.54915 1.82582 5.84632L8.00213 11.2271C8.34324 11.5243 8.34324 12.0061 8.00213 12.3033C7.66102 12.6005 7.10797 12.6005 6.76686 12.3033L0.59055 6.9225Z' fill='%23222222'/%3E%3Cpath d='M1.82575 6.92256C1.48464 7.21974 0.931661 7.21967 0.59055 6.9225C0.249439 6.62532 0.249439 6.1435 0.59055 5.84632L6.76679 0.465559C7.1079 0.168381 7.66095 0.168382 8.00206 0.465559C8.34317 0.762736 8.34317 1.24456 8.00206 1.54173L1.82575 6.92256Z' fill='%23222222'/%3E%3C/svg%3E%0A"); } .banner .control [data-control="next"]:before{background-image: url("data:image/svg+xml,%3Csvg width='9' height='13' viewBox='0 0 9 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.58378 6.92261C8.92489 6.62543 8.92489 6.14361 8.58378 5.84643L2.40747 0.465609C2.06636 0.168433 1.51331 0.168433 1.1722 0.46561C0.831088 0.762787 0.831088 1.24461 1.1722 1.54178L6.73062 6.3843L1.17185 11.2271C0.830738 11.5243 0.830739 12.0061 1.17185 12.3033C1.51296 12.6005 2.06601 12.6005 2.40712 12.3033L8.5657 6.93792C8.57179 6.93291 8.57782 6.9278 8.58378 6.92261Z' fill='%23222222'/%3E%3C/svg%3E%0A"); } .banner .control [data-control="play"]:before{width: 26px;height: 25px;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='M16.394 12L10 7.737v8.526L16.394 12zm2.982.416L8.777 19.482A.5.5 0 0 1 8 19.066V4.934a.5.5 0 0 1 .777-.416l10.599 7.066a.5.5 0 0 1 0 .832z' fill='rgba(74,80,107,1)'/%3E%3C/svg%3E");} .banner .control [data-control="stop"]:before{width:9px;height:12px;background-image: url("data:image/svg+xml,%3Csvg width='9' height='13' viewBox='0 0 9 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.58781 12.385C1.06861 12.385 0.647705 11.9641 0.647705 11.4449L0.647705 1.0656C0.647704 0.546388 1.06861 0.125488 1.58781 0.125488C2.10702 0.125488 2.52792 0.546389 2.52792 1.0656L2.52792 11.4449C2.52792 11.9641 2.10702 12.385 1.58781 12.385Z' fill='%23222222'/%3E%3Cpath d='M7.17978 12.385C6.66057 12.385 6.23967 11.9641 6.23967 11.4449L6.23967 1.0656C6.23967 0.546396 6.66057 0.125496 7.17978 0.125495C7.69899 0.125495 8.11989 0.546397 8.11989 1.0656L8.11989 11.4449C8.11989 11.9641 7.69899 12.385 7.17978 12.385Z' fill='%23222222'/%3E%3C/svg%3E%0A");} @media screen and (max-width:1080px){ #foot_layout .footer-link{padding-top: 96px;} #foot_layout .site_link{top:227px} } @media all and (max-width:1024px){ #foot_layout .quick-list{width:calc(100% + 24px); margin:0 -12px} #foot_layout .quick-list li{width:calc(33.333333% - 12px); margin: 0 6px;} #foot_layout .quick-list li .link:before{left:35px} } @media all and (max-width:768px){ .banner__inner{padding-left: 280px;} .banner .item a{padding-right: 20px; margin-right: 20px;} #foot_layout .quick-list li .link,#foot_layout .quick-list li.list3 .link{padding-left: 60px;} #foot_layout .quick-list li .link:before{left:30px} } @media screen and (max-width:600px){ #foot_layout{padding: 25px 25px 25px;} #foot_layout .site_link{width:100%;top:auto; left:auto; position:relative} #foot_layout .quick-list,#foot_layout .quick-list li{margin:0; width:100%} #foot_layout .quick{margin-bottom: 15px;} #foot_layout .quick-list{} #foot_layout .quick-list li{width:100%; margin-bottom: 19px;} #foot_layout .footer-link{padding-top: 23px; margin-top: 3px;} #foot_layout .footer-link .utile_wrap{display:none} #foot_layout .copy{margin-top: 16px;} #foot_layout .copy span{display:block} #foot_layout .copy br{display:none} .banner{height:111px} .banner__inner{padding-left: 0; padding-top:51px;} .banner strong,.banner .banner_list{display:block; width:100%} .banner strong{top:16px} .banner .item a{line-height:45px; margin-left: 0; padding-left: 0; margin-right: 18px; padding-right: 18px;} .banner .control{left:auto; right:2px} } @media screen and (max-width:500px){ #foot_layout{padding: 25px 15px 25px;} } /* target */ #body_layout .lnb_wrap .lnb_depth2__list > li > a.on[target=_blank]:before, #body_layout .lnb_wrap .lnb_depth2__list > li > a[target=_blank]:hover::before, #body_layout .lnb_wrap .lnb_depth2__list > li > a[target=_blank]:focus::before, #body_layout .lnb_wrap .lnb_depth2__list > li > a[target=_blank]:active::before{ background-image: url('/images/sjelib/common/target_ov_b.png'); } /* mobile */ #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a[target=_blank] span:after, #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a.dep[target=_blank] span:after{ display: inline-block; position: relative; width: 12px; height: 12px; background: url(/template/template_a1/images/target.png) no-repeat; border: 0; transform: none; content: ""; margin-left: 5px; top:2px; right:auto } /* 패싯검색 */ #jsFacetLeft{width:96%;margin-top:25px;} #jsFacetLeft .box {margin-bottom:15px;overflow: hidden;border-bottom: 1px dashed #DEE0E2;} #jsFacetLeft .box .title {padding: 8px 15px;color: #494949;border: 1px solid #DEE0E2;border-radius: 5px;background: #f5fafd;font-size:14px;font-family: 'GmarketSans';} #jsFacetLeft .box .f_list{margin: 10px;} #jsFacetLeft .box .f_list li {margin-bottom: 7px;line-height: 1.3;} #jsFacetLeft .box .f_list li a {color: #494949;font-size: 13px;letter-spacing:-0.08em;font-family: 'gothic';display: block;} #jsFacetLeft .box .f_list li a:hover{text-decoration:underline;color:#222;} #jsFacetLeft div ul li.on a{text-decoration:underline;color:#222;} /* 회원가입 볼드체 */ .sitemap_02 .bold-tit{font-size: 18px; font-weight: bold; text-decoration: underline;}