@charset "utf-8";
/* 2019-06-01 박수진 */

/* Mobile */
@media all and (max-width:768px){
	/* Common  */
	.wHide{display:block !important;}
	.mHide,
	.mIHide{display:none !important;}
	.noScroll{position:fixed;overflow:hidden;width:100%;height:100%;}

	/* Layout */
	#skipNavi,
	#header .hTop,
	#header #gnb,
	.btn_wAllMenu,
	#wAllMenu,
	#content .pageVisual,
	#content .pageLocation,
	#quickArea,
	#fBanner{display:none;}
	.btn_mAllMenu,
	#mAllMenu{display:block;}

	body{line-height:20px;}
	#wrap,
	#wrap.main,
	#header{min-width:100%;}
	#new_area{ width:inherit; }
	#new_area .inner { width:inherit; }
	.inner{padding:0 15px;width:100%;min-width:320px;}
	#header{position:fixed;top:0;left:0;right:0;height:55px;color:#333;background:#fff;z-index:10;}
	#header h1{display:block;}
	#header h1.logo a{width:auto;height:55px;text-indent:-9999em;background:url('/images/srms/logo_m.png') center center no-repeat;background-size:auto 26px;}
	#container{padding:55px 0 0;min-height:auto;}
	.pageTitle{position:relative;margin-bottom:10px;height:50px;line-height:50px;}
	.pageTitle h3{font-size:22px;color:#111;}
	.pageTitle .btn_back{display:inline-block;position:absolute;top:0;left:-15px;width:40px;height:50px;text-indent:-9999em;background:url('/images/srms/btn_back.png') center center no-repeat;background-size:auto 18px;}
	#footer .siteInfo{padding-bottom:20px;text-align:center;}
	#footer .siteInfo ul{margin:0 auto 10px; }
	#footer .siteInfo li{padding:0 10px;line-height:24px;}
	#footer .siteInfo li:nth-child(4):before{display:none;}
	#footer .siteInfo .address{margin-bottom:10px;}
	#footer .siteInfo .address span{display:inline-block;line-height:20px;font-size:13px;}
	#footer .siteInfo .copy{font-size:12px;}
	#footer .fLogo{position:static;width:100%;background:url('/images/srms/logo_footer_m.png') center center no-repeat;background-size:auto 25px;}

	/* Main */
	#mainHeader .btn_wAllMenu,
	#mainHeader .loginArea,
	#mainHeader #gnb,
	#mainHeader .member,
	#mainHeader .siteInfo,
	#wrap.main #quickArea,
	#wrap.main #popGrpWrap{
		display:none !important;
		top:10%; left:2% !important; right:2% !important; width:96% !important;

	}
	#popGrpWrap .left { width:70% !important;}
	#popGrpWrap .right { width:30% !important;}
	#topBnrWrap{display:none !important;}
	#popGrpWrap .right .row1 .noticeList li a { font-size:12px; }

	#wrap.main{min-width:100%;}
	#mainHeader{position:fixed;top:0 !important;left:0;right:0;width:auto;height:55px;color:#333;background:#fff;z-index:10;}
	#mainHeader h1.logo a{margin-top:0;width:auto;height:55px;text-indent:-9999em;background:url('/images/srms/logo_m.png') center center no-repeat;background-size:auto 26px;}
	#mainHeader .btn_allMenu{top:0;}
	#mainContainer{width:auto;padding-left:0;padding-right:0;padding-top:55px;}
	.mainVisual{float:none;width:100%;padding:25px 15px;height:450px;background:#cdd6dc url('/images/srms/bg_mainVisual_m.png') right bottom no-repeat;background-size:auto 450px;}
	.mainVisual h3{margin-bottom:20px;padding-left:0;line-height:45px;font-size:35px;text-align:center;}
	.mainVisual ul{padding:0 20px;}
	.mainVisual ul li a{font-size:14px;}
	.mainVisual ul li em{width:70px;height:70px;box-shadow:0 2px 3px #bbb;background-size:auto 70px;}
	.mainVisual ul.favor .item2 em{background-image:url('/images/srms/icon_favor2_m.png');}
	.mainVisual ul.favor .item4 em{background-image:url('/images/srms/icon_favor4_m.png');}
	.mainVisual ul.favor .item6 em{background-image:url('/images/srms/icon_favor6_m.png');}
	.mainSection{float:none;width:100%;}
	.mainSection .col1,
	.mainSection .col2,
	.mainSection .col3,
	.mainSection .col4{width:50%;height:225px;}
	.mainSection > .mainLink > a{padding:20px 0px;}
	.mainSection > .mainLink > div.esgSh{padding:20px 0px;}
	.mainSection > .mainLink h4{padding-top:55px;padding-bottom:7px;line-height:25px;font-size:18px;}
	.mainSection > .mainLink h4 > span{line-height:20px;font-size:14px;}
	.mainSection > .mainLink p{padding-top:7px;line-height:18px;font-size:13px;letter-spacing:-1px;}
	.mainSection > .col1 h4{background-image:url('/images/srms/icon_mainCol1_m.png');background-size:auto 43px;}
	.mainSection > .col2 h4{background-image:url('/images/srms/icon_mainCol2_m.png');background-size:auto 43px;}
	.mainSection > .col3 h4{background-image:url('/images/srms/icon_mainCol3_m.png');background-size:auto 43px;}
	/*.mainSection > .col3{padding:20px 0;}
	.mainSection > .col3 h4{padding-bottom:7px;line-height:25px;font-size:18px;}
	.mainSection > .col3 p{margin-bottom:20px;padding-top:7px;line-height:20px;font-size:13px;}
    .mainSection > .col3 ul li a{padding-top:54px;line-height:16px;font-size:13px;}
	.mainSection > .col3 ul li.item1 a{background:url('/images/srms/icon_etc1_m.png') center top no-repeat;background-size:auto 50px;}
	.mainSection > .col3 ul li.item2 a{background:url('/images/srms/icon_etc2_m.png') center top no-repeat;background-size:auto 50px;}
	*/
	.mainSection > .col4 h4{background-image:url('/images/srms/icon_mainCol4_m.png');background-size:auto 43px;}
	.mainSection .btn_mainLink{margin-top:10px;width:65px;height:25px;line-height:23px;font-size:13px;}
	.mainSection > .col5{padding:0 15px;width:100%;height:220px;border-bottom:1px solid #ddd;}
	.mainSection > .col5 > div{height:110px;}
	.mainSection > .col5 li{min-height:60px;}
	.mainSection > .col5 h4{padding:0 0 5px;font-size:17px;}
	.mainSection > .col5 span{padding:0;}
	.mainSection > .col5 p{padding-left:0;height:auto;font-size:13px;color:#333;}
	.mainSection > .col5 .bx-controls-direction{right:-15px;bottom:5px;}
	.mainSection > .col6{width:100%;height:140px;border-bottom:1px solid #ddd;}
	.mainSection > .col6:after{display:block;content:'';clear:both;}
	.mainSection > .col6 > div{float:left;width:50%;box-sizing:border-box;}
	.mainSection > .col6 > .bnr1>div > a{margin:0 5px 0 10px;padding:0;height:46px;line-height:47px;background:url('/images/srms/bg_mainSite.png') right -8px center no-repeat;}
	.mainSection > .col6 > .bnr1>div .site1 > span{padding-left:30px;background:url('/images/srms/icon_mainSite1_m.png') left 50% no-repeat;background-size:auto 50%;}
	.mainSection > .col6 > .bnr1>div .site1 > span img{width:auto;height:37px;}
	.mainSection > .col6 > .bnr1>div .site2 > span{ padding-left:30px;font-size:13px;background:url('/images/srms/icon_mainSite2_m.png') left 50% no-repeat; background-size:auto 50%; }
	.mainSection > .col6 > .bnr1>div .site3 > span{ padding-left:30px;font-size:13px;background:url('/images/srms/icon_mainSite3_m.png') left 50% no-repeat; background-size:auto 50%; }
	.mainSection > .col6 > .bnr1>div:last-child{ border-bottom:none; }
	.mainSection > .col6 > .bnr2{ margin-top:0; padding:20px 15px;}
	.mainSection > .col6 > .bnr2 .bx-wrapper ul li{height:100px;}
	.mainSection > .col6 > .bnr2 .bx-wrapper ul li a img{height:100px;}
	.mainSection .btn_more{ top:15px; right:-5px; }
	#wrap.main #footer .fLogo{position:static;width:100%;background:url('/images/srms/logo_footer_m.png') center center no-repeat;background-size:auto 25px;}
	#wrap.main #footer .inner{padding:0;width:100%;}

	/* Title */
	h4.cont{margin:33px  0 15px;line-height:25px;font-weight:700; background-position:0 5px; }
	h5.cont{margin:24px  0 13px;line-height:22px;font-size:17px;font-weight:700;}
	h5.fns16 { margin-bottom:5px; }
	/* Text */
	.txtB{background:url('/images/srms/bul_txtB_m.png') left 3px no-repeat;background-size:auto 16px;}
	.txtList li,
	.txtCList li,
	.contList li{margin-top:9px;}
	.txtList li:first-child,
	.txtCList li:first-child,
	.contList li:first-child{margin-top:0;}

	/* Button */
	.btnArea{margin:30px 0;}
	.btnArea .btn_l{display:block;min-width:auto;height:50px;line-height:50px;}
	.btnArea.btnFlex{display:-webkit-box;display:-ms-flexbox;display:flex !important;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:start;align-content:flex-start;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-orient:horizontal;-webkit-box-pack:justify;}
	.btnArea.btnFlex .btn_l,
	.btnArea.btnFlex .btn_icon{display:block;padding:0 5px;-webkit-box-flex:1;-ms-flex:1;flex:1;word-break:keep-all;}
	.btnArea.btnFlex .btn_l  + .btn_l,
	.btnArea.btnFlex .btn_icon + .btn_icon{margin-left:10px;}
	.btnArea.btnFlex .btn_icon span{padding-left:0;background-image:none;}
	.btnArea.tabBtnTop{margin:20px 0;text-align:left;}
	.btn_m,
	.btn_inline,
	.btn_icon{height:40px;line-height:40px;font-size:15px;}
	.btnArea .btn_icon span{padding-right:0;font-size:15px;background-image:none;padding-left:0;text-align:center;}
	.btn_wayView{display:block;width:100%;margin-bottom:10px;padding:0 20px;height:50px;line-height:48px;background:url('/images/srms/icon_wayViewGo.png') right 20px center no-repeat;background-size:auto 22px;border:1px solid #01579b;border-radius:3px;}
	.btn_wayView span{display:inline-block;padding-left:30px;font-size:17px;color:#01579b;background:url('/images/srms/icon_wayView.png') left center no-repeat;background-size:auto 21px;}

	/* Search */
	.searchWrap select{width:100% !important;margin-bottom:10px;height:40px;line-height:40px;}
	.sch{margin-left:0;}
	.sch{display:block;position:relative;padding-right:95px;width:100% !important;box-sizing:border-box;}
	.sch input[type="text"]{width:100% !important;height:40px;line-height:40px;}
	.sch .btn_icon.search{position:absolute;top:0;right:0;padding:0 10px;min-width:85px;width:85px;height:40px;line-height:40px;}
	.searchWrap.tabIn{margin:30px 0;}
	.searchWrap.tabIn .searchBox{padding:0;}
	.searchWrap.tabIn .sch .btn_icon{margin-right:0;}
	.searchWrap.tabIn.addAll .sch{padding-right:0;}
	.searchWrap.tabIn.addAll .btnArea{display:block;margin:10px 0 0;}
	.searchWrap.tabIn.addAll .btnArea.btnFlex .btn_icon,
	.searchWrap.tabIn.addAll .btnArea.btnFlex .btn_inline{display: block;padding:0 5px;-webkit-box-flex:1;-ms-flex:1;flex:1;word-break:keep-all;}
	.searchWrap.tabIn.addAll .btnArea.btnFlex .btn_icon.search{height:40px;line-height:40px;text-indent:0;background-image:none;}
	.searchWrap.tabIn.addAll .btnArea.btnFlex .btn_icon.search span{padding-left:25px;background:url('/images/srms/icon_btnSearch.png') left center no-repeat;}
	.searchWrap.tabIn.addAll .btnArea.btnFlex .btn_inline{margin-left:10px;height:40px;line-height:40px;}

	/* divGroup */
	.divGroup.cols2 div{width:100% !important;box-sizing:border-box;}
	.divGroup.myType{margin:0 -5px !important;}
	.divGroup.myType div{width:100% !important;box-sizing:border-box;}
	.divGroup.myType div + div{margin-top:10px;}
	.divGroup.myType ul li{width:50%;padding:0 5px !important;word-break:break-all;}
	.divGroup.myType ul li:nth-child(3),
	.divGroup.myType ul li:nth-child(4){margin-top:15px;}
	.divGroup.myType ul li span em{font-size:14px;letter-spacing:-1.2px}
	.divGroup.myType ul.cols3 li{width:33.3333%;}
	.divGroup.myType ul.cols3 li:nth-child(3){margin-top:0;}
	.divGroup.myType ul.cols3 li span{min-height:40px;}
	.divGroup.myType ul li b{font-size:17px;}
	.divGroup.myType ul li > div{background-size:auto 35px;}
	.divGroup.myType ul li.item1 > div{background-image:url('/images/srms/icon_myGrp1_m.png');}
	.divGroup.myType ul li.item2 > div{background-image:url('/images/srms/icon_myGrp2_m.png');}
	.divGroup.myType ul li.item3 > div{background-image:url('/images/srms/icon_myGrp3_m.png');}
	.divGroup.myType ul li.item4 > div{background-image:url('/images/srms/icon_myGrp4_m.png');}
	.divGroup.myType ul li.item5 > div{background-image:url('/images/srms/icon_myGrp5_m.png');}
	.divGroup.myType ul li.item6 > div{background-image:url('/images/srms/icon_myGrp6_m.png');}
	.divGroup.myType .grp1 strong{background:url('/images/srms/bul_myGrp1_m.png') no-repeat left center;background-size:auto 20px;}
	.divGroup.myType .grp2 strong{background:url('/images/srms/bul_myGrp2_m.png') no-repeat left center;background-size:auto 20px;}
	.divGroup.myType .grp2{margin-top:30px;}

	/* Table */
	.tableTitle .btnArea.btnFlex{position:static;margin-bottom:15px;}
	.tableBox table th,
	.tableBox table td{padding:6px 10px;}
	.tableBox table.list .wHide{display:table-cell !important;}
	.tableBox table.list .mHide{display:none !important;}
	.tableBox table.list td span.wHide{display:block !important;}
	.tableBox.mScroll{overflow-x:auto;}
	.tableBox.mScroll table{width:1100px;}

	/* Board List */
	.tableBox.board{margin:0 -15px;}
	.tableBox.board table.list{width:100%;}
	.tableBox.board table.list tr{overflow:hidden;}
	.tableBox.board table.list tr:last-child .day{border-bottom:0px none;}
	.tableBox.board table.list th,
	.tableBox.board table.list .num,
	.tableBox.board table.list .sta,
	.tableBox.board table.list .hit,
	.tableBox.board table.list .com span{display:none;}
	.tableBox.board table.list col,
	.tableBox.board table.list td{display:block;width:auto !important;min-height:20px;height:auto;text-align:left;border-left:0;border-top:0;}
	.tableBox.board table.list .tit{padding:0;line-height:22px;white-space:normal;}
    .tableBox.board table.list .tit a{display:block;padding:18px 15px 8px;font-size:17px;color:#333;white-space:normal;}
	.tableBox.board table.list .tit .newWrap{padding-right:0;}
	.tableBox.board table.list .tit .newWrap em.new{position:static;margin-left:10px;margin-top:-2px;}
	.tableBox.board table.list .tit .alw{position:relative;width:30px;height:30px;text-indent:-9999em;}
	.tableBox.board table.list .tit .alw:before{display:inline-block;content:'';position:absolute;top:0;left:0;width:30px;height:30px;background:#6bacce url('/images/srms/icon_alw.png') no-repeat center center;background-size:auto 14px;border-radius:3px;}
	.tableBox.board table.list .day{padding:0 15px 15px;font-size:13px;border-bottom:1px solid #ddd;clear:both;}
	.tableBox.board table.list .top td{background:#fff;}
	.tableBox.board table.list .top .tit{display:table;width:100% !important;min-height:30px;}
    .tableBox.board table.list .top .tit a{position:relative;}
    .tableBox.board table.list .top .tit .alw{display:block;position:absolute;left:15px;top:50%;margin-top:-10px;}
    .tableBox.board table.list .top .tit span{display:block;padding-left:45px;vertical-align:middle;}

	/* Board List - Company */
	.tableBox.board.company table.list .com{display:inline-block;float:left;padding:18px 0 0 10px;}
    .tableBox.board.company table.list .com img{width:auto;height:23px;}
    .tableBox.board.company table.list .tit{padding:18px 15px 8px;}
    .tableBox.board.company table.list .tit a{display:inline;padding:0;box-sizing:border-box;}

	/* Paging */
	.pageArea{margin:30px 0 40px;}
	.pageArea > span{display:inline-block;line-height:35px;font-size:15px;color:#808080;text-align:center;box-sizing:border-box;}
	.pageArea > .active{min-width:auto;color:#0575af;border:0px none;}
	.pageArea > .active:after{display:inline-block;content:'/';width:13px;text-align:center;}
	.pageArea > .first{margin-right:-1px;background:url('/images/srms/btn_pageM_first.png') no-repeat center center;background-size:auto 35px;border:1px solid #ccc;}
	.pageArea > .prev{margin-right:30px;background:url('/images/srms/btn_pageM_prev.png') no-repeat center center;background-size:auto 35px;border:1px solid #ccc;}
	.pageArea > .next{margin-left:30px;background:url('/images/srms/btn_pageM_next.png') no-repeat center center;background-size:auto 35px;border:1px solid #ccc;}
	.pageArea > .last{margin-left:-1px;background:url('/images/srms/btn_pageM_last.png') no-repeat center center;background-size:auto 35px;border:1px solid #ccc;}

	/* Board View */
	.boardView{margin:0 -15px;}
	.boardView dl.view dt .tit{padding:15px 15px 15px;}
	.boardView dl.view dt .tit strong{font-size:17px;line-height:24px;}
	.boardView dl.view dt .etc{position:static;padding:0 15px 16px;font-weight:700;}
	.boardView dl.view dd .cont{padding:27px 15px;}
	.boardView dl.view dd .file{padding:0 15px;}
	.boardView dl.view dd .file .tit{display:none;}
	.boardView dl.view dd .file a{padding-left:35px;font-size:15px;color:#333;background:url('/images/srms/icon_file_m.png') no-repeat left center;background-size:auto 20px;}

	/* Board View - Company */
	.boardView.company dl.view dt .tit{display:block;}
	.boardView.company dl.view dt .tit .com,
	.boardView.company dl.view dt .tit strong{display:inline;padding-left:0;}
	.boardView.company dl.view dt .tit .com{padding-right:0;margin-right:0;}
	.boardView.company dl.view dt .tit .com:before{display:none;}
	.boardView.company dl.view dt .tit .com em{display:none;}

	/* Board View - Prev, Next */
	.boardBottom{margin:60px -15px 0;}
	.boardBottom dt,
	.boardBottom dd{height:55px;}
	.boardBottom dt{width:68px;font-size:15px;color:#333;font-weight:700;}
	.boardBottom dd{padding:0 15px;font-size:15px;color:#666;font-weight:700;}

	/* Responsive Form */
	.responsiveForm{margin:0 -15px;padding-bottom:25px;}
	.responsiveForm ul li,
	.responsiveForm ul li dl,
	.responsiveForm ul li dl dt,
	.responsiveForm ul li dl dd,
	.responsiveForm ul li.cols2 dl dd{display:block;width:100% !important;}
	.responsiveForm ul li dl{border-top:0;}
	.responsiveForm ul li dl dt{padding:25px 15px 15px;line-height:1;background:#fff;border-left:0 !important;}
	.responsiveForm ul li dl dt label{font-size:17px;}
	.responsiveForm ul li dl dd{padding:0 15px;min-height:40px;border-left:0;}
	.responsiveForm ul li dl dd:after{display:block;content:'';clear:both;}
	.responsiveForm ul li dl dd input,
	.responsiveForm ul li dl dd select{height:40px;line-height:40px;}
	.responsiveForm ul li dl dd .inp{float:left;position:relative;padding-right:20px;width:35% !important;box-sizing:border-box;}
	.responsiveForm ul li dl dd .inp input{width:100% !important;}
	.responsiveForm ul li dl dd .inp .space{display:inline-block;position:absolute;right:0;top:0;margin:0;width:20px;line-height:33px;text-align:center;}
	.responsiveForm ul li dl dd .last{float:left;width:30% !important;}

	/* Tab */
	.tabBarWrap,
	.tabLinkWrap{overflow-x:auto;margin: 0 -15px 20px -15px;white-space:nowrap;-webkit-overflow-scrolling:touch;}
	.tabBar,
	.tabLink{overflow:hidden;display:table;padding:0 15px;margin-bottom:0;width:100%;border-bottom:1px solid #ddd;font-size:0;line-height:0;}
	.tabBar > li,
	.tabLink > li{display:inline-block;float:none;width:auto !important;}
	.tabBar > li > a,
	.tabLink > li > a{padding:0 30px;height:50px;line-height:50px;font-size:15px;color:#666;background-color:#fff;border:0px none;}
	.tabBar > li:first-child > a,
	.tabLink > li:first-child > a{border-left:0;}
	.tabBar > li.active a,
	.tabLink > li.active a{color:#2495cf;font-weight:700;border:0px none;border-bottom:3px solid #4f97d2;}
	.wide .tabBar{border-bottom:1px solid #ddd;}
	.wide .tabBar > li > a{border:0px none;}
	.wide .tabBar > li.active a{width:auto;border:0px none;border-bottom:3px solid #4f97d2;}
	.tabContent.dep2 .tabBarWrap{overflow-x:inherit;margin:30px 0 40px 0;}
	.tabContent.dep2 .tabBarWrap .btnArea{position:static;margin:20px 0 0;}
	.tabContent.dep2 .tabBar{padding:0;}
	.tabContent.dep2 .tabBar > li > a{margin-right:15px;padding-left:25px;}
	.tabPage h4.cont:first-child{margin-top:25px;}

	/* Popup */
	.popTitle{padding:0 40px;height:60px;border-bottom:0;}
	.popTitle h3{padding-top:30px;line-height:1;font-size:22px;text-align:center;}
	.popContent{padding:15px;}
	.btn_popClose{top:0;right:0;background-image:url('/images/srms/btn_modalClose_m.png');background-size:auto 50px;}
	.survey .popContent{padding:10px 15px;}
	.survey .guideBox{padding:25px 15px;}
	.survey .guideBox .tit + .tcG{margin-top:10px;}

	/* Modal */
	.modalWrap.wide{top:0;left:0;max-height:100%;width:100%;height:100% !important;margin-left:0 !important;margin-top:0 !important;border-radius:0;overflow-y:auto;}
	.modalWrap.small,
	.modalWrap.message{left:0;width:90%;margin-left:5%;}

	/* Accodion */
	.accoList{margin:0 -15px;}
	.accoList li .tit{padding:15px 0;}
	.accoList li .tit strong{padding:0 35px 0 75px;line-height:24px;font-size:17px;}
	.accoList li .tit em{top:12px;width:45px;font-size:17px;color:#666;}
	.accoList li .con{padding:15px 20px;}
	.accoList li .con img { max-width:100%; }
	.accoList li .con .ml35,.accoList li .con .ml105, .accoList li .con .ml122, .accoList li .con .ml127 { margin-left:0 !important; display:inline-block !important; }

	/* GuideBox */
	.infoTitle{margin-bottom:8px;}
	.infoTitle .tit{font-size:20px;}
	.infoTitle p{font-size:15px;line-height:24px;}

	.guideBox{position:relative;margin:0 -15px 30px;padding:30px 15px 35px;}
	.guideBox .imgDeco img{width:auto;height:110px;}
	.guideBox.set5 .imgDeco img{width:auto;height:110px;}
	.guideBox dl{padding-left:0;}
	.guideBox dl dt{position:static;font-size:19px;}
	.guideBox dl dd strong{margin-bottom:15px;}
	.guideBox dl dd{padding-top:5px;}
	.guideBox dl + dl{margin-top:40px;}
	.guideBox.center .imgDeco{display:block;float:none;margin-bottom:40px;text-align:center;}
	.guideBox.center .imgDeco img{width:125px;height:auto;}
	.guideBox.center dl.box2 .txtList li{margin-top:20px;}
	.guideBox.center dl.box2 .txtList li:first-child{margin-top:0;}
	.guideBox.center p + .txtList{margin-top:15px;}
	.guideBox.consult dl{padding-left:0;}
	.guideBox.consult .imgDeco img{width:auto;height:58px;margin-top:0;}
	.guideBox.set4 .imgDeco img{width:auto;height:90px;}
	.guideBox.set5 .imgDeco img{width:auto;height:90px;}
	.guideBox .guideShow,
	.guideBox #guideMoreShow{display:none;}
	.guideBox .guideShow.active,
	.guideBox #guideMoreShow.active{display:block;}
	.guideBox .btn_guideMore{display:block;position:absolute;bottom:-47px;width:100%;height:25px;text-indent:-9999em;background:url('/images/srms/btn_guideMore_off.png') no-repeat center center;background-size:auto 25px;overflow:hidden;}
	.guideBox .btn_guideMore.active{background:url('/images/srms/btn_guideMore_on.png') no-repeat center center;background-size:auto 25px;}
	.survey .guideBox.set2 .imgDeco{margin-top:0;margin-right:0;}
	.guideBtmBox{padding:20px 15px;}
	.guideBtmBox .imgDeco{float:none;margin:0 auto 10px;width:30px;}
    .guideBtmBox .imgDeco img{width:30px;height:auto;}
	.guideBtmBox strong{text-align:center;}
	.guideBtmBox .box{float:none;padding-left:0;border-left:0;}

	.downWrap,
	.agreeWrap{padding:5px 15px;}
	.agreeWrap.consult{padding:10px 15px 20px;}
	.agreeWrap.consult .inputArea{text-align:center;}
	.agreeWrap.consult .fl-r{float:none !important;}
	.agreeWrap.consult .inputArea .rdo{margin:0;}
	.agreeWrap.consult .inputArea .rdo + .rdo{margin-left:20px;}
	.agreeWrap.terms{padding:30px 15px;}

	.imgArea .btn_zoom{display:block !important;}

	/* 서비스 안내 */
	.stepBox{padding:112px 10px 22px 15px;background-position:center 20px;background-size:auto 76px;}
	.stepBox strong{text-align:center;}
	.stepBox.box1{background-image:url('/images/srms/icon_step1_m.png');}
	.stepBox.box2{background-image:url('/images/srms/icon_step2_m.png');}
	.stepBox.box3{background-image:url('/images/srms/icon_step3_m.png');}
	.stepBox.box4{background-image:url('/images/srms/icon_step4_m.png');}
	.stepBox.spec1{background-image:url('/images/srms/icon_spec1_m.png');}
	.stepBox.spec2{background-image:url('/images/srms/icon_spec2_m.png');}
	.stepBox.spec3{background-image:url('/images/srms/icon_spec3_m.png');}
	.stepBox.spec4{background-image:url('/images/srms/icon_spec4_m.png');}
	.stepBox.spec5{background-image:url('/images/srms/icon_spec5_m.png');}

	.infoDescWrap .phn{display:block;float:none;margin-top:10px;}
	.infoDescWrap .infoRight{float:none;}
	.infoDescWrap .infoRight span{margin-top:10px;}
	.infoDescWrap .infoRight span + span{margin-left:0;}
	.infoStepArea{margin:0 -15px;}
	.infoStepArea dt{width:100%;}
	.infoStepArea dt .imgDeco{text-align:right;padding-right:25px;}
	.infoStepArea dt .imgDeco img{width:auto;height:121px;}
	.infoStepArea dt .title{padding-left:10px;}
	.infoStepArea dd{padding:20px 30px 40px; width:100%; box-sizing:border-box; }
	.infoStepArea dd .btnArea{text-align:center;}
	.infoStepArea dd .btnArea .btn_m,
	.infoStepArea dd .btnArea .btn_icon{min-width:160px;}
	.infoStepArea dd .btnArea .btn_m.mHide{display:none !important;}

	.txtBtnBox{padding:20px 15px;text-align:center;}
	.txtBtnBox .txt{margin-bottom:10px;line-height:20px;text-align:left;background-position:left 8px;}
	.txtBtnBox .btn_inline{float:none;}

	.mInfoProcessArea{margin:0 -15px;}
	.mInfoProcessArea li{display:table;position:relative;width:100%;padding:20px 15px;border-top:1px solid #ccc;box-sizing:border-box;}
	.mInfoProcessArea li:before{display:block;content:'';position:absolute;left:0;right:0;top:-4px;height:18px;background:url('/images/srms/bg_infoStep.png') center bottom no-repeat;}
	.mInfoProcessArea li:first-child{border-top:0px none;}
	.mInfoProcessArea li:first-child:before{display:none;}
	.mInfoProcessArea .imgDeco{display:table-cell;width:33.33%;text-align:center;}
	.mInfoProcessArea .imgDeco img{width:auto;height:76px;}
	.mInfoProcessArea em{display:table-cell;font-size:17px;}

	/* 서비스 관리 */
	.sheetList{margin:0 -15px;border-top:2px solid #4f97d2;border-bottom:1px solid #ccc;}
	.sheetList > ul > li{border-top:1px solid #ddd;}
	.sheetList > ul > li:first-child{border-top:0px none;}
	.sheetList > ul > li > a{display:block;padding:25px 15px 22px;background:url('/images/srms/btn_sheetList_off.png') right center no-repeat;background-size:auto 25px;}
	.sheetList > ul > li > a.noLink{background:none;cursor:inherit;}
	.sheetList > ul > li:hover > a{background:url('/images/srms/btn_sheetList_on.png') right center no-repeat;background-size:auto 25px;}
	.sheetList > ul > li:hover > a.noLink{background:none;}
	.sheetList > ul > li > a > ul:after{display:block;content:'';clear:both;}
	.sheetList > ul > li > a > ul > li{float:left;margin-top:0;width:50%;line-height:26px;box-sizing:border-box;}
	.sheetList > ul > li > a > ul > li.long{width:100%;}
	.sheetList > ul > li .mark{padding:0 15px;min-width:55px;font-size:17px;color:#fff;background:#6bacce;}
	.sheetList > ul > li .ser{margin-left:15px;font-size:17px;color:#333;font-weight:700;}
	.sheetList > ul > li .tit{display:block;margin:12px 0 8px;width:95%;line-height:30px;font-size:24px;color:#0575af;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

	/* 이용기관안내  */
	.clientWrap ul{margin:0;}
	.clientWrap li{padding:0;width:50%;text-align:center;box-sizing:border-box;}
	.clientWrap li a img{max-width:100%;}

	h4.myMenu5:before{background:url('/images/srms/bul_myMenu5_m.png') left top no-repeat;background-size:auto 24px;}

	/* 고객센터 */
	.colWrap.way{margin:45px 0;}
	.colWrap.way .txtArea dl dt{font-size:19px;}
	.colWrap.way .txtArea dl dd p{line-height:22px;}
	.colWrap.way .txtArea dl dd p b{font-size:17px;}
	.colWrap.way .txtArea dl dd .phn{margin-bottom:0;line-height:25px;font-size:20px;}
	.colWrap.way .imgArea{margin-bottom:30px;}
	#print{display:none;}

	/* 회원관리 */
	.loginWrap{margin:25px 0;padding:65px 0;}
	.loginWrap:before{width:95px;height:55px;background:url('/images/srms/bg_loginWrap_m1.png') left bottom no-repeat;background-size:auto 55px;}
	.loginWrap:after{width:95px;height:55px;background:url('/images/srms/bg_loginWrap_m2.png') right top no-repeat;background-size:auto 55px;}
	#loginForm{padding:0 55px;width:auto;}
	#loginForm .login li input[type="text"],
	#loginForm .login li input[type="password"]{height:45px;line-height:45px;;}
	#loginForm .login_submit{height:50px;line-height:50px;}

	/* 메인배너 상세 */
	.bnrView .pageTitle{height:auto;}
	.bnrView .pageTitle h3{padding:0;line-height:30px;}
	.bnrView .pageTitle h3 img{width:auto;height:30px;}
	.bnrView .guideBox{margin-top:0;}
	.bnrView .btn_ll{display:block;width:100%;}
	.bnrView .btn_ll span{padding-left:0;background-image:none;}
	.bnrView .infoDescWrap .infoDescGrp:after{display:block;content:'';clear:both;}
	.bnrView .infoDescWrap .infoDescGrp .right{float:none;}
	.bnrView .infoDescWrap .infoDescGrp .phn + .phn{margin-left:0;}
	.bnrView .infoDescWrap .tit{line-height:24px;}

	/* 보고서 */
	#reportHeader,
	.btn_reportGnb,
	.btn_reportClose{display:block;}
	#reportBanner,
	#reportConTop,
	.reportMsgBox{display:none;}
	#reportLeft{position:fixed;top:0;left:-80%;bottom:0;width:80%;background:#2495cf;z-index:99;}
	#reportTop span.logo a{display:inline-block;width:150px;height:50px;line-height:50px;text-indent:-9999em;background:url('/images/srms/logo_report_m.png') no-repeat 15px center;background-size:auto 27px;}
	.btn_repeortGnbClose{position:absolute;right:0;top:0;width:50px;height:55px;line-height:55px;text-indent:-9999em;background:url('/images/srms/btn_reportGnb_close.png') no-repeat center center;background-size:auto 20px;}
	#reportTop ul{padding:0 15px;}
	#reportTop li{text-align:left;}
	#reportTop li.reportUser{padding-top:5px;padding-bottom:0;border-bottom:0;}
	#reportTop li.reportInfo{padding-left:10px;}
	#reportTop li.reportInfo span{max-width:40%;padding:0 13px;}
	#reportTop li.reportInfo .num{color:#fff;border-right:1px solid #80add6;}
	#reportTop li.reportInfo .num a{color:#fff;}
	#reportGnb{bottom:0;width:80%;border-right:none;z-index:100;}
	#reportGnb ul.reportMenu > li > a{height:55px;line-height:55px;font-size:17px;}
	#reportGnb ul.reportMenu > li > ul > li > a{padding:10px 0 10px 25px;font-size:15px;background-position:left 12px !important;}
	#reportGnb ul.reportMenu > li > ul > li > ul > li > a{padding:5px 0 5px 20px;background-position:8px 14px !important;}

	#reportContainer{padding:0 0 55px 0;}
	#reportContainer .iframeBox{padding:0;height:100% !important;}
	#reportConBtm{display:block;position:fixed;left:0;right:0;bottom:0;padding:7px 15px;height:55px;line-height:55px;background:#fff;border-top:1px solid #ddd;box-sizing:border-box;}
	#reportConBtm .btnArea{margin:0;}
	#reportConBtm .btnArea.btnFlex .btn_icon{text-indent:0;}
	#reportConBtm .btnArea.btnFlex .btn_icon.allSave{background-color:#01579b;}
	#reportConBtm .btnArea.btnFlex .btn_icon.allSave:hover{background-color:#006ac7;}
	#reportConBtm .btnArea.btnFlex .btn_icon.allSave span{padding-left:37px;background:url('/images/srms/icon_btnAllSave_m.png') left center no-repeat;background-size:auto 24px;}
	#reportConBtm .btnArea.btnFlex .btn_icon.guideTip span{padding-left:37px;background:url('/images/srms/icon_btnGuideTip_m.png') left center no-repeat;background-size:auto 24px;}
	#wrap.reportPopWrap .modalWrap .popTitle{margin:0 15px;padding:0;height:63px;text-align:center;border-bottom:2px solid #4f97d2;}
	#wrap.reportPopWrap .modalWrap .popTitle h3{display:inline-block;padding:0 0 0 40px;line-height:65px;background:url('/images/srms/bg_reportPopTitle.png') left center no-repeat;background-size:auto 27px;}
	#wrap.reportPopWrap .modalWrap .popContent{padding:30px 15px 0;}
	#wrap.reportPopWrap .modalWrap .btn_popClose{right:-15px;}

	.mainSection > .col6 > .bnr1 > a > span { line-height:inherit; }
}

@media all and (max-width:360px){
	#loginForm{padding:0;width:220px;}
	.mainVisual{height:450px;}
}

@media all and (max-width:320px){
	.mainSection > .col6 > .bnr1 > .site1 > span,
	.mainSection > .col6 > .bnr1 > .site2 > span{padding-left:0;background:none;}
	.btnArea.btnFlex .btn_l{font-size:15px;}
	.divGroup.myType ul li span em{line-height:18px;font-size:12px;}
	.divGroup.myType ul li b{font-size:15px;}
	.boardView dl.view dt .etc .sta{margin-right:10px;}
	.boardView dl.view dt .etc .hit{margin-left:10px;padding-left:10px;}
	.infoStepArea dt .imgDeco{padding-right:10px;}
	.guideBox .imgDeco img{width:auto;height:90px;}
	.guideBox.set4 .imgDeco img{width:auto;height:80px;}
	.tabContent.dep2 .tabBar > li > a{margin-right:7px;font-size:13px;}
}
