@charset "utf-8";


* {margin:0; padding:0;}
body {font-family: 'NanumSquare', sans-serif;}
ul,li,ol {list-style:none;}
a {text-decoration:none;}
.clear::after {content:''; display:block; clear:both;}
#header .nav .n_list .n_round p { cursor:pointer; }

/* 헤더 풋터 css */
@media (min-width:1500px) {
/* header */
#header {background-color:#33a7bd; position:relative;}
#header .logo {float:left;}
#header .nav {position:absolute; width:50%; left:50%; top:50%; transform:translate(-50%, -50%);}
#header .nav .n_list {float:left; width:14.285714%; position:relative;}
#header .nav .n_list::before {content:''; width:100%; height:21.7px; background-color:#358aa1; position:absolute; top:25%; left:0; transform:translateX(-50%); z-index:-1;}
#header .nav .n_list.sel::after {content:''; display:inline-block; width:100%; height:21.7px; background-color:#fff; position:absolute; top:25%; left:-50%; z-index:-1;}
#header .nav .n_list:first-child::before {display:none;}
#header .nav .n_list:first-child.sel::after {display:none;}
#header .nav .n_list .n_round {width:49px; height:49px; margin:0 auto; border:4px solid #358aa1; background-color:#33a7bd; border-radius:50%; text-align:center; line-height:49px; color:#fff; font-weight:bold; font-size:13px;}
#header .nav .n_list .n_ti {font-size:16px; color:#fff; font-weight:bold; text-align:center; margin-top:8px}
#header .nav .n_list.sel .n_round {border:4px solid #fff;}
#header .h_btn {float:right; margin-right:70px; margin-top:15px;}
#header .h_btn a {float:left; width:60px; position:relative; margin:0 15px;}
#header .h_btn a:after {content:''; display:inline-block; width:1px; height:88px; background-color:rgba(0,0,0,0.3); position:absolute; right:-15px; top:0;}
#header .h_btn a:last-child::after {display:none;}
#header .h_btn a p {font-size:15px; color:#fff; font-weight:300; text-align:center;}


/* footer */
#footer {background-color:#e7e7e7; text-align:center; padding:12px 0;}
#footer .f_copy {font-size:19px; color:#aaa;}
}

@media (max-width:1499px) and (min-width:1201px) {
/* header */
#header {background-color:#33a7bd; position:relative;}
#header .logo {float:left;}
#header .nav {position:absolute; width:50%; left:50%; top:50%; transform:translate(-50%, -50%);}
#header .nav .n_list {float:left; width:14.285714%; position:relative;}
#header .nav .n_list::before {content:''; width:100%; height:21.7px; background-color:#358aa1; position:absolute; top:25%; left:0; transform:translateX(-50%); z-index:-1;}
#header .nav .n_list.sel::after {content:''; display:inline-block; width:100%; height:21.7px; background-color:#fff; position:absolute; top:25%; left:-50%; z-index:-1;}
#header .nav .n_list:first-child::before {display:none;}
#header .nav .n_list:first-child.sel::after {display:none;}
#header .nav .n_list .n_round {width:49px; height:49px; margin:0 auto; border:4px solid #358aa1; background-color:#33a7bd; border-radius:50%; text-align:center; line-height:49px; color:#fff; font-weight:bold; font-size:13px;}
#header .nav .n_list .n_ti {font-size:16px; color:#fff; font-weight:bold; text-align:center; margin-top:8px}
#header .nav .n_list.sel .n_round {border:4px solid #fff;}
#header .h_btn {float:right; margin-right:70px; margin-top:15px;}
#header .h_btn a {float:left; width:60px; position:relative; margin:0 15px;}
#header .h_btn a:after {content:''; display:inline-block; width:1px; height:88px; background-color:rgba(0,0,0,0.3); position:absolute; right:-15px; top:0;}
#header .h_btn a:last-child::after {display:none;}
#header .h_btn a p {font-size:15px; color:#fff; font-weight:300; text-align:center;}

/* footer */
#footer {background-color:#e7e7e7; text-align:center; padding:12px 0;}
#footer .f_copy {font-size:19px; color:#aaa;}
}

