<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";




/* layout */
html{height: 100%; }
body{position:relative; width:100%; font-size: 10px;}
body.fixed {position:fixed;}
.js_mobile_check{display:none;}
.user #wrap {position:relative; overflow-x:hidden;}
.user .layout {position:relative; width: 100%; max-width:144em; margin:0 auto; padding:0 2em; box-sizing: border-box;}
.user .layout:after {content:""; display:block; clear:both;}

/* header */
/* Slidemap */
.user #slide_map {opacity:0; overflow:hidden; position:fixed; z-index:800; display:block; width:100%; height:100%; top:7em; right:-100%; box-sizing:border-box;transition:all 0.5s ease; -webkit-transition:all 0.5s ease;
}
.user #slide_map:before {content:""; display:block; width:100%; height:100%; position:absolute; right:30em; top:0; z-index:2;background:rgba(0,0,0,0.6); }
.user.fixed #slide_map{display: none; opacity:1; right:0;}
.user #slide_map:after {content:""; display:block; clear :both;}
.user #slide_map .inner {position:relative; width:30em; height:100%; float:right; margin-right:-46em; margin:0; background:#fff no-repeat bottom left; box-sizing:border-box;}
.user #slide_map .inner .binds {overflow:auto; max-width:144em; height:100%; margin:0 auto; /* padding: 0 2em; */ background: #eaeef6; box-sizing: border-box;}
.user #slide_map .inner .binds &gt;ul {position:relative; z-index:10;}
.user #slide_map .inner .binds &gt;ul &gt;li {border-bottom:1px solid rgba(0,0,0,0.1); width:auto; float:none; padding:0; box-sizing: border-box;} 
.user #slide_map .inner .binds &gt;ul li:last-child{border-bottom: none;}
.user #slide_map .inner .binds &gt;ul li a {display:block;  padding: 1.3em 5em 1.3em 1.3em; position:relative; color: #222; font-weight: 600; text-decoration: none;font-size: 17px; position: relative;}
.user #slide_map .inner .binds &gt;ul &gt; li &gt; a:after{content:""; position:absolute; top:0; right:0; width:55px; height:60px; background:url(../../images/woodedu/layout/left_icon_plus.svg) no-repeat center;}
.user #slide_map .inner .binds &gt;ul li a.on{ color: #214ea6;} 
.user #slide_map .inner .binds &gt;ul &gt; li &gt; a.on:after{background:url(../../images/woodedu/layout/left_icon_minus_black.svg) no-repeat center;}
.user #slide_map .inner .binds &gt;ul li ul {display:none; background:#fff; border-top: 1px solid #dedede; margin-top:0; padding:1.4em 2em 1.4em 2.5em;}
.user #slide_map .inner .binds &gt;ul li&gt; ul&gt; li {margin-top:0; padding: 0;}
.user #slide_map .inner .binds &gt;ul li ul li:first-child {border-top:0;}
.user #slide_map .inner .binds &gt;ul li ul li:last-child {border-bottom:0;}
.user #slide_map .inner .binds &gt;ul li ul li a {position: relative; padding: 0.4em 0  0.4em 10px; text-decoration:none !important; font-size: 15px;color: #383838;}
.user #slide_map .inner .binds &gt;ul li ul li a::before{ content: ""; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: #a8a8a8; position: absolute; left: 0; top: 12px;}
.user #slide_map .inner .binds &gt;ul li ul li ul{padding:0.5em 0; margin-left:0; border:0; background: #fff;}
.user #slide_map .inner .binds &gt;ul li ul li ul li {position: relative; border:0;}
.user #slide_map .inner .binds &gt;ul li ul li ul li a{ display: block; position: relative; padding-left: 10px; color: #383838; font-weight: 400; padding: 3px 0 3px 10px }
.user #slide_map .inner .binds &gt;ul li ul li ul li a::before{ content: ""; display:block; width: 4px; height: 4px; background: #577dc7; position: absolute; left: 0; top: 13px; border-radius: 50%; }
    

