/* 기본레이아웃 */
@media screen and (max-width: 1160px){
	#wrapper {min-width:100%;position:relative; height:auto;overflow-y:overlay; padding-bottom:70px;}
	#wrapper:: {-ms-overflow-style: none;}
	#wrapper::-webkit-scrollbar {background: transparent; width:2px; height:2px; border-radius:15px;}
	#wrapper::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.3); border-radius:15px; }
	#wrapper header {position:fixed; min-width:100%; height:80px; background:var(--act_mb_header);-webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px);}
	#wrapper .contents {height:auto; padding-top:80px;}
	#wrapper .contents nav.sub,
	#wrapper .contents section.data {position:relative; height:auto; display:inline-block; vertical-align:top; width:100%;}
	#wrapper .contents nav.sub .exp_icon	{display:none;}
	#wrapper .contents nav.sub .st_wrp	{position:relative; top:0; left:0; transform:none; height:auto; overflow: initial; padding:25px; background:transparent;}
	#wrapper footer {position:fixed; bottom:0; left:0; width:100%; height:70px; z-index:100;}
}

@media screen and (max-width: 900px){
	#wrapper header {height:70px;}
	#wrapper .contents {padding-top:70px;}
}

@media screen and (max-width: 650px){
	#wrapper {padding-bottom:55px;}
	#wrapper header {height:55px;}
	#wrapper .contents {padding-top:55px;}
	#wrapper .contents nav.sub .st_wrp	{padding:15px 15px 5px 15px;}
	#wrapper footer {height:55px;}
}

/* 사이드 nav */

/* header - nav */
@media screen and (max-width: 1160px){
	.h_logo {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:auto; background:transparent;}
	.h_logo .sys_logo {position:relative; padding:0; }
	.h_logo .sys_logo .cm_pic {height:100%; background:url(/images/ci_black.png) no-repeat; transition:all 0s; background-size: 100% auto !important; border:0 !important;}
	.h_logo .sys_logo .cm_pic.dark {background:url(/images/ci_white.png) no-repeat;transition:all 0s;}
	.h_logo .sys_logo .cm_pic img {display:none;}
	.h_logo .sys_logo .cm_if {display:none;}
	.h_logo .sys_logo .ani {display:none;}
	.h_logo .sys_logo em {display:none;}
	.h_nav {width:auto; height:100%; padding:0; right:80px;}
	.h_nav nav {display:none;}
	.h_nav button.mode_btn {width:80px; height:100%; margin:0; border-radius:0; padding:0; background:transparent !important; }
	.h_nav button.mode_btn span {display:none;}
	.h_nav button.mode_btn i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:30px; padding:0; background:rgba(0,0,0,0.0); border-radius:100%; color:orange;}
	.h_nav button.mode_btn.dark i {color:#ffd993;}
	.h_info {position:absolute; top:0; right:0; width:80px; background:transparent; }
	.h_info:hover {background:rgba(0,0,0,0.0);}
	.h_info .i_pos > i,
	.h_info .i_pos span {display:none;}
	.h_info .u_pic i {font-size:30px;}
	.menu_open {display:inline-block;}
	/*.mobile {display:inline-block;}*/
}

@media screen and (max-width: 900px){
	.menu_open {width:70px;}
	.menu_open i {font-size:25px;}
	.h_logo .sys_logo .cm_pic {width:70px; height:70px;}
	.h_nav {right:70px;}
	.h_nav button.mode_btn {width:70px;}
	.h_nav button.mode_btn i {font-size:25px;}
	.h_info {width:70px;}
	.h_info .u_pic {width:25px;}
	.h_info .u_pic i {font-size:25px;}
	/*
	.mobile .menu_open {width:70px;}
	.mobile .menu_open i {font-size:25px;}
	.mobile .sys_logo .cm_pic {width:50px; height:70px;}
	.mobile button.mode_btn {width:70px;}
	.mobile button.mode_btn i {font-size:25px;}
	*/
}

@media screen and (max-width: 650px){
	.menu_open {width:55px;}
	.menu_open i {font-size:20px;}
	.h_logo .sys_logo .cm_pic {width:35px; height:55px;}
	.h_nav {right:55px;}
	.h_nav button.mode_btn {width:55px;}
	.h_nav button.mode_btn i {font-size:18px;}
	.h_info {width:55px;}
	.h_info .u_pic {width:18px;}
	.h_info .u_pic i {font-size:18px;}
	/*
	.mobile .menu_open {width:55px;}
	.mobile .menu_open i {font-size:20px;}
	.mobile .sys_logo .cm_pic {width:35px; height:55px;}
	.mobile button.mode_btn {width:55px;}
	.mobile button.mode_btn i {font-size:18px;}
	*/
}


/* 검색창 영역 */


/* footer - info */
@media screen and (max-width: 1160px){
	.status_box {height:100%; display:none;}
	.status_box .logo {display:none;}
	.status_box .data_call {width:100%;height:100%; padding:0;}
	.status_box .data_call h4 {display:none;}
	.status_box .data_call ul.now_site {display:flex; height:100%;}
	.status_box .data_call ul.now_site li {flex:1; padding:0; margin:0; border:0; position:relative; height:100%;}
	.status_box .data_call ul.now_site li span {position:absolute; left:50%; transform:translateX(-50%); text-align:center; width:100%;}
	.status_box .data_call ul.now_site li .tit {padding:0; bottom:18px; }
	.status_box .data_call ul.now_site li .txt { font-size:15px; top:18px; }
	.site_banner {display:block;}
}

@media screen and (max-width: 650px){
	.status_box .data_call ul.now_site li .tit {font-size:10px; bottom:13px; letter-spacing:-0.05em;}
	.status_box .data_call ul.now_site li .txt { font-size:13px; top:14px; }
	.site_banner .sb_logo {left:15;}
	.site_banner .slider-visual {padding:0 15px 0 55px;}
}

/* 사이드 회원요약정보 */
@media screen and (max-width: 650px){
	.slide_info .cl_logo,
	.slide_info .cl_adm {display:none;}
	.slide_info .cl_info,
	.slide_info .cl_arest {height:100%; padding-bottom:170px;}
	.slide_info .call_center {position:absolute; top:initial; bottom:0; width:100%; height:auto;}
	.slide_info.show .call_center {transform:translateX(0%); z-index:111;}
	.slide_info .call_center .in_ga {position:relative; width:100%; height:auto; border-radius:0;}
	.slide_info .call_center .in_ga:after {display:none;}
	.slide_info .call_center .in_ga > i {display:none;}
	.slide_info .call_center .in_ga .cc_wrp {position:relative; top:0; left:0; transform:none; padding:30px; height:170px;}
	.slide_info .call_center .in_ga .sys_logo {display:none;}
	.slide_info .call_center .in_ga .tel_no {font-size:18px; padding:0;}
	.slide_info .call_center .in_ga .tel_no span {padding-bottom:5px;}
	.slide_info .call_center .cc_wrp > p {padding:10px 0 0 0;}
	.slide_info .call_center .cc_wrp .url {padding:10px 0 0 0;}
}

/* 사이드메뉴 */