@charset "UTF-8";


@media (min-width:1025px) { /* 최소 1024 ~ 최대 ------------------------------------------------------------------------------------------------------- */
#wrapper {width:100%;}
.m_gnb_menu {display:none;}
#sidr {display:none;}

.m_foot_menus {display:none;} 
#foot_banner {visibility:visible;}
.m_top_btn {display:none;}
}



/* @media (min-width:768px) and (max-width:1024px) { 최소 768 ~ 1023  -- */
@media (max-width:1024px) {  /* 최소 768 ~ 1023  -- */ 

#gnb_wrap {height:69px; text-align:center}
#wrapper {min-width:0;}
#headerWrap {height:70px;}
#footer {overflow:hidden;}
.top_logo {position:relative !important; left:0 !important; top:15px !important; display:inline-block;}
.emblem { display: none; }
.m_gnb_menu {position:absolute; top:0; left:0;}
.m_gnb_menu a {width:69px; height:69px; overflow: hidden; background:url(../images/common/icon_common.png) no-repeat -117px 25px; text-indent:-99999px; }
.gnb_search {top:0;}
.gnb_search a {width:69px !important; height:69px !important; background:#fff !important; text-align:center !important;}
#gnb_wrap .gnb_search > a > span { height: 70px; text-indent: -99999px; }
#gnb_wrap .gnb_search > a > span::before { width: 60px; height: 60px; left: 10px; top: 0; background: url(../images/common/icon_common.png) no-repeat -188px 22px; }

#gnb_wrap .smartsearch .smartsearchclose {top:-69px;}
#gnb_wrap .smartsearch .smartsearchclose a {width:69px; height:69px;}

#foot_banner {visibility:hidden; height:0;}



body { min-width:320px;}


#gnb_wrap .smartsearch {top: 70px; width: 100%;  height: 80px; background-color:#3477b2; background-image:none;  z-index: 102;  }
#gnb_wrap .smartsearch .inner {text-align:center; margin-top:10px;}
#gnb_wrap .smartsearchBox .search_wrapbox label {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0; padding:0;}
 

	

	
.foot_menus {display:none;}
.m_foot_menus {display:block; background:#f7f9fa; overflow:hidden;}
.m_foot_menus > li { box-sizing: border-box;
float: left;
position: relative;
width: 50%;
}
.m_foot_menus > li:first-child > button {border-right:1px solid #e0e1e5;}

.m_foot_menus > li > button {
    position: relative;
    display: block;
    width: 100%;
    color: #3b3c41;
    font-size: 13px;
    height: 60px;
    padding-left: 30px;
    background: #f6f6f7 url(../images/common/foot_menu_close.png) no-repeat right 25px center;
    text-align: left;
    line-height: 48px;
    text-decoration: none;
	margin-left:0;
	border-top:1px solid #e0e1e5;
}
.m_foot_menus > li.active > button {  
	color:#fff;
    background: #627d95 url(../images/common/foot_menu_open2.png) no-repeat right 25px center;    
}
.m_foot_menus > li > div {display:none; background:#f7f9fa;}
.m_foot_menus > li > div.fm_2 { width: 200%; }
.m_foot_menus > li > div.fm_1 { width: 200%; margin-left: -100%; }
.m_foot_menus > li > div > ul {padding:20px 0; border-top:1px solid #e0e1e5; overflow:hidden;}
.m_foot_menus > li > div > ul > li {float:left; width:33%; text-align:left; margin:10px 0;}
.m_foot_menus > li > div > ul > li > a {padding-left:10px; line-height:20px;}
.m_foot_menus > li > div > .close {display:none;}



#foot_util {min-height:60px; height:auto;}
#foot_util .inner {width:100%; overflow:hidden; text-align:center;}

.foot_util {display:inline-block; float:none !important;}
.foot_util li {float:left;}
.foot_util li:first-child {background:none;}
.foot_util li a {display:block; line-height:20px !important; padding:20px 20px !important; text-align:center !important;}

	

#foot_info {position:relative; padding:26px 0 40px; background:#d9dbde; color:#4a4c4f; font-size:12px; line-height:20px; text-align:center; height:auto;}
#foot_info .inner {position:relative; width:auto; margin:0 20px;}
.foot_logo {position:absolute; bottom:0; left:50%; margin-left:-80px !important; margin-right:0px !important; margin-top:0 !important;  margin-bottom:0 !important;}
address {margin-top:0 !important;}

#foot_info p {padding:0 0;}
#foot_info p.copyright {margin-top:15px !important; margin-bottom:70px !important;}


.right_quick_menu .top_btn {margin-top:50px; text-align:center;}
.right_quick_menu .top_btn a {width:58px; height:58px; background:url(../images/common/top_btn_off.png) no-repeat; text-indent:-99999px; text-indent:0; font-size:0; line-height:0;}
.right_quick_menu .top_btn a:hover {background:url(../images/common/top_btn_on.png) no-repeat;}

.right_quick_menu {display:none;}
.m_top_btn {position:absolute; right:10px; bottom:30px;}
.m_top_btn a {width:58px; height:58px; background:url(../images/common/top_btn_off.png) no-repeat; text-indent:-99999px; text-indent:0; font-size:0; line-height:0;}
.m_top_btn a:hover {background:url(../images/common/top_btn_on.png) no-repeat;}

/*sub*/
#sub_visual {min-width:0;}
#sub_visual .inner {width:100%; text-align:center;}
#snb_wrap .inner {width:100%;}
#snb_wrap .inner .control_text {display:none;}
}

@media (max-width:640px) { /* 최소 1024 ~ 최대 ------------------------------------------------------------------------------------------------------- */
.m_foot_menus > li { box-sizing: border-box;
	float: left;
	position: relative;
	/* width: 100% !important; */
	}
	
	.foot_util li a { padding: 15px 15px !important; }
	
	.m_foot_menus > li > button {
	    position: relative;
	    display: block;
	    width: 100%;
	    color: #3b3c41;
	    font-size: 13px;
	    height: 60px;
	    padding-left: 30px;
	    background: #f6f6f7 url(../images/common/foot_menu_close.png) no-repeat right 25px center;
	    text-align: left;
	    line-height: 48px;
	    text-decoration: none;
		margin-left:0;
		border-top:1px solid #e0e1e5;
	}
	.m_foot_menus > li.active > button {  
		color:#fff;
	    background: #627d95 url(../images/common/foot_menu_open2.png) no-repeat right 25px center;    
	}
	.m_foot_menus > li:first-child > button {border-right:0;}
	.m_foot_menus > li > div {display:none; background:#f7f9fa;}
	.m_foot_menus > li > div > ul {padding:20px 0; border-top:1px solid #e0e1e5; overflow:hidden;}
	.m_foot_menus > li > div > ul > li {float:left; width:33%; text-align:left; margin: 7px 0;}
	.m_foot_menus > li > div > ul > li > a {padding-left:10px; line-height:20px;}
	.m_foot_menus > li > div > .close {display:none;}
	
	/*sub*/
	#snb_wrap .btn_home {display:none;}
	#snb_wrap .sub_util {display:none;}
	#snb {width:100%;}
	#snb > li {width:33.3%;}
	#snb > li > a {width:100%;}
	#snb > li > .snb_layer {width:100%;}
	
	.sub_title > h3 {background:none;}
	.sub_title > .h3_info {display:none;}
	.sub_title .h3_info2 {display:none;}
	.sub_title .h3_info2_sub {display:none;}
	
}
	
@media (max-width:767px) { /* 최소 ~ 최대 767 */
		
	.input_keyword {
	    width: 200px !important;
	}		
		
	
}



@media (max-width:480px) { /* 최소 ~ 최대 767 */

	.input_keyword {
	    width: 135px !important;
	}	
	
	#foot_util {border-top:0 !important;}
	.foot_util li { display:inline-block; width:50%; background:none !important; border-top:1px dotted #e0e1e5;}
	.foot_util li a {	
	}
	
	.m_foot_menus > li > div > ul > li { width:50%; }
	
	/*sub*/
	
	#sub_visual .vis_txt {font-size:26px !important;}
	.sub_title {margin-top:30px;}
	.sub_title > h3 {font-size:30px !important;}
	#snb > li > a > span {font-size:12px !important;}	
	#snb > li > .snb_layer > ul > li > a {font-size:12px !important;}

}


/* 모바일 / 타블렛 / PC / 레티나PC */
.col-mb-1, .col-mb-2, .col-mb-3, .col-mb-4, .col-mb-5, .col-mb-6, .col-mb-7, .col-mb-8, .col-mb-9, .col-mb-10, .col-mb-11, .col-mb-12, 
.col-mb-13, .col-mb-14, .col-mb-15, .col-mb-16,
.col-tb-1, .col-tb-2, .col-tb-3, .col-tb-4, .col-tb-5, .col-tb-6, .col-tb-7, .col-tb-8, .col-tb-9, .col-tb-10, .col-tb-11, .col-tb-12, 
.col-tb-13, .col-tb-14, .col-tb-15, .col-tb-16,
.col-pc-1, .col-pc-2, .col-pc-3, .col-pc-4, .col-pc-5, .col-pc-6, .col-pc-7, .col-pc-8, .col-pc-9, .col-pc-10, .col-pc-11, .col-pc-12,
.col-pc-13, .col-pc-14, .col-pc-15, .col-pc-16,
.col-lpc-1, .col-lpc-2, .col-lpc-3, .col-lpc-4, .col-lpc-5, .col-lpc-6, .col-lpc-7, .col-lpc-8, .col-lpc-9, .col-lpc-10, .col-lpc-11, .col-lpc-12 {
	position:relative;
	float:left;
	box-sizing: border-box;
	/*
	padding-left: 15px;
	padding-right: 15px;
	*/
}

.rowBox { position:relative; float:none; clear:both; display:block; box-sizing: border-box; margin-bottom:30px}
.rowBox:after {content:""; display:block; clear:both; float:none; height:0;}

.paddingBox {padding:0 15px;}
.paddingBox .w1 {width:100%;}
.paddingBox2 {padding:0 30px;}
.paddingBox3 {padding:0 45px;}


@media (min-width:768px) { /* 최소 768 ~ 1023 (1023에서 영역 확대) ---------------------------------------------------------------------- */

	
}

@media (max-width:767px) {/* 최소 ~ 최대 767 */
	
	
}