@charset "UTF-8";
body{position:relative; font-size:18px;line-height:1.5;color:#555;font-weight:400;letter-spacing:-0.025em; font-size:15px; font-family: 'noto','Malgun Gothic','맑은 고딕',Dotum,'돋움',Helvetica,"Apple SD Gothic Neo","애플 SD 산돌고딕 Neo",sans-serif;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased}
.wrap{position:relative;width:100%; padding:0 50px; margin:0 auto}


.index_list  {background:#1f3a93; width:100%; height:100vh; display:block; text-align:center;}


.index_list h3 {font-size:22px; font-weight:500; color:#fff; padding:20px 0}
.index_list .logo {padding-top:300px}
.index_list .list {width:400px; display:block; text-align:Center; margin:0 auto; font-size:0px}
.index_list .list a {color:#fff; width:50%;  font-size:14px; display:inline-block; text-align:center; vertical-align:top; border:1px solid #fff; box-sizing:border-box; margin-left:-1px; margin-top:-1px; padding:10px 0}

#main-content {padding-top:93px}
.header{position:fixed; top:0px; left:0px; width:100%; padding-top:1px; background:#1f3a93; z-index:100}
.header>.wrap{position:relative;height:93px}
.header .logo{position:absolute;left:50px;top:16px; width:152px;height:57px;  z-index:100}
.header .logo_link{display:inline-block; width:100%; height:100%; background:url(../images/common/logo.png) no-repeat;font-size:0;line-height:0}

.gnb{position:absolute;right:50px;top:15px; z-index:100}
.gnb_link{position:relative;padding:2px 11px;font-size:12px; color:#fff !important; float:left}
.gnb_link span{width:20px;height:20px;margin-top:-2px; margin-left:5px; text-indent: -2px; background-color:#fff;border-radius:50%;vertical-align:middle;color:#1f3a93;text-align:center}
.gnb_link:after{display:inline;position:absolute;right:0;top:8px;width:1px;height:8px;background-color:#ccc;color:#747474}
.gnb_link:last-child{padding-right:0}
.gnb_link:last-child:after{display:none}
.gnb_search{position:absolute;right:0;top:88px;width:300px;height:42px;padding:5px 2px 1px 20px;background-color:#f2f2f2;border-radius:20px}
.gnb_search_input{width:calc(100% - 46px);height:26px;padding:2px 0;border:none;font-size:16px;line-height:26px;background:#f2f2f2;vertical-align:middle}
.gnb_search_button{width:24px;height:24px;background:transparent url(../images/common/search_button.png) no-repeat center;border:none;font-size:0;line-height:0;vertical-align:middle;cursor:pointer}
.nav{position:absolute; left:0; text-align: center;  width:100%;  top:22px}
.nav_item{display:inline-block; position:relative;vertical-align:top}
.nav_link{display:block;position:relative;padding:0;color:#fff;font-size:17px;text-align:center}
.nav_link:link,.nav_link:visited{color:#fff}
.nav_link:hover span {color:#fee88e}
.nav_link>span{display:inline-block;position:relative;padding:12px 14px 10px;letter-spacing:-1px;font-weight:500;color:#ffff}
.nav_backdrop,.nav_m,.nav_m_close{display:none}

.car_logo {position:relative; margin-top:0px; padding:15px 20px; width:100%;  border-top:1px solid #eee}
.car_logo .list {width:calc(100% + 20px); }
.car_logo img {padding:2px; border:1px solid #eee}
.car_logo .list_box {margin:0 5px;}

.footer {padding-bottom:69px}
.footer_nav{padding:15px 0 14px;border-top:1px solid #eee;border-bottom:1px solid #eee}
.footer_nav .menu{float:left}
.footer_nav .menu a{margin-right:34px;font-size:15px;color:#212121}
.footer_nav .menu em{color:#614c21;font-weight:600}
.footer_nav .sns{float:right}
.footer_nav .sns a{display:inline-block; float:left; width:28px; height:28px; margin-left:10px; font-size:0px; background-size: 28px 28px !important}
.footer_nav .sns .sns_icon_1 {background:url(../images/common/foot_sns_1.png) no-repeat center;}
.footer_nav .sns .sns_icon_2 {background:url(../images/common/foot_sns_2.png) no-repeat center;}
.footer_nav .sns .sns_icon_3 {background:url(../images/common/foot_sns_3.png) no-repeat center;}
.footer_nav .sns .sns_icon_4 {background:url(../images/common/foot_sns_4.png) no-repeat center;}
.footer_nav .sns .sns_icon_5 {background:url(../images/common/foot_sns_5.png) no-repeat center;}
.footer_info{padding:30px 0}
.footer_info .logo{float:left;width:150px;height:58px;background:url(../images/common/footer_logo.jpg) no-repeat center;font-size:0;line-height:0}
.footer_info .cs{float:left;margin-left:75px}
.footer_info .cs .title{font-size:16px;color:#212121}
.footer_info .cs .number{font-size:24px;color:#212121;font-family:gmarket;font-weight:600;letter-spacing:0}
.footer_info .time {float:left; margin:10px 0 0 20px;letter-spacing:0;font-size:15px}
.footer_address{padding:25px 0;background-color:#f7f7f7}
.footer_address .company{font-size:14px;font-family:gmarket;font-weight:600}
.footer_address .text{margin-top:10px;font-size:15px;letter-spacing:0}
.footer_address .text span {position:relative; display:inline-block; margin-right:25px; }
.footer_address .text em{font-weight:700}

.m_nav_cs {display:none}

.footer_info_logo {position:absolute; top:-10px; right:0px}
.footer_info_logo img {width:80px}
/*# sourceMappingURL=common.css.map */

.quick_right {position:fixed; right:25px; top:120px; width:155px;}
.quick_right .quick_top {border:1px solid #cccccc; border-radius:5px; display:none }
.quick_right .quick_top h3 {background:#1f3a93; border-radius:5px 5px 0 0; padding:10px 0; color:#fff; text-align:center; font-size:15px}
.quick_right .quick_top ul {display:inline-block; width:100%; background:#fff; border-radius:0 0 5px 5px; vertical-align:top;}
.quick_right .quick_top ul li {display:inline-block; float:left; width:50%; padding:5px 0 0; vertical-align:top;  box-sizing:border-box; font-size:0px; text-align:center;}
.quick_right .quick_top ul li:first-child {border-right:1px solid #ccc;}
.quick_right .quick_top ul li .title {width:100%; display:inline-block; font-size:12px; letter-spacing:-0.025em; color:#000;}
.quick_right .quick_top ul li .text {width:100%; display:inline-block; font-size:24px; font-family:gmarket; color:#000; font-weight:600}
.quick_right .quick_foot {background:#fff; text-align:center; margin-top:10px; padding:10px; border:1px solid #cccccc; border-radius:5px; }
.quick_right .quick_foot li {margin:5px 0}
.quick_right .quick_foot li .title {font-weight:bold; color:#333}
.foot_fixed {position:fixed; bottom:0px; left:0px; width:100%; background:linear-gradient(to right, #40b7e8, #00548c); display:inline-block; text-align:center; z-index:10000}
.foot_fixed ul li {display:inline-block; margin:0 20px}
.foot_fixed ul li a {line-height:60px; padding:0 10px; color:#fff; font-size:16px; }
.foot_fixed ul li.kakao_icon a {background:#f4e737; color:#381e1f; padding:0 20px; font-weight:bold}
.foot_fixed ul li a br {display:none}
.foot_quick_btn, .m_kaka_btn, .foot_quick_btn2 {display:none}
.foot_fixed.on .foot_quick_btn {display:none}
.foot_fixed.on .foot_quick_btn2 {display:block}
.foot_fixed.on ul {position:absolute; bottom:110px; right:0px; padding:5px 0; display:block; background:#fff; border:1px solid #ececec; border-radius:20px; box-shadow:3px 5px 5px rgba(0,0,0,0.1); width:100px}
.foot_fixed.on ul li {display:block; width:100px;}
.foot_fixed.on ul li br {display:block}
.foot_fixed.on ul li a {padding:5px 0; line-height:1.25em; color:#333 }
.m_nav_2 {display:none}
.lnb_logo {display:none}	
.m_prev_arrow {display:none}

.layer_pop_btn {position:relative; width:100%; text-align:right; display:inline-block; padding:10px 15px; background:#eee}
.layer_pop_btn a {color:#000; margin-left:10px}
@media all and (max-width:1600px){
	.quick_right {display:none}
}

@media all and (max-width:1440px){
	.gnb {right:30px}
	.header .logo {left:30px}
	.wrap {padding:0 30px;}
}
@media all and (max-width:1320px){
	.nav {right:300px}
	.nav_link>span {padding: 12px 20px 10px;}
}
@media all and (max-width:1220px){
	.header .logo {width:150px; left:30px}
	.nav { right: 280px;}
	.gnb_link {padding: 2px 7px;}
	.nav_link>span {padding:12px 15px 10px}

}
@media all and (max-width:1080px){
	.nav_link>span {padding: 12px 15px 10px; font-size:15px}
	.gnb_link {padding:2px 8px}

	.foot_fixed ul li {margin:0px}
	.foot_fixed ul li a {font-size:14px; padding:0 15px; line-height:50px}
	.foot_fixed ul li.kakao_icon a {padding:0 15px}
	.foot_fixed ul li.kakao_icon a img {width:28px; margin-right:3px}
}
@media all and (max-width:1000px){
	.wrap {padding:0 15px}
	.nav {right: 0%;  top: 85px;     left: auto; position: fixed;  width: 90%;  height: calc(100vh - 85px);  background: #fff;  transform: translate(100%, 0px); transition:all .5s ease 0s}
	.gnb {right:0%; top:0px; position:fixed; width:90%; height:85px; padding:15px 0 0 15px; box-sizing:border-box; background:#fff;   transform: translate(100%, 0px); transition:all .5s ease 0s}

	.nav_m {display:block; position:absolute; top:15px; right:15px;}
	.nav_m button {background:none}
	.nav_m .line {position:relative; width:25px; height:3px; display:block; background:#fff; vertical-align:top; margin:5px 0 }
	.header.lnb_on .lnb_logo {display:block}
	.lnb_logo .lnb_logo_link {display:block; width:90px; height:30px; background:url('../images/common/logo_color.png') no-repeat left top; background-size:90px auto; display:block; margin:0 0 13px 5px}
		
	.nav_m_close {display:none; position:absolute; top:22px; right:15px;z-index:100}
	.nav_m_close button {position:relative; width:25px; height:25px; left:0px; top:0px}
	.nav_m_close .line {position:absolute; top:0px; left:0px; width:25px; height:3px; display:block; background:#1f3a93; vertical-align:top; margin:5px 0 }
	.nav_m_close .line_1 {transform: rotate(45deg);     transform-origin: center center;}
	.nav_m_close .line_2 {transform: rotate(-45deg);    transform-origin: center center;}

	.header.lnb_on:before {position:absolute; top:0px; left:0px; width:100%; height:100vh; background:rgba(0,0,0,0.5); display:block}
	.header.lnb_on .nav_m {display:none;}
	.header.lnb_on .nav_m_close {display:block;}
	.header.lnb_on .nav {transform: translate(0%, 0px);}
	.header.lnb_on .gnb {transform: translate(0%, 0px);}
	.header.lnb_on .gnb .gnb_link {color:#333 !important; padding:2px 10px; font-size:14px}
	.header.lnb_on .gnb .gnb_link span {background:#1f3a93; color:#fff;}
	.no_bl.gnb_link:after {display:none}
	.header.lnb_on .gnb .gnb_link.mypage {    position: absolute;  left: 110px;  top: 18px; background:#1f3a93; color:#fff !important; border-radius:20px; margin:0 0 0 10px; padding:4px 10px}
	.header.lnb_on .nav .nav_list {position:relative; width:100%; display:inline-block; vertical-align:top; padding:15px 0; border-bottom:5px solid #eee;}
	.header.lnb_on .nav .nav_list li {display:inline-block; width:100%; vertical-align:top;}
	.header.lnb_on .nav .nav_list li a {display:inline-block; width:100%; vertical-align:top;}
	.header.lnb_on .nav .nav_list li a span {    font-size: 16px; color: #333; padding: 8px 23px 10px; width: 100%;}
	.header.lnb_on .nav .nav_list .nav_link {text-align:left;}
	.header.lnb_on .nav .m_nav_cs {background:#fff; color:#333; font-size:16px; display:inline-block; width:100%; padding:15px 22px}
	.header.lnb_on .nav .m_nav_cs {}
	.header.lnb_on .nav .m_nav_cs .cs {}
	.header.lnb_on .nav .m_nav_cs .cs .title {font-size:14px;}
	.header.lnb_on .nav .m_nav_cs .cs .number {font-size:22px; font-weight:600; font-family: gmarket; line-height:1.2em; vertical-align:top;}
	.header.lnb_on .nav .m_nav_cs .time {font-size:15px; line-height:1.35em; margin-top:5px;}
	.header.lnb_on  {}
	.header .logo {width: 190px; height: 40px; top:13px; left:15px}
	.header .logo_link { background:url('../images/common/logo_m.png') no-repeat left top; background-size:190px }
	.header>.wrap {height:60px}
	.foot_fixed {left:auto; right:15px; bottom:15px; width:auto; background:none;}
	.footer_info_logo, 
	.foot_fixed ul,
	.foot_fixed ul li.kakao_icon {display:none}
	.foot_quick_btn, .m_kaka_btn {display:block}

	.foot_quick_btn2, 
	.foot_quick_btn {width:45px; height:45px; background:#1f3a93; border-radius:50%; vertical-align:top; line-height:40px; display:block; vertical-align:top; margin:0 0 5px 0; font-size:16px; color:#fff !important}

	.foot_quick_btn2 {transform: rotate(45deg); display:none}
	 .m_kaka_btn {width:45px; height:45px; line-height:42px; text-align:center; background:#f4e737; vertical-align:top; border-radius:50%}
	 .m_kaka_btn img {width:35px; margin:0 0 0 -1px}
	.footer {padding-bottom:0px; margin-top:25px}
	.footer_nav {padding:10px 0 15px}
	.footer_nav .menu {width:100%; text-align:center; margin:0 0 10px 0;}
	.footer_nav .menu a {margin:0px; padding:0 10px; display:inline-block; font-size:14px;}
	.footer_nav .sns {float:none; width:100%; display:inline-block;  text-align:center;}
	.footer_nav .sns a {float:none; margin-left:0px; margin:0 2px}

	.footer_info {display:none;}
	.footer_address .text span {font-size:12px; line-height:1.25em}
	.footer_address .copy {font-size:12px; margin-top:10px}
	 .body_detail_2 .main_top_box {display:none}
	 .body_detail #container .side, 
	 .body_detail .main_top_box {display:none}
	 .body_detail #container {margin:0px; vertical-align: top;}

	.body_detail .logo {display:none}
	.body_detail .m_prev_arrow {display:block; position:absolute; top:15px; left:15px}
	.body_detail .m_prev_arrow img {height:24px}
	
	.ico-earth {color:#000 !important}
}
@media all and (max-width:800px){

	.layerPopBox {display:none}
	.layerPopBox.mobile {display:block}

}
@media all and (max-width:640px){
	.main_table_box {display:none !Important}
}