#header{position:absolute; width:100%; z-index:101; left:0; top:0; height:9em; font-family: 'GmarketSans'; }
#main #header{position: fixed;  background-color: #fff;}
#header h1{position:absolute; left:50%; margin-left:-71.8em; top:2.6em; z-index:999; font-family: 'GmarketSans'; font-size: 1em; }
#header h1 a{display:block; text-decoration:none;}
#header h1 a img{display: inline-block;vertical-align: middle;width: 5.3em;height: 3.2em;margin-right: 0.9em;}
#header h1 a span{display: inline-block; vertical-align: bottom; font-size: 2.2em; color: #000; letter-spacing: -0.02em;position: relative;top: 4px;}
#header #nav{width:100%; height:auto; height:9em; position:relative; overflow:hidden; z-index:51;}
#header #nav #blind{width:100%; background-color: rgba(255,255,255,0.8); backdrop-filter: blur(20px); position:absolute; left:0; top:9em; z-index:1; box-sizing:border-box; opacity:1; -webkit-opacity:1;}
#header #nav #gnb{width:auto; max-width:144em; padding-left: 37.5em; padding-right: 37.5em; box-sizing: border-box; margin:0 auto; position:relative; z-index:10;transition : all 0.3s ease;  -webkit-transition : all 0.3s ease; }
#header #nav #gnb ul{width:auto; height:auto;}
#header #nav #gnb ul:after{content:""; display:block; clear:both;}
#header #nav #gnb ul li{ position:relative; text-align:center;}
#header #nav #gnb&gt;ul&gt;li{float:left; width:calc((100% - 1px) / 5); display: table; table-layout: fixed;height: 9em;}
#header #nav #gnb&gt;ul&gt;li:nth-child(6){display: none;}
#header #nav #gnb ul li a{display:inline-block; text-decoration:none;text-align:left; color:#222; font-size:2em; line-height:1;  padding:0 1em; position:relative;}
#header #nav #gnb&gt;ul&gt;li&gt;a{
    display: table-cell; vertical-align: middle; width: 100%; height: 100%; text-align: center; font-size: 1em;  box-sizing: border-box;
    transition : all 0.3s ease; -webkit-transition : all 0.3s ease;
}
#header #nav #gnb&gt;ul&gt;li&gt;a&gt;span:after{
	content:""; position:absolute; top:8px; right:0; width:0; height:0; background-color:#29c0f2; border-radius:50%;
	transition:all 0.2s ease; -webkit-transition:all 0.2s ease;
}
#header #nav #gnb&gt;ul&gt;li&gt;a:hover&gt;span:after{top:-12px; right:-12px; width:9px; height:9px;}
#header #nav #gnb&gt;ul&gt;li&gt;a&gt;span{/* display: table-cell; */ position: relative; font-size: 1.9em; line-height: 1.1; color: #222;}

#header #nav #gnb ul li ul{width:100%; top:90px; left: 0; padding:20px 10px; position:absolute; float:none; box-sizing:border-box; }
#header #nav #gnb ul li ul li{float:none; display:block; width:auto; text-align:left; margin-top:3px;}
#header #nav #gnb&gt;ul&gt;li&gt;ul&gt;li{height:31px; text-align: center}
#header #nav #gnb ul li ul li:first-child{margin-top:0; width:auto;}
#header #nav #gnb ul li ul li a{font-size:15px; line-height:19px;text-align: left; height:auto; padding:6px 15px 6px 0; }
#header #nav #gnb ul li ul li a:hover{ color:#214ea6;}
#header #nav #gnb&gt;ul&gt;li&gt;ul&gt;li&gt;a{padding-right:0;box-sizing:border-box; display:inline-block; }
#header #nav #gnb ul li ul li ul{display:none;}
#header #nav #gnb ul li ul li ul li{ display:block;}
.user #header .toputil_control {position:absolute; right:50%; margin-right: -68.8em; top:3em; z-index:71;}
.user #header .toputil_control:after {content:""; display:block; clear:both;}
.user #header .toputil_control a{position:relative; display:inline-block; overflow:hidden; color:#222; text-decoration:none; vertical-align: middle;}
.user #header .toputil_control a:not(:first-child){margin-left: 2.8em;}
.user #header .toputil_control .sumok{width: 16.3em; height: 2.9em;}
.user #header .toputil_control .sumok img{display: block; width: 100%; height: 100%;}
.user #header .toputil_control .allmenu_btn_open{position: relative; width: 2.6em; height: 2.1em; text-indent: -9999px;}
.user #header .toputil_control .allmenu_btn_open:before,
.user #header .toputil_control .allmenu_btn_open:after{content: ""; position: absolute; top: 0; left: 0; display: block; width: 2.6em; height: 3px; background-color: #385ea9;}
.user #header .toputil_control .allmenu_btn_open:after{top: auto; bottom: 0;}
.user #header .toputil_control .allmenu_btn_open span:before{content: ""; position: absolute; top: 50%; left: 0; display: block; width: 2.6em; height: 3px; margin-top: -1.5px; background-color: #385ea9;}
#sub.user #visual{display: table; table-layout: fixed; width: 100%; height:22em; padding:0 1em; margin-top:9em; background:url(../../images/woodedu/layout/sub_visual.jpg) no-repeat center center; background-size: cover; box-sizing:border-box;}
#sub.user #visual &gt;div{display: table-cell; vertical-align: middle;}
#sub.user #visual h2.title {color:#fff; font-size:3.4em; line-height:1.2; letter-spacing: -0.02em; text-align:center; font-weight:400; font-family: 'GmarketSans'; text-shadow: 3px 0 7px rgba(0,0,0,0.2);}


