@charset "utf-8";
/*
Copyright (c) 2021 Kil Hyung-jin, with Reserved Font Name Pretendard.
https://github.com/orioncactus/pretendard

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
*/

/* Pretendard 900 */
@font-face {
  font-family: 'Pretendard';
  font-weight: 900;
  font-display: swap;
  src: url('../font/Pretendard-Black.eot'); /* IE9 Compat Modes */
  src: local(''),
      url('../font/Pretendard-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('../font/Pretendard-Black.woff2') format('woff2'), /* Super Modern Browsers */
      url('../font/Pretendard-Black.woff') format('woff'), /* Modern Browsers */
      url('../font/PretendardVariable.ttf') format('truetype'), /* Safari, Android, iOS */
      url('../font/Pretendard-Black.svg#Pretendard') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 800;
  font-display: swap;
  src: url('../font/Pretendard-ExtraBold.eot'); /* IE9 Compat Modes */
  src: local(''),
      url('../font/Pretendard-ExtraBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('../font/Pretendard-ExtraBold.woff2') format('woff2'), /* Super Modern Browsers */
      url('../font/Pretendard-ExtraBold.woff') format('woff'), /* Modern Browsers */
      url('../font/PretendardVariable.ttf') format('truetype'), /* Safari, Android, iOS */
      url('../font/Pretendard-ExtraBold.svg#Pretendard') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 700;
  font-display: swap;
  src: url('../font/Pretendard-Bold.eot'); /* IE9 Compat Modes */
  src: local(''),
      url('../font/Pretendard-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('../font/Pretendard-Bold.woff2') format('woff2'), /* Super Modern Browsers */
      url('../font/Pretendard-Bold.woff') format('woff'), /* Modern Browsers */
      url('../font/PretendardVariable.ttf') format('truetype'), /* Safari, Android, iOS */
      url('../font/Pretendard-Bold.svg#Pretendard') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 600;
  font-display: swap;
  src: url('../font/Pretendard-SemiBold.eot'); /* IE9 Compat Modes */
  src: local(''),
      url('../font/Pretendard-SemiBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('../font/Pretendard-SemiBold.woff2') format('woff2'), /* Super Modern Browsers */
      url('../font/Pretendard-SemiBold.woff') format('woff'), /* Modern Browsers */
      url('../font/PretendardVariable.ttf') format('truetype'), /* Safari, Android, iOS */
      url('../font/Pretendard-SemiBold.svg#Pretendard') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 500;
  font-display: swap;
  src: url('../font/Pretendard-Medium.eot'); /* IE9 Compat Modes */
  src: local(''),
      url('../font/Pretendard-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('../font/Pretendard-Medium.woff2') format('woff2'), /* Super Modern Browsers */
      url('../font/Pretendard-Medium.woff') format('woff'), /* Modern Browsers */
      url('../font/PretendardVariable.ttf') format('truetype'), /* Safari, Android, iOS */
      url('../font/Pretendard-Medium.svg#Pretendard') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Pretendard';
  font-weight: 400;
  font-display: swap;
  src: url('../font/Pretendard-Regular.eot'); /* IE9 Compat Modes */
  src: local(''),
      url('../font/Pretendard-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('../font/Pretendard-Regular.woff2') format('woff2'), /* Super Modern Browsers */
      url('../font/Pretendard-Regular.woff') format('woff'), /* Modern Browsers */
      url('../font/PretendardVariable.ttf') format('truetype'), /* Safari, Android, iOS */
      url('../font/Pretendard-Regular.svg#Pretendard') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 300;
  font-display: swap;
  src: url('../font/Pretendard-Light.eot'); /* IE9 Compat Modes */
  src: local(''),
      url('../font/Pretendard-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('../font/Pretendard-Light.woff2') format('woff2'), /* Super Modern Browsers */
      url('../font/Pretendard-Light.woff') format('woff'), /* Modern Browsers */
      url('../font/PretendardVariable.ttf') format('truetype'), /* Safari, Android, iOS */
      url('../font/Pretendard-Light.svg#Pretendard') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 200;
  font-display: swap;
  src: url('../font/Pretendard-ExtraLight.eot'); /* IE9 Compat Modes */
  src: local(''),
      url('../font/Pretendard-ExtraLight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('../font/Pretendard-ExtraLight.woff2') format('woff2'), /* Super Modern Browsers */
      url('../font/Pretendard-ExtraLight.woff') format('woff'), /* Modern Browsers */
      url('../font/PretendardVariable.ttf') format('truetype'), /* Safari, Android, iOS */
      url('../font/Pretendard-ExtraLight.svg#Pretendard') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 100;
  font-display: swap;
  src: url('../font/Pretendard-Thin.eot'); /* IE9 Compat Modes */
  src: local(''),
      url('../font/Pretendard-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('../font/Pretendard-Thin.woff2') format('woff2'), /* Super Modern Browsers */
      url('../font/Pretendard-Thin.woff') format('woff'), /* Modern Browsers */
      url('../font/PretendardVariable.ttf') format('truetype'), /* Safari, Android, iOS */
      url('../font/Pretendard-Thin.svg#Pretendard') format('svg'); /* Legacy iOS */
}


@font-face {
	font-family:'GmarketSans';
  font-weight: 100;
  font-display: swap;
  src: url('../font/GmarketSansLight.eot'); /* IE9 Compat Modes */
  src: local(''),
      url('../font/GmarketSansLight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('../font/GmarketSansLight.woff2') format('woff2'), /* Super Modern Browsers */
      url('../font/GmarketSansLight.woff') format('woff'), /* Modern Browsers */
      url('../font/GmarketSansLight.ttf') format('truetype'), /* Safari, Android, iOS */
      url('../font/GmarketSansLight.svg#Pretendard') format('svg'); /* Legacy iOS */
}

@font-face {
	font-family:'GmarketSans';
  font-weight: 400;
  font-display: swap;
  src: url('../font/GmarketSansMedium.eot'); /* IE9 Compat Modes */
  src: local(''),
      url('../font/GmarketSansMedium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('../font/GmarketSansMedium.woff2') format('woff2'), /* Super Modern Browsers */
      url('../font/GmarketSansMedium.woff') format('woff'), /* Modern Browsers */
      url('../font/GmarketSansMedium.ttf') format('truetype'), /* Safari, Android, iOS */
      url('../font/GmarketSansMedium.svg#Pretendard') format('svg'); /* Legacy iOS */
}

@font-face {
	font-family:'GmarketSans';
  font-weight: 700;
  font-display: swap;
  src: url('../font/GmarketSansBold.eot'); /* IE9 Compat Modes */
  src: local(''),
      url('../font/GmarketSansBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('../font/GmarketSansBold.woff2') format('woff2'), /* Super Modern Browsers */
      url('../font/GmarketSansBold.woff') format('woff'), /* Modern Browsers */
      url('../font/GmarketSansBold.ttf') format('truetype'), /* Safari, Android, iOS */
      url('../font/GmarketSansBold.svg#Pretendard') format('svg'); /* Legacy iOS */
}





/*------------
reset
------------*/

* {font-family: 'Pretendard', sans-serif;}
*, ::after, ::before{box-sizing: border-box; scroll-behavior: smooth;}
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, p, span, i, input, select{
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
	font-weight:500;
	font-family: 'Pretendard', sans-serif;
	/* font-family:-apple-system, BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic','맑은 고딕','NanumGothic','나눔고딕','Dotum','돋움',sans-serif; */
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

html, body {
   line-height:1;
   margin: 0px;
   padding: 0px;
}

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;
  width:100%
}

a, a:hover, a:active{
	text-decoration: none;
   color:#000;
}

b{
	font-weight:bold;
}

i{
	font-size:1.1em
}

strong{
	font-weight:bold
}

table caption, .hidden{
  position: absolute;
  z-index:-1;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path:inset(50%);
  overflow: hidden;
}

hr {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border: 0;
}

/*
img {
   image-rendering: -webkit-optimize-contrast;
}
*/




/*------------------------
input
------------------------*/

input{
  appearance: none;
  border:0;
	border-radius: 0;
	border:1px solid #cdd1d7;
	height:44px;
	padding-left:8px;
	font-weight:normal;
	background-color:#fff;
  padding:0px 10px;
  font-size:15px;
  display:inline-block;
  vertical-align:middle;
  background-position:92% center;
  background-repeat: no-repeat;
}

input::placeholder{color:#c2c7ce; font-weight:300; opacity: 1}
input[readonly] {color:#888; background:#fafafa}
input:focus {outline:none;}
input:focus {border:1px solid #002788}
input[type=button]{padding:0}

input[type="checkbox"][disabled], input[type="checkbox"][readonly]{
  background:#edf6fc;
  color:#5d5d5d
}

.cal-input{
    background-image:url(../images/calendar_icon.png);
}
.time-input{
    background-image:url(../images/time_icon.png);
}
.loca-input{
    background-image:url(../images/loca_icon.png);
}
.port-input{
    background-image:url(../images/port_icon.png);
}


/*------------------------
select
------------------------*/

select {
   appearance: none;
   background: #fff url(../images/select_arrow.png) no-repeat 93% center;
   height:44px;
   line-height:44px;
   width:100px;
   padding:0px 10px;
   border: 1px solid #d5dbe3;
   font-size:15px;
   display:inline-block;
   vertical-align:middle;
}

select::-ms-expand {
    display: none;
}

select[readonly] {background:#f5f5f5; color:#5d5d5d}
select:focus {outline:none;}
select:focus {border:1px solid #002788}






/*------------------------
check box
------------------------*/

.ckdbox {
	position: relative;
	display:inline;
}

.ckdbox input[type="checkbox"] {
  display: none;
}

.ckdbox input[type="checkbox"] + label {
	cursor: pointer;
	display:inline-block;
}

.ckdbox input[type="checkbox"] + label:before {
	 content: "";
	 display: inline-block;
   width: 16px;
   height: 16px;
   text-align: center;
   border: 1px solid #e4ebed;
   background:#e4ebed url(../images/ico_ckd_g.png) no-repeat center center;
	 vertical-align:middle;
   background-size:9px;
   border-radius:2px
	}

.ckdbox input[type="checkbox"]:checked + label:before {
	 background:#caf2fd url(../images/ico_ckd.png) no-repeat center center;
	 border: 1px solid #caf2fd;
	 width: 16px;
   height: 16px;
   background-size:9px;
}



/*------------------------
check box
------------------------*/

.filebox input{
   font-size:12px
}

.filebox input[type="file"] {
  position: absolute;
  z-index:-1;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path:inset(50%);
  overflow: hidden;
  border: 0;
}

.filebox label {
   display: inline-block;
   color: #000;
   vertical-align: top;
   background-color: #fff;
   border: 1px solid #cdd1d7;
   height: 30px;
   line-height: 30px;
   cursor: pointer;
   padding:0px 10px;
   font-size:12px;
   box-shadow: -2px 2px 4px rgb(0 0 0 / 6%);
} /* named upload */

.filebox .upload-name {
   display: inline-block;
   line-height: normal;
   vertical-align: middle;
   background-color: #f1f3f8;
   border: 1px solid #eff3f7;
   appearance: none;
 }




 /*------------------------
 radio
 ------------------------*/

 .i-radio {
    position: relative;
    height: 16px;
    line-height: 16px;
    cursor: pointer;
    display: inline-block;
    padding-left:20px
 }

 .i-radio input {
   position: absolute;
   z-index:-1;
   width: 1px;
   height: 1px;
   margin: -1px;
   clip: rect(1px, 1px, 1px, 1px);
   clip-path:inset(50%);
   overflow: hidden;
 	 opacity:0;
 }

 .i-radio .ico {
 	 position:absolute;
 	 left:0px;
 	 top:0px;
 	 width:16px;
 	 height:16px;
 	/*background:url(../images/ico_radio_before.png) no-repeat 0 0;*/
   background:#fff;
   border:3px solid #cdd1d7;
   border-radius:15px
 }

 .i-radio input:checked + .ico {
 	 background-position:0 -40px;
 	/*background:url(../images/ico_radio_after.png) no-repeat 0 0;*/
   background:#fff;
   border:3px solid #27aaf2;
   border-radius:15px
 }




/*------------------------
드래그색상
------------------------*/

::selection {
    background:#002788;
    color: #fff;
    text-shadow: none;
}
::-moz-selection {
    background:#002788;
    color: #fff;
    text-shadow: none;
}
::-webkit-selection {
    background:#002788;
    color: #fff;
    text-shadow: none;
}




/*------------------------
common
------------------------*/

#wrap{
   width:100%;
   height:100%;
   margin:auto;
   background:#f5f6f9
}

#container{
   position: relative;
   width: 100%;
   height:100%;
   background: #f5f6f9;
}

.content{
  width:100%;
  height:100%;
}



/*** header ***/
#header{
  width:100%;
  position:relative;
  z-index:100;
  height:90px;
  padding:20px 0 30px 0;
}

#header .r-menu{
  position:absolute;
  right:0;
  top:0
}

#header .r-menu a{
  display: inline-block;
  vertical-align:middle;
  margin-left:15px
}

#header .r-menu .language{
  background:url(../images/lang_icon.png) no-repeat left center;
  padding-left:20px
}

#header .r-menu .sitemap-btn{
  width:51px;
  height:51px;
  background: linear-gradient(-180deg, #39c4fa, #27aaf2);
  position:relative;
}

#header .r-menu .sitemap-btn::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%, -50%);
  background-image:url(../images/hbg_icon.png);
  width:23px;
  height:20px
}

#gnb{
  max-width:1680px;
  margin:auto;
  position:relative;
}

#gnb .logo{
  float:left;
  width: 230px;
}





/*** #lnb ***/
#lnb{
   position:fixed;
   z-index:1000;
   left:0;
   top:0;
   width:300px;
   height:100%;
   background:#fff;
   box-shadow: 0px 2px 6px rgba(0,0,0,0.04);
   text-align:left;
   padding:50px 40px;
}

#lnb .name{
  color:#99a3af;
  font-weight:300;
  font-size:13px;
  line-height:18px
}

#lnb .name img{
  margin-right:7px;
  margin-bottom: 7px;
}

#lnb .name img, #lnb .name span{
  display: inline-block;
  vertical-align:middle;
}

#lnb .lnb-menu{
  margin-top:65px;
}

#lnb .lnb-menu > li{
  margin-bottom:30px
}

#lnb .lnb-menu > li:last-child{
  margin:0
}

#lnb .lnb-menu > li .mtit{
  font-size:28px;
  font-family:'GmarketSans', sans-serif;
  font-weight:700;
}


