@charset "utf-8";
@import url(font.css);

html,body,div,span,applet,section,object,iframe,h1,h2,h3,h4,h5,h6,p,time,figure,article,nav,header,footer,hgroup,video,audio,aside,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,button {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
ol,ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption,th,td {text-align: left; font-weight: normal;}
figure,article,header,footer,nav,hgroup,video,audio,aside,main {display: block;}
a {text-decoration: none; color: #333;}

/* mobile */
/*input, textarea{ -webkit-appearance: none; -webkit-border-radius:0px; border-radius:0px;}*/

/*reset mobile default style*/
body,textarea:focus,input:focus,a:focus {-webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
html{-ms-text-size-adjust: none;-webkit-text-size-adjust: none;text-size-adjust: none;}
::-moz-selection {background: #0eb9f1; background: rgba(14, 185, 241, .35); color:#fff;}
::selection {background: #0eb9f1; background: rgba(14, 185, 241, .35); color:#fff;}
::-moz-selection {background: #0eb9f1; background: rgba(14, 185, 241, .35); color:#fff;}

body {font-family: 'NotoSansKR', sans-serif;}
/* [lang] {font-family: 'Titillium', 'NotoSansKR', sans-serif;} */


/* header */
#header {position: relative; border-bottom: 1px solid #ddd;}
#header .header_inner {max-width: 1200px; margin: 0 auto;}

/* header top */
#header .header_top {text-align: right; padding-top: 16px;}
.util {font-size: 0;}
.util > li {position: relative; display: inline-block; font-size: 16px; padding: 0 10px;}
.util > li:after {content: ''; position: absolute; top: 50%; right: -1.5px; margin-top: -1.5px; width: 3px; height: 3px; border-radius: 50%; background-color: #ddd;}
.util > li > a {color: #666;}
.util > li.admin {background-color: #81367f; border-radius: 5px; padding: 3px 10px; margin-left: 10px;}
.util > li.admin:after {content: none;}
.util > li.admin > a {color: #fff;}

/* header bottom */
#header .header_bottom {position: relative; height: 100px;}
#header .logo {position: absolute; top: 50%; left: auto; transform: translateY(-50%);}
#header .logo > a {display: block;}

/* header gnb */
.gnb {text-align: right;}
.gnb ul {font-size: 0;}
.gnb ul > li {display: inline-block; font-size: 18px; font-weight: 600; margin: 0 25px;}
.gnb ul > li:last-child {margin-right: 0;}
.gnb ul > li > a {display: block; padding: 39px 0 40px;}

/* quick menu */
.quick_menu {position: fixed; top: 50%; transform: translateY(-50%); right: 0; z-index: 100;}
.quick_menu .quick_box {width: 80px; border-radius: 20px 0 0 20px; border: 1px solid #eee; background-color: #fff; text-align: center; box-shadow: 0 10px 24px 6px rgba(0, 0, 0, 0.05); overflow: hidden;}
.quick_menu .quick_tit {padding: 10px 0; font-size: 14px; text-transform: uppercase;}
.quick_menu .quick_list .item {display: table; width: 100%; height: 80px;}
.quick_menu .quick_list .item.item01 {background-color: #81367f;}
.quick_menu .quick_list .item.item02 {background-color: #115a99;}
/* .quick_menu .quick_list .item.item03 {background-color: #9dbf51;} */
.quick_menu .quick_list .item_cell {display: table-cell; vertical-align: middle;}
.quick_menu .quick_list .item i {display: block; width: 16px; height: 16px; margin: 0 auto 10px; background: no-repeat 50% 50%; background-size: contain;}
.quick_menu .quick_list .item.item01 i,
.quick_menu .quick_list .item.item02 i {background-image: url('../img/icon_quick01.png');}
/* .quick_menu .quick_list .item.item02 i,
.quick_menu .quick_list .item.item03 i {background-image: url('../img/icon_quick02.png');} */
.quick_menu .quick_list .item span {font-size: 15px; color: #fff; line-height: 1.06;}

.scroll_top {display: block; position: relative; width: 50px; height: 50px; background: linear-gradient(to bottom, #81367f, #115a99); margin: 20px auto 0; border-radius: 50%;}
.scroll_top:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../img/scroll_top.png') no-repeat 50% 50%; background-size: auto 18px;}
.scroll_top.mobile {display: none;}

/* footer */
#footer {padding: 40px 0 60px; background-color: #2b2e41;}
#footer > div > div {float: left;}
#footer .ft_img h1 {opacity: .6;}
#footer .ft_txt {padding-left: 60px;}
#footer .ft_txt p {font-size: 15px; color: rgba(255, 255, 255, .6);}
#footer .ft_txt .copyright {display: block; font-size: 15px; color: rgba(255, 255, 255, .3); margin-top: 30px;}

@media (max-width: 1200px) {
    #header .header_inner {width: 100%; max-width: none; padding: 0 4%;}
}

@media (max-width: 1024px) {
    /* header bottom */
    #header .header_bottom {height: 80px;}

    /* header gnb */
    .gnb ul > li {font-size: 16px; margin: 0 20px;}
    .gnb ul > li > a {padding: 30px 0 31px;}
    
}

@media (max-width: 768px) {
    /* side button */
    .side_btn {display: block; position: relative; width: 28px; height: 20px; background: transparent; cursor: pointer; z-index: 999;}
    .side_btn {position: absolute; top: 30px; right: 0;}
    .side_btn .menu_btn {display: block; position: relative; width: 100%; height: 100%;}
    .side_btn .menu_btn .bar {position: absolute; left: 0; display: block; width: 100%; height: 2px; background: #4A4E69; transition: all .3s;}
    .side_btn .menu_btn .bar:nth-child(1) {top: 0;}
    .side_btn .menu_btn .bar:nth-child(2) {top: 50%; transform: translateY(-50%);}
    .side_btn .menu_btn .bar:nth-child(3) {bottom: 0;}

    .gnb {position: fixed; display: block; top: 0; right: -360px; max-width: 360px; width: 100%; height: 100%; background-color: #fff; padding-top: 80px; transition: right .5s ease; z-index: 999;}
    /* .gnb {overflow-y: auto; height: 100%;} */
    .gnb ul > li {position: relative; display: block; padding: 0; text-align: left; margin: 0;}
    .gnb ul > li > a {width: 100%; height: auto; line-height: inherit; padding: 16px 20px; font-weight: 600; border-bottom: 1px solid #eee; font-size: 16px; color: #111;}

    /* gnb menu open */
    .menu_open {overflow-y: hidden;}
    .menu_open .side_btn {position: fixed; top: 30px; right: 30px;}
    .menu_open .header_overlay {display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.8); z-index: 900;}   
    .menu_open .gnb {right: 0;}
    .menu_open .menu_btn .bar:nth-child(1) {transform: rotate(45deg); top: 50%;}
    .menu_open .menu_btn .bar:nth-child(2) {display: none;}
    .menu_open .menu_btn .bar:nth-child(3) {transform: rotate(-45deg); top: 50%;}

    .quick_menu {display: none;}

    .scroll_top.mobile {position: fixed; display: block; bottom: 4%; right: 4%;}

    /* footer */
    #footer > div > div {float: none;}
    #footer .ft_txt {padding-left: 0; padding-top: 30px;}
}

@media (max-width: 320px) {
    #header .logo img {height: 24px;}
}