/* Container */
#sub.user #container{position:relative; max-width:144em; padding: 0 2em; margin:0 auto; box-sizing: border-box;}
#sub.user #container #remote{position:absolute; left:2em; top: -12.6em; z-index:10; width:26em;}
#sub.user #container #remote .cont_title{
    display: table; table-layout: fixed; width: 100%; height: 12.6em; text-align:center; color:#fff; background-color: #214ea6;
    border-radius: 8px; -webkit-border-radius: 8px; 
}
#sub.user #container #remote .cont_title strong{display: table-cell; vertical-align: middle; font-size: 3em; line-height: 1.2; letter-spacing: -0.02em; font-family: 'GmarketSans'; font-weight: 400;}
#sub.user #container #remote #lnb ul{width:100%; margin-top: 1em;}
#sub.user #container #remote #lnb ul li{}
#sub.user #container #remote #lnb&gt; ul&gt; li&gt; a{
    position:relative; display:block; padding:1em 3em 1em 1em; text-decoration:none; border-bottom:1px solid #d5d5d5; box-sizing: border-box;
    transition: all 0.2s linear; -webkit-transition: all 0.2s linear;
}
#sub.user #container #remote #lnb &gt;ul &gt;li.on a{padding:1.1em 3em 1.1em 1em; border-bottom:2px solid #214ea6;}
#sub.user #container #remote #lnb &gt;ul &gt;li&gt; a:before{content: ""; position: absolute; top: 50%; right: 1em; display: block; width: 11px; height:11px; margin-top: -0.3em; background-image: url(../../images/woodedu/layout/lnb_icon.png); background-repeat: no-repeat; background-position: center center; background-size: 100% auto; }
#sub.user #container #remote #lnb &gt;ul &gt;li.on a:before{background-image: url(../../images/woodedu/layout/lnb_icon_ov.png);}
#sub.user #container #remote #lnb &gt;ul &gt;li&gt; a{font-size: 1.6em; line-height: 1.3; color: #111; letter-spacing: -0.02em;}
#sub.user #container #remote #lnb &gt;ul &gt;li&gt; a[target="_blank"]:after{
    content: ""; display: inline-block; width: 10px; height: 10px;
    background:url(../../../images/kor/common/blank_ico.gif) no-repeat 90% 50%; margin-left: 10px;}
    #sub.user #container #remote #lnb &gt;ul &gt;li &gt; a:hover{ color: #214ea6; font-weight: 500;}
#sub.user #container #remote #lnb ul li.on a{font-size: 1.7em; color: #214ea6; font-weight: 600;}
#sub.user #container #remote #lnb ul li ul{display:none; padding:20px 25px; background:#f7f7f7; box-sizing:border-box;}
#sub.user #container #remote #lnb ul li ul li{margin-top:7px; border-bottom:0;}
#sub.user #container #remote #lnb ul li ul li:first-child{margin-top:0;}
#sub.user #container #remote #lnb ul li ul li a{position:relative; display:inline-block; line-height:19px; padding:0 0 0 12px; border:0; color:#222;}