#lnb .lnb-menu > li.link .mtit{
  background: url(./images/window_icon_lg.png) no-repeat right center;
  padding-right:25px
}

#lnb .lnb-menu > li.active .mtit{
  color:#27aaf2
}

#lnb .lnb-menu > li .item{
  padding:25px 0;
  display:none
}

#lnb .lnb-menu > li .item.show{
  display:block;
}

#lnb .lnb-menu > li .item > li{
  margin-bottom:20px
}

#lnb .lnb-menu > li .item > li:last-child{
  margin: 0
}

#lnb .lnb-menu > li .item > li > a{
  font-size:18px
}

#lnb .lnb-menu > li .item > li.link > a{
  background: url(../images/window_icon_s.png) no-repeat right center;
  padding-right:17px
}

#lnb .lnb-menu > li .item .submenu{
  padding:12px 15px;
  background: #f5f6f9;
  margin-top:15px
}

#lnb .lnb-menu > li .item .submenu li{
  position:relative;
}

#lnb .lnb-menu > li .item .submenu li::after{
  content:"";
  width:7px;
  height:2px;
  background:#afb8c2;
  position:absolute;
  left:0;
  top:13px
}

#lnb .lnb-menu > li .item .submenu li a{
  line-height:28px;
  font-size:15px;
  padding-left:11px
}

