@import url(noto-sans-kr-Hestia.css);

/*
 * Rewrite Font Style
 * require : noto-sans-kr-Hestia.css
 */
html, body { font-family:'Noto Sans Korean', Sans-serif; font-weight:400; font-size:16px; letter-spacing:-0.05em }
.noto-100 { font-weight:100; }
.noto-300 { font-weight:300; }
.noto-350 { font-weight:350; }
.noto-400 { font-weight:400; }
.noto-500 { font-weight:500; }
.noto-700 { font-weight:700; }
.noto-900 { font-weight:900; }



/**********************
 Layout
**********************/

/* layout */
#header {}
#main { width:100%; display:block; margin:0 auto; min-height:300px; }
#main-left { min-height:calc(100vh - 55px - 75px - 75px); }
#main-right { min-height:calc(100vh - 55px - 75px - 75px); background:#fdfee4; }
#footer-wrap { min-width:1200px; width:100%;  }

#sub { width:1200px; min-width:1200px; margin:0 auto; min-height:calc(100vh - 55px - 210px); }
#sub::after { display:block; clear:both; content:''; }
#left { width:250px; }
#contents { width:910px; min-height:500px; padding-bottom:40px; padding-top:50px; padding-right:20px; margin-left:40px;}

/* header */
#gnb {min-width:1200px; }
#gnb::after { display:block; clear:both; content:''; }
.gnb_wrap { width:1200px; margin:0 auto;}
.gnb_wrap::after { display:block; clear:both; content:''; }
#gnb-menu { float:right; list-style-type:none; margin:0.3125rem 3.875rem 0.3125rem 0; }
#gnb-menu::after { display:block; clear:both; content:''; }
#gnb-menu > li { list-style-type:none; float:left; font-size:0.75rem; /*color:#fff;*/ }
#gnb-menu > li a {color:#494949;}
#gnb-menu > li:after { display:inline; content:''; margin:0 0.3125rem; }
#gnb-menu > li:last-child:after { content:''; }
/* top menu */
#top-menu { border-bottom:5px solid #1981cb;}
#top-menu > ul.dropdown.menu li a { padding: 2.2rem 2.5rem .7rem 1rem; line-height:2.9rem; font-size:20px; font-weight:600;}
#top-menu > ul.dropdown.menu li.menu-text { padding:0; }
#top-menu > ul.dropdown.menu li.menu-text a { padding: 1.3rem 1rem;}
#top-menu .topbar_wrap {width:1200px; margin:0 auto;}
#top-menu .topbar_wrap::after { display:block; clear:both; content:''; }
#top-menu .top-bar-left {width:500px; float:left;}
#top-menu .top-bar-right {width:300px; float:left; }
#top-menu .menu-text {width:650px; margin-right:50px; float:left; padding-top:20px}
#top-menu .dropdown.menu > li.is-dropdown-submenu-parent { margin:0 2rem 0 0;}
#top-menu .dropdown.menu > li.is-dropdown-submenu-parent > a { padding:1.75rem 0.7rem 1.75rem 0.7rem; color:#222;}
#top-menu .dropdown.menu > li.is-dropdown-submenu-parent > a:hover { color:#008be2; }
#top-menu .dropdown.menu > li.is-dropdown-submenu-parent > a::after {display:none;}
#top-menu .dropdown.menu > li.is-dropdown-submenu:nth-child(1n) {width:100px}
#top-menu .dropdown.menu > li.is-dropdown-submenu:nth-child(2n) {width:200px}
#top-menu .dropdown.menu > li.is-dropdown-submenu:nth-child(3n) {width:100px}
#top-menu .dropdown.menu > li.is-dropdown-submenu:nth-child(4n) {width:100px}
#top-menu .dropdown.menu > li.is-dropdown-submenu:nth-child(5n) {width:100px}

