@charset "UTF-8";

@media screen and (max-width:1600px){
	.sub_gnb_cont .title_area {width: 400px;}
	.sub_gnb_cont > .inner {padding: 30px 150px 30px 30px;}
	.sub_gnb_cont .title_area .inner {margin: 30px 46px 0 0;}
}
@media screen and (max-width:1480px){
	.mo_hide2 {display: none !important;}
}
@media screen and (max-width:1400px){
	.sub_gnb_cont .title_area {display: block; width: inherit; background-image: inherit;	}
	
	.sub_gnb_cont .title_area .inner {display: block; float: inherit; margin: 0; padding: 10px; text-align: left;}
	.sub_gnb_cont .title_area .inner .title {font-size: 26px;line-height: 39px;}
	.sub_gnb_cont > .inner {display: block; width: inherit; border-top: 1px solid #ebebeb; padding: 0;}
	.sub_gnb_cont > .inner > .gnb_area > .sub_gnb_02 > .list {padding: 20px 0 10px;}
}


@media screen and (max-width:1280px){
	/* common */
/* 	.container {padding:0 5px;} */
.sitemap_wrap .container .sitemap:before {right: calc(100% - 280px); height: 106%}
.sitemap_wrap .container .sitemap > li {padding: 30px 0;}
.sitemap_wrap .container .sitemap > li > a {width: 300px; padding-left: 10px; font-size: 28px; line-height: 30px;}
.sitemap_wrap .container .sitemap > li > .inner_area2 > .inner_box > .gnb_inner > .sitemap_sub_gnb {padding-left: 30px;}
.sitemap_wrap .container .sitemap > li > .inner_area2 > .inner_box > .gnb_inner > .sitemap_sub_gnb > li {display: inline-block; width: 300px; margin: 10px 30px 0 0; vertical-align: top;}
.sitemap_wrap .container .sitemap > li > .inner_area2 > .inner_box > .gnb_inner > .sitemap_sub_gnb > li:last-child {margin: 10px 0 0;}
.sitemap_wrap .container .sitemap > li > .inner_area2 > .inner_box > .gnb_inner > .sitemap_sub_gnb > li:nth-child(-n + 2) {margin: 0 30px 0 0;}
.sitemap_wrap .container .sitemap > li > .inner_area2 > .inner_box > .gnb_inner > .sitemap_sub_gnb > li > a {line-height: 46px;}


.header .gnb_header .container .gnb > li > a {font-size: 18px;}

.header .gnb_header > .container .gnb > li > .sub_gnb {display: none;}
.header .gnb_header > .container .gnb > li > .inner_area2 {padding: 30px;}

.header .gnb_header > .container .gnb > li > .inner_area2 .inner_box .title_area {left: -160px; width: 380px;}
.header .gnb_header > .container .gnb > li > .inner_area2 .inner_box .title_area .inner {margin: 30px 50px 0 0;}
.header .gnb_header > .container .gnb > li > .inner_area2 .inner_box .title_area .inner .title {font-size: 26px; line-height: 46px;}
.header .gnb_header > .container .gnb > li > .inner_area2 .inner_box .title_area .inner .sub_tit {font-size: 14px; line-height: 21px;}


.header .gnb_header > .container .gnb > li > .inner_area2 .inner_box .gnb_inner {padding: 0 0 0 220px;}
.header .gnb_header > .container .gnb > li > .inner_area2 .inner_box .gnb_inner .sub_gnb > li {width: calc(33.3333% - 13.3333px); margin: 0 20px 0 0;}
.header .gnb_header > .container .gnb > li > .inner_area2 .inner_box .gnb_inner .sub_gnb > li > a {padding: 0 20px; font-size: 18px; line-height: 46px;}
.header .gnb_header > .container .gnb > li > .inner_area2 .inner_box .gnb_inner .sub_gnb > li > .sub2_gnb {padding: 10px 0 10px 0;}
.header .gnb_header > .container .gnb > li > .inner_area2 .inner_box .gnb_inner .sub_gnb > li > .sub2_gnb > li {margin: 0 20px 0 0; font-size: 0;}
.header .gnb_header > .container .gnb > li > .inner_area2 .inner_box .gnb_inner .sub_gnb > li > .sub2_gnb > li:last-child {margin: 0;}
.header .gnb_header > .container .gnb > li > .inner_area2 .inner_box .gnb_inner .sub_gnb > li > .sub2_gnb > li a {font-size: 14px; line-height: 30px;}


}

@media screen and (max-width:1080px){
	.mo_show {display: block !important;}
	.mo_hide {display: none !important;}
	.mo {display: inline-block !important;}
	.container {padding: 0 5px;}
	.container.sty2 {display: none;}
	/* header */
	.head_popzon .popzon_box {height: 0; opacity:0;}
	.head_logo {left: 10px;}
	.header .gnb_header .header_top_box .container .search_area {display: none;}
	.header .gnb_header .container {height: 40px;}
	.header .gnb_header .header_top_box .container {overflow: hidden; height: inherit; padding: 0;}
	.header .gnb_header .header_top_box .container .inner_list {position: inherit; top: inherit; right: inherit; float: right; margin: 0; transform: translate(0)}
	.header .gnb_header .gnb,
	.header .gnb_header .gnb_bg {display: none !important;}
	.header .gnb_header > .container .logo .logo_img {display: inline-block; width: 127px; height: 35px; background-image: url("/images/home/kor/user/common/logo.png"); background-size: cover; background-position: 0 0; background-repeat: no-repeat;}
	.header .gnb_header > .container .logo a img {width: 70%;}
	.sitemap_btn {display: none;}
	.inner_area {display: none;}
	.inner_area.m_cont {display: block; width: 80px; font-size: 0;}
	.m_gnb_btn {margin: 0; background-image:none;}
	.header .gnb_header .header_top_box {padding: 0;}
	.header .gnb_header .header_top_box .container {}
    .header .gnb_header .header_top_box .container .logo {display: inline-block;}
    .header .gnb_header .header_top_box .container .logo .logo_img {}
	.header .gnb_header > .container > .logo {display: block;}
	.header .gnb_header > .container > .logo {left: 10px; margin: -20px 0 0;}
	.header .gnb_header .header_top_box .container .logo {padding: 20px 0 20px 20px;}
	.header .gnb_header .header_top_box .container .logo .logo_img {}
	.header .gnb_header .header_top_box .container .inner_list .list li {position: relative; padding : 0; margin: 0; width: 90px; height: 90px;}
	.header .gnb_header .header_top_box .container .inner_list .list li:before {top: 50%; transform: translateY(-50%);}
	.header .gnb_header .header_top_box .container .inner_list .list li a {position: relative; width: 100%; height: 100%;}
	.header .gnb_header .header_top_box .container .inner_list .list li span {position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%,-50%); text-align: center;}
	.header .gnb_header .header_top_box .container .inner_list .list li a .text {padding: 0;}
	.header .gnb_header .header_top_box .container .inner_list .list li a .text:before {position: relative; margin: 0 0 7px;}
	.header .gnb_header .header_top_box .container .inner_list .list li.on {background-color: #376ebb;}
	.header .gnb_header .header_top_box .container .inner_list .list li.on span{color: #fff;}
	.header .gnb_header .header_top_box .container .inner_list .list li.on:before {display: none;}
	.header .gnb_header .header_top_box .container .inner_list .list li:first-child {padding : 0; margin: 0;}
	.header .gnb_header .header_top_box .container .inner_list .list li.icon03 {display: none;}
	/* scrolled */
	.header.scrolled {padding-top:110px;}
	.header.scrolled  .gnb_header > .container .logo > a {background-image: url("/images/home/kor/user/common/logo_on.png"); background-size: cover; }
	.header.scrolled .gnb_header .header_top_box .container .inner_list .list li a .text {padding: 0;}
	.header.scrolled .gnb_header .header_top_box .container .inner_list .list li.on a .text {color: #fff;}
	

	/* common */
	.footer .ft_btm {padding: 15px 0 30px;}
	.footer .container .ft_left_box,.footer .container .ft_right_box {float: initial; padding: 10px 0; text-align: center;}
	.footer .container .ft_right_box .ft_logo .logo_list {margin: 10px 0 0; text-align: center;}
	.footer .container .ft_right_box .site_area .site_box .baro_box .site_link li a {text-align: left;}
	.footer .ft_top .ft_right_box {border-top: 1px solid #e8e8e8;}
	.footer .ft_top .ft_right_box .sns_link .sns_title {display: block; float: inherit; font-size: 14px; line-height: 24px;}
	.footer .ft_top .ft_right_box .sns_link .sns_list {display: block; float: inherit; padding: 10px 0;}
	.footer .ft_btm .container .ft_left_box .ft_logo {position: inherit; top: inherit; left: inherit; margin: 0;}
	.footer .ft_btm .container .ft_left_box .ft_logo .logo_list {text-align: center;}
	.footer .ft_btm .container .ft_left_box .copyright_box {margin: 10px 0 0; padding: 0;}
	.footer .ft_btm .container .ft_right_box {position: inherit; top: inherit; right: inherit;}
	.footer .ft_top .ft_right_box .sns_link .sns_title {margin: 0;}
	.footer .ft_top .ft_right_box .sns_link .sns_list {margin: 0;}



	/*레이어 팝업*/
    .layer_popup_wrap .layer_popup_inner {max-width: 750px; background-image: inherit;}
    .layer_popup_wrap .layer_popup_inner .layer_close {top: -40px; width: 30px; height: 30px; background-size: cover;}
    .layer_popup_wrap .layer_popup_inner .layer_popup {padding: 38px 76px 50px 70px;}
    .layer_popup_wrap .layer_popup_inner .layer_popup .layer_popup_cont .title {font-size: 24px; line-height: 36px;}
    .layer_popup_wrap .layer_popup_inner .layer_popup .layer_popup_cont .table_box {margin: 20px 0 0;}
    .layer_popup_wrap .layer_popup_inner .layer_popup .layer_popup_cont .table_box table tbody tr th {padding: 10px 0;  font-size: 16px; line-height: 24px; color: #151515;}
    .layer_popup_wrap .layer_popup_inner .layer_popup .layer_popup_cont .table_box table tbody tr td {padding: 10px 0 10px 30px; font-weight: 400; font-size: 16px; line-height: 24px; color: #151515; text-align: left;}
    .layer_popup_wrap .layer_popup_inner .layer_popup .layer_popup_cont .btn_box {margin: 15px 0 0;}

	
}

@media screen and (max-width:767px){

    
    /* head popzon */
    /* .head_popzon .popzon_box {padding: 10px 0;} */
    .head_popzon .popzon_box .nav_box {position: inherit; top: inherit; left: inherit; margin: 0 0 10px;}
    .head_popzon .popzon_box .slide_zon #head_slide li a {padding: 5px;}
    .head_popzon .popzon_box .slide_zon #head_slide li a .title {height: 24px; font-size: 16px; line-height: 24px;}
    .head_popzon .popzon_box .slide_zon #head_slide li a .text {height: 21px; font-size: 14px; line-height: 21px;}
    .head_popzon .popzon_box .head_popzon_close {position: inherit; top: inherit; right: inherit;}
    .head_popzon .popzon_box .chk_each {display: inline-block; position: inherit; bottom: inherit; right: inherit; margin: 0 10px 0 0; padding: 4px 0 5px; vertical-align: bottom;}
    .head_popzon .popzon_box .nav_box .num {font-size: 14px; line-height: 14px;}
	
	/* footer */
	/* .footer {padding: 25px 0 19px;} */
	.footer .container .ft_left_box .link_list .list li {margin: 0 10px 0 0; padding: 0 10px 0 0;}
	.footer .container .ft_left_box .link_list .list li a {font-size: 12px; line-height: 18px;}
	.footer .container .ft_left_box .copyright_box {margin: 10px 0 0;}
	.footer .container .ft_left_box .copyright_box p {font-size: 12px; line-height: 18px;}

	.bread_box .container .btn_list > li:last-child {display: none;}

	 /* 레이어 팝업*/
    .layer_popup_wrap .layer_popup_inner {max-width: 320px;}
    .layer_popup_wrap .layer_popup_inner .layer_popup {padding: 10px;}
    .layer_popup_wrap .layer_popup_inner .layer_popup .layer_popup_cont .title {font-size: 20px; line-height: 30px;}
    .layer_popup_wrap .layer_popup_inner .layer_popup .layer_popup_cont .table_box {margin: 10px 0 0;}
    .layer_popup_wrap .layer_popup_inner .layer_popup .layer_popup_cont .table_box table tbody tr th {display: block; padding: 5px 0; font-size: 12px; line-height: 18px;}
    .layer_popup_wrap .layer_popup_inner .layer_popup .layer_popup_cont .table_box table tbody tr td {display: block; padding: 5px 0; font-size: 12px; line-height: 18px;}
    .layer_popup_wrap .layer_popup_inner .layer_popup .layer_popup_cont .table_box table tbody tr td .text {font-size: 12px; line-height: 18px;}
    .layer_popup_wrap .layer_popup_inner .layer_popup .layer_popup_cont .table_box table tbody tr td .certi_box {padding: 0;}
    .layer_popup_wrap .layer_popup_inner .layer_popup .layer_popup_cont .table_box table tbody tr td .certi_box .inp {width: 100%; height: 30px; margin: 0;}
    .layer_popup_wrap .layer_popup_inner .layer_popup .layer_popup_cont .table_box table tbody tr td .certi_box .button {position: relative; width: 100%; height: 30px; font-size: 12px; line-height: 18px; margin: 5px 0 0;}
	.layer_popup_wrap .layer_popup_inner .layer_popup .layer_popup_cont .table_box > .red {margin: 5px 0 0; font-size: 12px; line-height: 18px;}
    .layer_popup_wrap .layer_popup_inner .layer_popup .layer_popup_cont .text {font-size: 12px; line-height: 18px;}
    .layer_popup_wrap .layer_popup_inner .layer_popup .layer_popup_cont .btn_box .button {height: 30px; font-size: 12px; line-height: 18px; }
    /*레이어 팝업*/
  
	.footer .ft_top .ft_right_box .sns_link .sns_list li {width: 30px; height: 30px;}
	.footer .ft_top .ft_right_box .sns_link .sns_list li a {background-size: 30px 30px;}
	.footer .ft_btm .container .ft_right_box .site_area .site_box .baro_box .site_btn {width: 200px; font-size: 15px; line-height: 38px;}
}

@media screen and (max-width:480px){
	.m_gnb_wrap {max-height : 790px;}

	/* common */
	.header .gnb_header .header_top_box .container .logo {padding: 17px 0 17px 10px;}
	.header .gnb_header .header_top_box .container .logo .logo_img {width: 130px; height: 40px;}
	.header .gnb_header .header_top_box .container .inner_list .list li {position: relative; padding : 0; margin: 0; width: 74px; height: 74px;}
	.header .gnb_header .header_top_box .container .inner_list .list li span {font-size: 14px;}
	.header .gnb_header .header_top_box .container .inner_list .list li a .text:before { margin: 0 0 5px;}

	.m_gnb_top .list li {position: relative; padding : 0; margin: 0; width: 74px; height: 74px;}
	.m_gnb_top .list li span {font-size: 14px;}
	.m_gnb_top .list li a .text:before { margin: 0 0 5px;}
	body {font-size:14px;}

	.footer .container .ft_right_box .site_area .site_box {display: block; margin: 0;}
	.footer .container .ft_right_box .site_area .site_box .baro_box .site_btn {display: block; width: 100%; height: 34px; margin: 0 auto; font-size: 12px; line-height: 32px;}
	.footer .container .ft_right_box .site_area .site_box .baro_box .site_btn .arr {right: 5px;}
	.footer .container .ft_right_box .site_area .site_box .baro_box .site_link {bottom: 34px;}

	.footer .container .ft_right_box .site_area .view_link {display: block; width: 100%; height: 34px; margin: 10px auto 0 ;}
	.footer .container .ft_right_box .site_area .view_link .text {font-size: 12px; line-height: 32px;}
	
	.footer .ft_btm .container .ft_right_box .site_area .site_box {display: block;}
	.footer .ft_btm .container .ft_right_box .site_area .site_box .baro_box .site_btn {width: 100%;}
}
@media screen and (max-width:368px){
	.header .gnb_header .header_top_box .container .inner_list {width: 100%;}
	.header .gnb_header .header_top_box .container .inner_list .list li {width: 33.3333%;}
}