#lnb .push-btn{
   position:absolute;
   right:-45px;
   top:50%;
   transform: translateY(-50%);
   height: 90px;
   width: 45px;
   border-radius: 0px 70px 70px 0;
   background:linear-gradient(-180deg, #99a2ae, #afb8c2);
   -webkit-box-shadow: 0px 2px 6px rgba(0,0,0,0.04);
   box-shadow: 0px 2px 6px rgba(0,0,0,0.04);
}

#lnb .push-btn::after{
  content:"";
  background-image: url('../images/arrow_right_w.png');
  background-repeat: no-repeat;
  background-position:center;
  width:10px;
  height:16px;
  position:absolute;
  right:19px;
  top:50%;
  transform: translateY(-50%);
}

#lnb .push-btn.close::after{
   background:url('../images/arrow_left_w.png');
}

#lnb.pushmenu-left {
   left: -300px;
}

#lnb.pushmenu-left.pushmenu-open {
   left: 0;
}

.push-wrap.pushmenu-push {
   overflow-x: hidden;
   position: relative;
   left: 0;
   max-width:1680px;
   margin:auto;
}

.push-wrap.pushmenu-push-toright {
   left: 250px;
   width:100%;
}

.push-wrap.pushmenu, .push-wrap.pushmenu-push {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}