@media (max-width:1200px) and (min-width:748px) {
/* header */
#header {background-color:#33a7bd; position:relative;}
#header .logo {float:none; text-align:center;}
#header .nav {display:none; position:absolute; width:50%; left:50%; top:50%; transform:translate(-50%, -50%);}
#header .nav .n_list {float:left; width:14.285714%; position:relative;}
#header .nav .n_list::before {content:''; width:100%; height:21.7px; background-color:#358aa1; position:absolute; top:25%; left:0; transform:translateX(-50%); z-index:-1;}
#header .nav .n_list.sel::after {content:''; display:inline-block; width:100%; height:21.7px; background-color:#fff; position:absolute; top:25%; left:-50%; z-index:-1;}
#header .nav .n_list:first-child::before {display:none;}
#header .nav .n_list:first-child.sel::after {display:none;}
#header .nav .n_list .n_round {width:49px; height:49px; margin:0 auto; border:4px solid #358aa1; background-color:#33a7bd; border-radius:50%; text-align:center; line-height:49px; color:#fff; font-weight:bold; font-size:13px;}
#header .nav .n_list .n_ti {font-size:16px; color:#fff; font-weight:bold; text-align:center; margin-top:8px}
#header .nav .n_list.sel .n_round {border:4px solid #fff;}
#header .h_btn {display:none; float:right; margin-right:70px; margin-top:15px;}
#header .h_btn a {float:left; width:60px; position:relative; margin:0 15px;}
#header .h_btn a:after {content:''; display:inline-block; width:1px; height:88px; background-color:rgba(0,0,0,0.3); position:absolute; right:-15px; top:0;}
#header .h_btn a:last-child::after {display:none;}
#header .h_btn a p {font-size:15px; color:#fff; font-weight:300; text-align:center;}

/* footer */
#footer {background-color:#e7e7e7; text-align:center; padding:12px 0;}
#footer .f_copy {font-size:19px; color:#aaa;}

}

@media (max-width:747px) {
/* header */
#header {background-color:#33a7bd; position:relative;}
#header .logo {float:none; text-align:center;}
#header .nav {display:none; position:absolute; width:50%; left:50%; top:50%; transform:translate(-50%, -50%);}
#header .nav .n_list {float:left; width:14.285714%; position:relative;}
#header .nav .n_list::before {content:''; width:100%; height:21.7px; background-color:#358aa1; position:absolute; top:25%; left:0; transform:translateX(-50%); z-index:-1;}
#header .nav .n_list.sel::after {content:''; display:inline-block; width:100%; height:21.7px; background-color:#fff; position:absolute; top:25%; left:-50%; z-index:-1;}
#header .nav .n_list:first-child::before {display:none;}
#header .nav .n_list:first-child.sel::after {display:none;}
#header .nav .n_list .n_round {width:49px; height:49px; margin:0 auto; border:4px solid #358aa1; background-color:#33a7bd; border-radius:50%; text-align:center; line-height:49px; color:#fff; font-weight:bold; font-size:13px;}
#header .nav .n_list .n_ti {font-size:16px; color:#fff; font-weight:bold; text-align:center; margin-top:8px}
#header .nav .n_list.sel .n_round {border:4px solid #fff;}
#header .h_btn {display:none; float:right; margin-right:70px; margin-top:15px;}
#header .h_btn a {float:left; width:60px; position:relative; margin:0 15px;}
#header .h_btn a:after {content:''; display:inline-block; width:1px; height:88px; background-color:rgba(0,0,0,0.3); position:absolute; right:-15px; top:0;}
#header .h_btn a:last-child::after {display:none;}
#header .h_btn a p {font-size:15px; color:#fff; font-weight:300; text-align:center;}
/* footer */
#footer {background-color:#e7e7e7; text-align:center; padding:12px 0;}
#footer .f_copy {font-size:19px; color:#aaa;}
}