/* Footer */
#footer-wrap {border-top:1px solid #dddddd; padding:20px 0 10px; background:#303030;}
#footer { width:1200px; margin:0 auto; }
#footer:after {display:block; clear:both; content:''}
#footer .footer-logo { width:220px; float:left; margin:42px 0 0 0;}
#footer .footer-text { width:720px; float:left;}
#footer #footer-menu { padding:0.8rem 0; }
#footer #footer-menu > ul { list-style-type:none; margin:0 0 0; }
#footer #footer-menu > ul::after { display:block; clear:both; content:''; }
#footer #footer-menu > ul > li { float:left; font-size:0.8125rem; margin-right:0.8rem; }
#footer #footer-menu > ul > li::after { content:' '; font-weight:bold; }
#footer #footer-menu > ul > li:last-child::after { content:''; }
#footer #footer-menu > ul a { color:#fff;  font-size:15px;}
#footer #footer-menu > ul a:hover { text-decoration:underline; }
#footer #address-text { font-size:0.8125rem; }
#footer #address-text ul { list-style-type:none; margin:0;  }
#footer #address-text ul::after { display:block; clear:both; content:''; }
#footer #address-text ul > li { float:left; }
#footer #address-text ul > li .ft-text-key { color:#ccc; font-weight:300; margin-right:5px}
#footer #address-text ul > li .ft-text-value { margin-right:1rem; color:#fff; font-weight:300; letter-spacing:0}
#footer #copyright { font-size:0.8125rem; margin:0.25rem 0 1.875rem 0; color:#fff;}





/* Page Title & Navigation */
#navi-title {}
#navi-title h3 {color:#222;}
#navi-here { text-align:right; }
#navi-here ul { display:inline-block; margin:1.5rem 0 0 0; }
#navigation {border-bottom:1px solid #222; margin:0 0 40px 0; }

/**********************
 Floating
**********************/

.float-wrap { }
.float-wrap::after { display:block; clear:both; content:''; }


/**********************
 Rewrite Foundation.css
**********************/

.is-dropdown-submenu {
  z-index: 1000;
}

ul, ol, li { margin:0; padding:0; list-style-type:none; }

h1, .h1 { font-size:2rem; }
h2, .h2 { font-size:1.75rem; }
h3, .h3 { font-size:1.5rem; }
h4, .h4 { font-size:1.25rem; }
h5, .h5 { font-size:1.125rem; }
h6, .h6 { font-size:1rem; }


/**********************
 Callout
**********************/

.callout h5 { font-weight:600; }



/**********************
 jQuery-ui
**********************/
.ui-widget { font-size:.8125rem; }
.ui-datepicker select { font-size:.8125rem !important; height:1.75rem !important; }
.ui-datepicker select.ui-datepicker-year,
.ui-datepicker select.ui-datepicker-month { padding:.25rem .25rem .25rem .25rem; background-position:right .125rem center; }
.ui-datepicker .ui-datepicker-calendar * { font-size:.8125rem; }

/**********************
 Button : overwrite foundation button color
**********************/