/*** sitemap ***/
#sitemap{
  position:fixed;
  transform: none;
  z-index:3000;
  width:100%;
  height:100%;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:#f5f6f9;
  background-size: cover;
  overflow-y:auto;
  display: none
}

#sitemap .sitemap-wrap{
  max-width:1680px;
  margin:auto;
  height:100%;
  padding:100px 0;
}

#sitemap h2{
  float: left;
  width:270px;
  height:100%;
  font-size:34px;
  color:#fff;
  font-weight:700;
  font-family:'GmarketSans', sans-serif;
  background: linear-gradient(-180deg, #39c4fa, #27aaf2);
  padding:50px 40px
}

#sitemap h2 span{
  display: block;
  font-size:15px;
  font-weight:400;
  margin-top:10px
}

#sitemap .menu-wrap{
  float: left;
  background:#fff;
  height:100%;
  width:calc(100% - 270px);
  display: table;
  table-layout: fixed;
}

#sitemap .menu-wrap article{
  display: table-cell;
  vertical-align: top;
  padding:50px 40px;
  border-right:1px solid #eaeef2
}

#sitemap h3{
  font-size:25px;
  font-family:'GmarketSans', sans-serif;
  font-weight:700;
  margin-bottom:20px
}

#sitemap article > ul > li{
  position:relative;
  margin-bottom:20px
}