#sub.user #container #content{ position: relative; width:100%; min-height:500px; padding-left:32em; margin-bottom:50px; box-sizing:border-box;}
#sub.user #container #path {position: absolute; top: 0.8em;; right: 0; z-index: 1; text-align: right;}
#sub.user #container #path .navi,
#sub.user #container #path .sns,
#sub.user #container #path .print{display: inline-block; vertical-align: middle; text-align: left;}
#sub.user #container #path .sns{margin-left: 2em;}
#sub.user #container #path .navi:after {content:""; display:block; clear:both;}
#sub.user #container #path .navi li,
#sub.user #container #path .sns li{float: left; position: relative;}
#sub.user #container #path .navi li:not(:first-child):before{content: ""; display: inline-block; width: 0.9em; height: 0.9em; margin: 0 1em; background: url(../../images/woodedu/layout/navi.png) no-repeat center center; background-size: 100% auto;}
#sub.user #container #path .navi li a{display: inline-block; text-decoration: none; font-size: 1.5em; letter-spacing: -0.02em; color: #190303;}
#sub.user #container #path .navi li:last-child a{color: #214ea6;}
#sub.user #container #path .sns li a,
#sub.user #container #path .print a{
    display: inline-block; width: 4em; height: 4em; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; text-indent: -9999px;
    border-radius: 50%; -webkit-border-radius: 50%;
}
#sub.user #container #path .sns li a.fb{background-image: url(../../images/woodedu/layout/fb.png);}
#sub.user #container #path .sns li a.tw{background-image: url(../../images/woodedu/layout/tw.png);}
#sub.user #container #path .print a{background-image: url(../../images/woodedu/layout/print.png);}
#txt {min-height:50em; margin-top: 6em;}
#txt h3.title {position: relative; font-size: 3.6em; padding-bottom: 0.75em; margin-bottom: 1.11111em; border-bottom: 1px solid #e5e5e5; line-height: 1.2; letter-spacing: -0.02em; color: #222222; font-weight: 400; font-family: 'GmarketSans'; box-sizing: border-box;}
#txt h3.title + div{font-size: 1.5em;}

/* slide_srea */
.slide_area{border-top: 1px solid #d5d5d5; box-sizing: border-box;}
.slide_area .bottom_banner_roll{position: relative;}
.slide_area h4{
    position: absolute; top: calc(50% + 0.15em); left: 0; display: inline-block; margin: 0; padding: 0; font-family: 'GmarketSans'; font-size: 1.9em; line-height: 1.2; letter-spacing: -0.02em;
    transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
.slide_area .b_banner_control{
    position: absolute; top: calc(50% + 0.5em); left: 10em; display: inline-block;
    transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
.slide_area .link_site_wrap{display: inline-block; padding-left: 21em; width: calc(100% - 21em); overflow: hidden;}
.slide_area .link_site_wrap #link_site_group{width: 20000px !important;}
.slide_area .link_site_wrap #link_site_list{width: 20000px !important;}
.slide_area .link_site_wrap #link_site_list li{display: inline-block; padding: 2.7em 4.5em 1.5em 0;}
.slide_area .link_site_wrap #link_site_list li a{font-size: 1.7em;  color: #555; letter-spacing: -0.05em;}


/* Footer */
.user #footer {position:relative; z-index:20; padding:4.3em 0 6em 0; background-color: #383838;}
.user #footer .line1{padding-bottom: 3em; font-family: 'GmarketSans'; box-sizing: border-box;}
.user #footer .line1:after{content: ""; display: block; clear: both;}
.user #footer .line1 .logo{float: left; }
.user #footer .line1 .logo img{display: inline-block;vertical-align: middle;width: 4.3em;height: 2.9em;margin-right: 0.9em;}
.user #footer .line1 .logo span{display: inline-block; vertical-align: bottom; font-size: 2.2em; color: rgba(255, 255, 255, 0.5); font-weight: 400; letter-spacing: -0.02em;position: relative;top: 5px;}
.user #footer .line1 ul{float: right;}
.user #footer .line1 ul:after{content: ""; display: block; clear: both;}
.user #footer .line1 ul li{float: left; }
.user #footer .line1 ul li:not(:first-child){margin-left: 5em;}
.user #footer .line1 ul li a{text-decoration: none;}
.user #footer .line1 ul li a span{font-size: 1.7em; color: #989898; font-weight: 400; }
.user #footer .line1 ul li:first-child a span{color: #81a4e9;}
.user #footer .line2{position: relative; padding-top: 3em; padding-right: 8em; border-top: 1px solid rgba(255, 255, 255, 0.2); box-sizing: border-box;}
.user #footer .line2 p{color: rgba(255, 255, 255, 0.5); font-size: 1.7em; line-height: 1.4; margin-top: 5px;}

.user #footer .line2 .top_btn {
    position:absolute; right:2em; top:calc(50% + 1em); z-index:999;
    transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
.user #footer .line2 .top_btn a {
    position: relative; z-index: 1; display:block; width:4.3em; height:4.3em; background: #385ea9 url(../../images/woodedu/layout/top_btn.png) no-repeat center 50%;
    border-radius: 50%; -webkit-border-radius: 50%;
}
.user #footer .line2 .top_btn:before{
    content: ""; position: absolute; top: 50%; left: 50%; display: block; width: 6.3em; height: 6.3em; background-color: rgba(56, 94, 169, 0.3);
    border-radius: 50%; -webkit-border-radius: 50%;
    transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);
    transition: width,height 0.2s linear; -webkit-transition: width,height 0.2s linear;
}
.user #footer .line2 .top_btn a span {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}

