﻿html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;font-family: 'Noto Sans KR','Malgun Gothic','돋움',Dotum,Helvetica,AppleGothic,Sans-serif;letter-spacing: -0.03em;line-height: 1.5;}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

html {line-height: 1.15;-webkit-text-size-adjust: 100%;}
body {margin: 0;}
h1 {margin: 0;}
hr {box-sizing: content-box;height: 0;overflow: visible;}
a {background-color: transparent;text-decoration: none;}
a:focus, a:hover {text-decoration: none;}
b,
strong {font-weight: bold;}
code,
kbd,
samp {font-family: monospace, monospace;font-size: 1em;}
small {font-size: 80%;}
sub,
sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
img {border-style: none;display: block;}
button,
input,
optgroup,
select,
textarea {font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;}
button,
input {overflow: visible;}
button,
select {text-transform: none;}
button,
[type="button"],
[type="reset"],
[type="submit"] {-webkit-appearance: button;}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
textarea {overflow: auto;}
[type="checkbox"],
[type="radio"] {box-sizing: border-box;padding: 0;}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {-webkit-appearance: textfield;outline-offset: -2px;}
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}
template {display: none;}
[hidden] {display: none;}

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;word-break: keep-all;}

::-webkit-scrollbar {width: 4px;}
::-webkit-scrollbar-thumb {height: 20%;background: #777;border-radius: 10px;}
::-webkit-scrollbar-track {background: rgba(33, 122, 244, .1);}

.wrapper {padding-top: 198px;}
.header {position: fixed;left: 0;top: 0;width: 100%;z-index: 10000;background-color: #fff;-webkit-box-shadow: 0 2px 3px rgb(0 0 0 / 16%);box-shadow: 0 2px 3px rgb(0 0 0 / 16%);}
.img-responsive {display: block;max-width: 100%; width:auto;}
.img-center {margin: 0 auto;max-width: 100%; width:auto;}
.container {width: 1140px;margin: 0 auto;padding-left: 15px;padding-right: 15px;}
.container {margin-right: auto;margin-left: auto;}
.container:before {content: " ";display: table;}
.container:after {content: " ";display: table;clear: both;}
.max-height {height: 100%;}

.top_link {-webkit-box-align: center;align-items: center;display: flex;justify-content: flex-end;height: 55px;}
.top_link a {font-size: 14px;color: #7D7D7D;font-weight: 400;display: flex;}
.top_link a:hover {color: #00799E;}
.top_link .bar {display: flex;width: 1px;background-color: #D3D7D9;height: 12px;margin: 0 15px;}
.top_i_wrap {-webkit-box-align: center;align-items: center;display: flex;justify-content: space-between;}
.top_i_wrap h1 a {-webkit-box-align: center;align-items: center;display: flex;justify-content: center;font-size: 17px;color: #454545;font-weight: 400;}
.top_i_wrap h1 strong {font-weight: 700;}
.logo_txt {margin-left: 24px;}
.search_btn_wrap {-webkit-box-align: center;align-items: center;display: flex;}
.mbtn_wrap {-webkit-box-align: center;align-items: center;display: flex;}
.join_btn {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-webkit-box-align: center;align-items: center;display: flex;justify-content: center;border-radius: 5px;background-color: #CC3D0D;width: 115px;font-size: 14px;color: #fff;font-weight: 500;height: 40px;margin-right: 8px;}
.login_btn {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-webkit-box-align: center;align-items: center;display: flex;justify-content: center;border-radius: 5px;border: 1px solid #CC3D0D;width: 100px;font-size: 14px;color: #CC3D0D;font-weight: 500;height: 40px;}
.join_btn:hover {background-color: #A82C05;}
.login_btn:hover {background-color: #A82C05;color: #fff;}
.search_wrap {margin-right: 15px;border: 1px solid #C4D7ED;border-radius: 5px;position: relative;padding-left: 40px;height: 40px;}
.search_wrap .ic {position: absolute;left: 0;top: 0;height: 100%;width: 40px;background: url('../img/common/ico_search.png') no-repeat center center;}
.s_input {width: 100%;height: 100%;border: none;font-size: 14px;color: #575757;font-weight: 400;border-radius: 5px;outline: none;}

.gnb_wrap {margin-top: 34px;border-top: 1px solid #C4D7ED;}
.gnb_in {position: relative;}
.gnb {-webkit-box-align: center;align-items: center;display: flex;justify-content: space-between;}
.gnb .one.last {margin-right: 0;}
.gnb .one .onea span {font-size: 16px;color: #00266D;font-weight: 400;height: 50px;-webkit-box-align: center;align-items: center;display: flex;letter-spacing: -0.5px;}

.gnb .one.on .onea span {color: #F26334;}
.gnb .one.on .onea.subin span:after {background-position: -10px 0;}

.gnb .one .onea.subin span {padding-right: 20px;position: relative;}
.gnb .one .onea.subin span:after {content: "";display: block;width: 10px;height: 6px;background: url('../img/common/menu_arrow.png') no-repeat 0 0;position: absolute;right: 0;top: 50%;margin-top: -1px;}

.gnb .one.on .sub_menu_wrap {display: block;}
.sub_menu_wrap {display: none;position: absolute;left: 0;top: 50px;width: 100%;padding: 25px 50px;background-color: #F4F4F4;z-index: 10;}
.sub_menu {display: flex;justify-content: space-between;}
.sub_menu.diff_three {display: block;overflow: hidden;margin: 0 -30px;}
.sub_menu.diff_three .two {float: left;width: 33%;padding: 0 10px 0 30px;}
.sub_menu.diff_three .two01 {float: left;width: 67%;padding: 0 30px;}
.sub_menu.diff_two {display: block;overflow: hidden;margin: 0 -30px;}
.sub_menu.diff_two .two {float: left;width: 50%;padding: 0 30px;}
.sub_menu .two {font-size: 16px;color: #002C6C;font-weight: 500;letter-spacing: -0.5px;}
.sub_menu .two .twoa {font-size: 16px;color: #002C6C;font-weight: 500;letter-spacing: -0.5px;}
.sub_menu .two .twoa:hover {color: #F26334;}
.sub_menu .two .twoa01 {font-size: 16px;color: #002C6C;font-weight: 500;letter-spacing: -0.5px;}
.sub_menu .two01 .twoa01 {font-size: 16px;color: #002C6C;font-weight: 500;letter-spacing: -0.5px;}
.sub_menu .two01 {font-size: 16px;color: #002C6C;font-weight: 500;letter-spacing: -0.5px;}
.sub_menu .two01 .twoa {font-size: 16px;color: #002C6C;font-weight: 500;letter-spacing: -0.5px;}
.sub_menu .two01 .twoa:hover {color: #F26334;}
.sub_menu_50 {float:left; width:50%; padding: 0 30px 0 0;}



.sub_menu.smenu .two .twoa.mbn {margin-bottom: 0;border-bottom: none;}
.sub_menu.smenu .two .twoa {padding-bottom: 15px;border-bottom: 1px solid #E2E5E6;display: flex;margin-bottom: 15px;}
.sub_menu.smenu .two .twoa01 {padding-bottom: 15px;border-bottom: 1px solid #E2E5E6;display: flex;margin-bottom: 15px;}
.sub_menu.smenu .two01 .twoa01 {padding-bottom: 15px;border-bottom: 1px solid #E2E5E6;display: flex;margin-bottom: 15px;}
.sub_menu.smenu .two01 .twoa.mbn {margin-bottom: 0;border-bottom: none;}
.sub_smenu li a {font-size: 14px;color: #00799E;font-weight: 400;letter-spacing: -0.5px;display: flex;padding: 5px 0;}
.sub_smenu li a:hover {color: #F26334;}
.sub_smenu a {font-size: 14px;color: #00799E;font-weight: 400;letter-spacing: -0.5px;display: flex;padding: 5px 0;}
.sub_smenu a:hover {color: #F26334;}
a .sub_smenu_txt {font-size:14px; color: #7D7D7D; padding-bottom: 20px; padding-top: 10px;}
a:hover .sub_smenu_txt {font-size:14px; color: #333333; padding-bottom: 20px;}

.footer {border-top: 1px solid #C5C5C5;padding: 35px 0 60px 0;}
.footer_in {-webkit-box-align: center;align-items: center;display: flex;justify-content: space-between;}
.logo_area {-webkit-box-align: center;align-items: center;display: flex;}
.footer_in .logo {padding-right: 50px;}
.footer_in .f_txt {font-size: 16px;color: #878787;font-weight: 400;line-height: 1.5;}
.footer_in .copy {font-size: 14px;color: #5E5E5E;font-weight: 400;padding-top: 27px;}

.msearch,.gmenu {display: none;}
.msearch {position: fixed;right: 60px;top: 18px;z-index: 900;}
.msearch img {height: 25px;}
.gmenu {position: fixed;right: 15px;top: 16px;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;z-index: 30;}
.gmenu a {background-color: transparent;display: block;}
.gmenu span,
.gmenu span:before,
.gmenu span:after {width: 25px;height: 2px;background: #002C6C;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;display: block;border-radius: 2px;}
.gmenu a {z-index:10001;position:relative;padding: 13px 4px 15px 4px;}
.gmenu span {float: left;position: relative;}
.gmenu span:before {content: "";top: 8px;position: absolute;right: 0;}
.gmenu span:after {content: "";top: -8px;position: absolute;right: 0;}

.navigation-visible .gmenu span {background:none;}
.navigation-visible .gmenu span:before {background:#002C6C;top: 0;transform: rotate(45deg);height: 2px;}
.navigation-visible .gmenu span:after {background:#002C6C;top: 0;transform: rotate(-45deg);height: 2px;}

.msearch_wrap {display: none;z-index: 1;border: 1px solid transparent;border-radius: 5px;width: 0;height: 36px;position: absolute;right: 55px;top: 13px;padding-right: 35px;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.msearch_input {width: 100%;height: 100%;outline: none;font-size: 13px;color: #000;padding: 0 10px;border: none;border-radius: 5px;}
.msearch-visible .msearch_wrap {border-color: #ced4da;width: 200px;}

.top_mlink {overflow: hidden;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;}
.top_mlink a {font-size: 13px;color: #7D7D7D;font-weight: 400;-webkit-box-align: center;align-items: center;display: flex;justify-content: center;width: 33.333333333%;float: left;height: 40px;border-right: 1px solid #ddd;}
.top_mlink a:last-child {border-right: none;}
.top_mlink a:hover {color: #00799E;}
.gnb_m_btn {display: none;}

/* 메인 팝업 */
.global_popup {display: none;border: 1px solid #002C6C;background-color: #F0F5FA;position: absolute;z-index: 100000;}
.gp_tit {min-height: 90px;font-size: 20px;color: #002C6C;font-weight: 500;padding: 20px 30px;position: relative;-webkit-box-align: center;align-items: center;display: flex;font-weight: 600;}
.gp_close {position: absolute;right: 20px;top: 18px;}
.global_popup .popup_img,
.global_popup .popup_img img {border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.popup_in {background-color: #F0F5FA;padding: 0 20px;}
.popup_cont {background-color: #fff;min-height:400px;padding: 30px;}

.icheck_wrap {display: flex;display: flex;-webkit-box-align: center;align-items: center;}
.icheck {display: flex;-webkit-box-align: center;align-items: center;}
.icheck input[type="checkbox"] {outline: none;border: none;background-color: #fff;-webkit-border-radius: 0;-webkit-appearance: none;display: none;}
.icheck input[type="checkbox"]:checked + label {background-position: 0 0;}
.icheck label {cursor: pointer;-webkit-box-align: center;align-items: center;display: flex;font-size: 16px;color: #002C6C;font-weight: 400;}
.icheck input[type="checkbox"] + label:before {content: "";margin-right: 5px;width: 18px;display: inline-flex;height: 18px;overflow: hidden;background-position: 0 0;background-image:url('../img/common/pop_chk.png');}
.icheck input[type="checkbox"]:checked + label:before {background-position: -18px 0;}
.gp_bottom {padding: 0 20px;height: 55px;-webkit-box-align: center;align-items: center;display: flex;justify-content: space-between;}
.pop_close {-webkit-box-align: center;align-items: center;display: flex;width: 70px;height: 28px;background-color: #002C6C;justify-content: center;font-size: 14px;color: #fff;font-weight: 400;}
.pop_close img {margin-right: 8px;}
.today_link {font-size: 16px;color: #002C6C;font-weight: 400;;}
.today_link:hover {text-decoration: underline;}

@media (max-width: 1420px){
}

@media (max-width: 1220px){
	.container {width: 970px;}
}

@media (max-width: 991px){
	.container {width: 750px;}
	
	.wrapper {padding-top: 0;}
	.top_i_wrap h1 a img {width: 60px;}
	.logo_txt {display: none;}
	.top_i_wrap h1 a {font-size: 13px;}
	.search_wrap {width: 170px;margin-right: 5px;}
	.top_link {display: none;}
	.gnb .one .onea span {font-size: 15px;height: auto;padding: 15px;}
	.sub_menu_wrap {padding: 15px 30px;position: static;left: auto;top: auto;}
	.sub_menu .two .twoa {font-size: 15px;}
	.search_btn_wrap {display: none;}

	.msearch,.gmenu {display: block;}
	.header {padding: 15px 0;height: 60px;background-color: #fff;position: fixed;left: 0;top: 0;width: 100%;z-index: 10001;border-bottom: 1px solid #ddd;}
	.header h1 {z-index: 1;position: absolute;left: 15px;top: 15px;}
	.footer_in .logo {padding-right: 25px;}
	.footer_in .f_txt {font-size: 13px;}
	.footer_in .copy {font-size: 13px;}
	.footer_in .logo img {width: 37px;}

	.gnb_wrap {margin-top: 0;border-top: none;background-color: #fff;position: fixed;padding-top: 60px;height: 100%;width: 100%;top: 0;left: 0;display: block;overflow: auto;-moz-transform: translateY(-100%);-webkit-transform: translateY(-100%);-o-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%);opacity: 0;visibility: hidden;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
	.navigation-visible .gnb_wrap {opacity: 1;visibility: visible;transform: translate(0px, 0%);}
	.gnb_wrap .container {padding: 0;width: 100%;}
	.gnb {display: block;}
	.gnb .one {border-bottom: 1px solid #ddd;}
	.gnb .one .onea.subin span:after {display: none;}
	.sub_menu {display: block;}
	.gnb_in {height: 500px;overflow: auto;}
	.sub_menu.smenu .two {margin-bottom: 20px;}
	.sub_menu.smenu .two .twoa {padding-bottom: 0;margin-bottom: 0;}
	.sub_menu.smenu .two01 .twoa {padding-bottom: 0;margin-bottom: 0;}
	.sub_smenu li a {padding: 5px 15px;}
	.sub_menu.diff_three .two {width: 100%;}
	.sub_menu.diff_three .two01 {width: 100%;}
	.sub_menu.smenu .two .twoa {border-bottom: none;}
	.sub_menu.smenu .two01 .twoa {border-bottom: none;}
	.sub_menu.diff_two .two {width: 100%;}
	.gnb_m_btn {display: block;}
	.mbtn_wrap {justify-content: center;padding: 10px 0;border-bottom: 1px solid #ddd;}
	.msearch_wrap {display: block;}
	.sub_menu_50 {float:none; width:100%; padding: 0 30px 0 0;}
	.gnb .one.on .sub_menu_wrap {display: none;}
	.gnb .one.on.over .sub_menu_wrap {display: block;}
	.gnb .one.over .sub_menu_wrap {display: block;}
}
@media (max-width: 767px){
	.container {width: 100%;}
	
	.footer {padding: 20px 0;}
	.footer_in {display: block;position: relative;padding-left: 65px;}
	.footer_in .logo {padding-right: 0;position: absolute;left: 0;top: 8px;}
	.footer_in .copy {padding-top: 10px;font-size: 12px;}
	.join_btn {height: 35px;}
	.navigation-visible {overflow: hidden;}

	.global_popup {left: 0 !important;top: 0 !important;width: 100% !important;}
	.global_popup .popup_img img {width: 100%  !important;}
	.gp_tit {padding: 10px 45px 10px 15px;font-size: 15px;min-height:50px;}
	.popup_in {padding: 0 10px;}
	.gp_close img {width: 13px;}
	.popup_cont {padding: 15px;}
}