#sitemap article > ul > li:last-child{
  margin:0
}

#sitemap article > ul > li::after{
  content:"";
  width:8px;
  height:3px;
  background:#afb8c2;
  position:absolute;
  left:0;
  top:6px
}

#sitemap article > ul > li > a{
  padding:0 16px 0 13px;
  font-size:18px
}

#sitemap article > ul > li.link > a{
  background-image: url(../images/window_icon_s.png);
  background-repeat: no-repeat;
  background-position: right center;
}

#sitemap article .submenu{
  padding: 20px;
  background: #f5f6f9;
  margin-top: 15px;
}

#sitemap article .submenu li{
  margin-bottom:15px;
  position:relative;
}

#sitemap article .submenu li::after{
  content:"";
  width:5px;
  height:5px;
  background: linear-gradient(-180deg, #39c4fa, #27aaf2);
  position:absolute;
  left:0;
  top:5px
}

#sitemap article .submenu li:last-child{
  margin:0
}

#sitemap article .submenu li a{
  padding-left:10px
}

#sitemap .close{
  width:51px;
  height:51px;
  position:absolute;
  z-index:100;
  right:50px;
  top:50px;
  background:url(../images/close_btn.png);
  background-repeat: no-repeat;
}







/*** footer ***/
#footer{
   width:100%;
   width:100%;
   background:#f5f6f9;
   position:relative;
}

.footer-wrap{
   max-width:1680px;
   margin:auto;
   padding:0 0 30px 0;
   overflow:hidden;
   line-height:20px
}

.footer-wrap .menu-wrap{
   border-bottom:1px solid #e3e7ed;
   padding:15px 0;
   display:inline-table;
   width:100%;
   margin-bottom:25px
}

.footer-wrap .menu{
   float:left;
   margin-top:13px
}