.user #footer .line2 .top_btn:hover:before{
	animation-name:top_btn_eff;
	animation-duration:0.3s;
	animation-timing-function:linear;
}
@keyframes top_btn_eff{
	0%{width: 4.3em; height: 4.3em;}
	100%{width: 6.3em; height: 6.3em;}
}


@media screen and (max-width: 1470px){
    #header h1{ left: 1%; margin-left: 0;}
    .user #header .toputil_control{ right: 1%; margin-right: 0;}
    #header #nav #gnb { padding-left: 32.5em; padding-right: 26.5em;}
    #header #nav #gnb&gt;ul&gt;li&gt;a{ font-size: 0.9em;}
    .user #header .toputil_control a:not(:first-child){ margin-left: 1.8em;}
}

@media screen and (max-width: 1170px){
    
    #header #nav #gnb { padding-left: 29.5em; padding-right: 22.5em;}
    #header #nav #gnb&gt;ul&gt;li&gt;a{ font-size: 0.8em;}
}


@media screen and (max-width: 1024px){
    body{font-size: 10px;}
    .js_mobile_check {display: block;}
    .user.fixed #slide_map{display: block;}
    #header{ height: 7em;}
    #header h1{left: 15px; top: 2em; }
    .user #header .toputil_control{right: 15px; top: 2.4em;}
    .user #header .toputil_control .sumok{ width: 14em; height: auto;}
    .user #header .toputil_control a:not(:first-child){ margin-left: 10px;}
    #header #nav #gnb{display: none;}
    
    
    #sub.user #visual{ margin-top: 7em;}
    #sub.user #container #path .navi{ position: relative ; top: 2px;}
    #sub.user #container #remote{display: none;}
    #sub.user #container #path{position: relative; top: auto; right: auto; margin-top: 1em;}
    #sub.user #container #content{padding-left: 0; min-height: auto;}
    #txt{min-height: 40em; margin-top: 2em;}
    #txt h3.title{padding-bottom: 0.5em; margin-bottom: 0.75em;}
    
    .user #footer{ padding: 3em 0}
    .user #footer .line1{ padding-bottom: 2em;}
    .user #footer .line1 .logo{ display: none;}
    .user #footer .line1 ul{ float: none;}

    .user #footer .line2 p { font-size: 1.3em;}
}


@media screen and (max-width: 767px){
    #header h1 a span { font-size: 2em; position: relative; top: 2px;}
    #header h1 a img{ margin-right: 5px; width: 3.3em;}

    #sub.user #visual{ height: 15em;}
    #sub.user #visual h2.title{ font-size: 2.5em;}
    #txt h3.title{ font-size: 2.9em;}
    #sub.user #container #path .print{ display: none;}

    .user #footer .line1 ul li:not(:first-child){ margin-left: 0;}
    .user #footer .line1 ul li{ margin:0 15px 0 0; }
    .user #footer .line1 ul li a span{ font-size: 13px;}
}


@media screen and (max-width: 450px){
    .user #header .toputil_control .sumok{ display: none;}
}


















@media print {

    #footer,
    #header,
    #sub.user #visual,
    #sub #container #remote,
    #sub.user #container #path{
        display: none;
    }

    body,
    html {
        font-size: 8px
    }

    body#sub,
    body#sub #root {
        background-color: transparent
    }

    body#sub #root #header &gt; [data-item="1"] {
        height: auto;
        border: none
    }

    body#sub #root #header &gt; [data-item="1"] &gt; .layout &gt; h1 {
        top: 0;
        height: 3em
    }

    body#sub #root #header &gt; [data-item="1"] &gt; .layout &gt; h1:before {
        height: 100%
    }

    #sub.user #container #content,
    #txt h3.title{
        padding: 0
    }
}</pre></body></html>