.button.bg-blue { background-color:#328eeb; }



/**********************
 Form Element
**********************/

.input-30 { width:1.875rem; }
.input-40 { width:2.5rem; }
.input-50 { width:3.125rem; }
.input-60 { width:3.75rem; }
.input-70 { width:4.375rem; }
.input-80 { width:5rem; }
.input-90 { width:5.625rem; }
.input-100 { width:6.25rem; }
.input-150 { width:9.375rem; }
.input-200 { width:12.5rem; }
.input-300 { width:18.75rem; }
.input-400 { width:25rem; }
.input-500 { width:31.25rem; }
.input-600 { width:37.5rem; }
.input-700 { width:43.75rem; }
.input-800 { width:50rem; }
.input-900 { width:56.25rem; }
.input-1000 { width:62.5rem; }



/**********************
 Font style
**********************/

/* decoration */
.underline { text-decoration:underline; }
.under { text-decoration:underline; }

/* text */
.bold { font-weight:600; }

/* color */
.aliceblue { color:aliceblue; }
.antiquewhite { color:antiquewhite; }
.aqua { color:aqua; }
.aquamarine { color:aquamarine; }
.azure { color:azure; }
.beige { color:beige; }
.bisque { color:bisque; }
.black { color:black; }
.blanchedalmond { color:blanchedalmond; }
.blue { color:blue; }
.blueviolet { color:blueviolet; }
.brown { color:brown; }
.burlywood { color:burlywood; }
.cadetblue { color:cadetblue; }
.chartreuse { color:chartreuse; }
.chocolate { color:chocolate; }
.coral { color:coral; }
.cornflowerblue { color:cornflowerblue; }
.cornsilk { color:cornsilk; }
.crimson { color:crimson; }
.cyan { color:cyan; }
.darkblue { color:darkblue; }
.darkcyan { color:darkcyan; }
.darkgoldenrod { color:darkgoldenrod; }
.darkgray { color:darkgray; }
.darkgreen { color:darkgreen; }
.darkkhaki { color:darkkhaki; }
.darkmagenta { color:darkmagenta; }
.darkolivegreen { color:darkolivegreen; }
.darkorange { color:darkorange; }
.darkorchid { color:darkorchid; }
.darkred { color:darkred; }
.darksalmon { color:darksalmon; }
.darkseagreen { color:darkseagreen; }
.darkslateblue { color:darkslateblue; }
.darkslategray { color:darkslategray; }
.darkturquoise { color:darkturquoise; }
.darkviolet { color:darkviolet; }
.deeppink { color:deeppink; }
.deepskyblue { color:deepskyblue; }
.dimgray { color:dimgray; }
.dodgerblue { color:dodgerblue; }
.firebrick { color:firebrick; }
.floralwhite { color:floralwhite; }
.forestgreen { color:forestgreen; }
.fuchsia { color:fuchsia; }
.gainsboro { color:gainsboro; }
.ghostwhite { color:ghostwhite; }
.gold { color:gold; }
.goldenrod { color:goldenrod; }
.gray { color:gray; }
.green { color:green; }
.greenyellow { color:greenyellow; }
.honeydew { color:honeydew; }
.hotpink { color:hotpink; }
.indianred { color:indianred; }
.indigo { color:indigo; }
.ivory { color:ivory; }
.khaki { color:khaki; }
.lavender { color:lavender; }
.lavenderblush { color:lavenderblush; }
.lawngreen { color:lawngreen; }
.lemonchiffon { color:lemonchiffon; }
.lightblue { color:lightblue; }
.lightcoral { color:lightcoral; }
.lightcyan { color:lightcyan; }
.lightgoldenrodyellow { color:lightgoldenrodyellow; }
.lightgray { color:lightgray; }
.lightgreen { color:lightgreen; }
.lightpink { color:lightpink; }
.lightsalmon { color:lightsalmon; }
.lightseagreen { color:lightseagreen; }
.lightskyblue { color:lightskyblue; }
.lightslategray { color:lightslategray; }
.lightsteelblue { color:lightsteelblue; }
.lightyellow { color:lightyellow; }
.lime { color:lime; }
.limegreen { color:limegreen; }
.linen { color:linen; }
.magenta { color:magenta; }
.maroon { color:maroon; }
.mediumaquamarine { color:mediumaquamarine; }
.mediumblue { color:mediumblue; }
.mediumorchid { color:mediumorchid; }
.mediumpurple { color:mediumpurple; }
.mediumseagreen { color:mediumseagreen; }
.mediumslateblue { color:mediumslateblue; }
.mediumspringgreen { color:mediumspringgreen; }
.mediumturquoise { color:mediumturquoise; }
.mediumvioletred { color:mediumvioletred; }
.midnightblue { color:midnightblue; }
.mintcream { color:mintcream; }
.mistyrose { color:mistyrose; }
.moccasin { color:moccasin; }
.navajowhite { color:navajowhite; }
.navy { color:navy; }
.oldlace { color:oldlace; }
.olive { color:olive; }
.olivedrab { color:olivedrab; }
.orange { color:orange; }
.orangered { color:orangered; }
.orchid { color:orchid; }
.palegoldenrod { color:palegoldenrod; }
.palegreen { color:palegreen; }
.paleturquoise { color:paleturquoise; }
.palevioletred { color:palevioletred; }
.papayawhip { color:papayawhip; }
.peachpuff { color:peachpuff; }
.peru { color:peru; }
.pink { color:pink; }
.plum { color:plum; }
.powderblue { color:powderblue; }
.purple { color:purple; }
.red { color:red; }
.rosybrown { color:rosybrown; }
.royalblue { color:royalblue; }
.saddlebrown { color:saddlebrown; }
.salmon { color:salmon; }
.sandybrown { color:sandybrown; }
.seagreen { color:seagreen; }
.seashell { color:seashell; }
.sienna { color:sienna; }
.silver { color:silver; }
.skyblue { color:skyblue; }
.slateblue { color:slateblue; }
.slategray { color:slategray; }
.snow { color:snow; }
.springgreen { color:springgreen; }
.steelblue { color:steelblue; }
.tan { color:tan; }
.teal { color:teal; }
.thistle { color:thistle; }
.tomato { color:tomato; }
.turquoise { color:turquoise; }
.violet { color:violet; }
.wheat { color:wheat; }
.white { color:white; }
.whitesmoke { color:whitesmoke; }
.yellow { color:yellow; }
.yellowgreen { color:yellowgreen; }



/**********************
 Background Color
**********************/

.bg-green { background:#008b00; color:#ffffff; }
.bg-red { background:#cd3333; color:#ffffff; }
.bg-blue { background:#4156c5; color:#ffffff; }
.bg-orange { background:#d2691e; color:#ffffff; }
.bg-sky { background:deepskyblue; color:#ffffff; }