.footer-wrap .menu li{
   display: inline-block;
   position:relative;
   padding:0 10px
}

.footer-wrap .menu li::after{
   content: "";
   width:2px;
   height:2px;
   border-radius:2px;
   background:#000;
   position:absolute;
   right:-2px;
   top:7px
}

.footer-wrap .menu li:last-child::after{
   content: none
}

.footer-wrap .menu li strong{
   color:#1ea2e7
}

.footer-wrap .site{
   float:right;
}

.footer-wrap .site li{
   float:left;
   margin-right:5px
}

.footer-wrap .site li label{
  margin-right:5px
}

.footer-wrap .site li select{
   height:48px;
   line-height:48px;
   width:190px;
   font-size:15px
}

.footer-wrap .logo{
   float:left;
   margin-right:30px
}

.footer-wrap .text{
   float:left;
   line-height:27px
}

.footer-wrap .copy{
   display:block;
   font-weight:400;
   font-size:14px;
   color:#999
}








/*** etc ***/
.l-cont{float:left;}
.r-cont{float:right;}

.t-left{text-align:left}
.t-center{text-align:center;}
.t-right{text-align:right}

.block{display:block;}
.inline{display:inline-block;}
.auto{display:block; margin:auto;}

.t-blue{color:#1072d5}
.t-org{color:#ff4800}

.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}


@media screen and (max-width:1679px) {
  #header{padding:20px 50px;}
  #sitemap{padding:40px}
}

@media screen and (max-width:1479px) {
  #sitemap .menu-wrap article{padding:40px}
}

@media screen and (max-width:1279px) {
  #header{padding:0 25px; height:80px; background:#fff; border-bottom:1px solid #eaeef2}
  #gnb .logo{margin-top:15px;}
  #header .r-menu{top:14px}
  #lnb{display: none}
  #sitemap{background:#fff}
  #sitemap h2{display: none}
  #sitemap .menu-wrap{width:100%; float:none; display:block; table-layout: inherit; padding-top:20px}
  #sitemap .menu-wrap article{display:inline-block; width:100%; padding:30px; border-right:0}
  #sitemap .sitemap-wrap{padding:0; display:table; width:100%}
  #sitemap .close{width:20px; height:20px; background-size:20px; right:30px; top:30px}
  .footer-wrap{padding:0px 30px}
  .footer-wrap .menu{float:none; width:100%; text-align:center; margin:0 0 15px 0}
  .footer-wrap .menu-wrap{padding:25px 0; text-align:center}
  .footer-wrap .site{float:none; margin:auto; display: inline-block;}
  .footer-wrap .logo{float:none; margin:0; text-align:center;}
  .footer-wrap .text{float:none; width:100%; padding:15px 0; text-align:center;}
}

@media screen and (max-width:767px) {
  #header{padding:0px 20px}
  #header .r-menu{top:19px}
  #header .r-menu a{font-size:13px; margin-left:10px}
  #header .r-menu .sitemap-btn{width:40px; height:40px;}
  #header .r-menu .sitemap-btn::after{background-size:18px; width:18px; height:15px}
  #gnb .logo{width:140px; margin-top:20px}
  #gnb .logo img{height:38px}
  #sitemap{padding:40px 25px}
  #sitemap .menu-wrap article{padding:25px 0}

  .footer-wrap{padding:0px 20px}
  .footer-wrap .menu-wrap{margin-bottom:15px; padding:15px 0}
  .footer-wrap .menu{margin:0 0 15px 0}
  .footer-wrap .menu li a{font-size:14px; line-height:25px}

  .footer-wrap .text{font-size:14px; line-height:20px;}
  .footer-wrap .copy{margin-top:8px; font-size:12px; line-height:16px}
  .footer-wrap .logo img{height:33px}
  .footer-wrap .site{width:100%}
  /*.footer-wrap .site li{width:50%; padding:0px 5px; margin:0}*/
  .footer-wrap .site li{width:100%}
  .footer-wrap .site li label{width:150px}
  .footer-wrap .site li select{width:calc(100% - 110px); height:40px; line-height:40px; font-size:14px}
}