/* Written By MJS */

@import url(http://cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css);

*{-webkit-text-size-adjust:none}
html,body,form,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,fieldset,th,td,input,textarea,button,select{font-size:12px;margin:0;padding:0;font-family:'nanumsquareround',sans-serif;font-weight:normal}
body{-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
li{list-style:none}
a{border:0;padding:0;margin:0;text-decoration:none;color:#333}
ol,ul,dl{list-style:none}
img{float:left;border:0;padding:0;margin:0;}
legend,caption{display:none}
table{border-collapse:collapse;border-spacing:0}
input,button{vertical-align:middle;padding:0;border:0;margin:0;}
select{padding:0;border:0;margin:0;}

body{min-width:320px;max-width:1000px;height:100%;margin:0 auto;}






/*================================== 상단 ==================================*/
#main-navbar{position:relative;float:left;z-index:10;width:92%;padding:10px 4%;background:#fff;border-bottom:1px solid #ccc;}
#toggle-sidebar{position:absolute;left:3%;top:27px;width:50px;cursor:pointer;z-index:100;}
a.call{position:absolute;right:3%;top:27px;width:50px;}


/* 로고 */
.logo{position:relative;width:105px;margin:0 auto;}
.logo a{float:left;width:100%;text-align:center;}
.logo a img{width:105px;}


#main-sidebar{position:fixed;top:0;bottom:0;background:#e5e5e5;}
#main-sidebar .close-sb{height:48px;line-height:48px;background:#333;padding:0 0 0 3%;border-bottom:1px solid #000;font-size:18px;color:#fff;cursor:pointer;}
#main-sidebar ul li > a{display:block;height:18px;line-height:18px;padding:12px 0 12px 5%;border-bottom:1px solid #ccc;font-size:16px;font-weight:600;color:#444;}
#main-sidebar ul li > a:hover{background:#333;border-bottom:1px solid #010101;color:#fff;}
#main-sidebar ul li li > a{display:block;padding:8px 0 8px 5%;background:#f7f7f7;border-bottom:1px solid #dedee0;font-size:13px;color:#888;}






/*================================== 메인 ==================================*/
.slide_w{position:relative;float:left;width:100%;overflow:hidden;}

.banner{position:absolute;float:left;width:100%;height:240px;text-align:center;}
.banner b{float:left;width:100%;line-height:100%;font-size:26px;font-weight:600;letter-spacing:-1px;text-shadow:2px 2px 2px #000;color:#ecd905;margin:40px 0 3% 0;}
.banner p{float:left;width:100%;line-height:20px;font-size:14px;font-weight:600;text-shadow:-1px 0px #fff,1px 0px #fff,0px -1px #fff,0px 1px #fff;color:#000;}

/* 미세먼지... */
/*
.banner{position:relative;float:left;width:100%;height:240px;text-align:center;background:url(./img/banner.jpg) no-repeat bottom center;background-size:100%;overflow:hidden;}
.banner b{float:left;width:100%;line-height:100%;font-size:26px;font-weight:600;letter-spacing:-1px;text-shadow:2px 2px 2px #004b83;color:#fff;margin:40px 0 3% 0;}
.banner p{float:left;width:100%;line-height:20px;font-size:13px;font-weight:600;text-shadow:1px 1px 1px #004b83;color:#fff;}
*/

/* 사업영역 아이콘 */
#business{position:relative;float:left;width:100%;overflow:hidden;}
#business ul{float:left;width:100.2%;}
#business ul li{float:left;width:19.6%;padding:4% 0;text-align:center;border-left:1px solid #ccc;}
#business ul li:first-child{border-left:none;}
#business ul li a{float:left;width:100%;text-align:center;}
#business ul li a img{float:left;width:50%;margin:0 25%;filter:alpha(opacity=60);opacity:0.6;-moz-opacity:0.6;}
#business ul li a b{float:left;width:100%;line-height:18px;font-size:13px;color:#000;margin-top:5px;}


/* 메인타이틀, 더보기 */
.main_title{position:relative;float:left;width:100%;line-height:30px;font-size:24px;font-weight:600;color:#000;margin-bottom:4%;}
.main_title span{font-size:14px;}
.main_title2{position:relative;float:left;width:100%;line-height:30px;font-size:24px;font-weight:600;color:#fff;text-align:center;margin-bottom:3%;}
.more{position:absolute;top:38px;right:4%;width:24px;padding:3px;}


/* 실시간 건축상담 */
.consulting{position:relative;float:left;width:100%;padding:40px 0 0 0;background:#162855;}
.cst{float:left;width:92%;height:34px;background:#fff;margin:1px 4%;}
.cst p{float:left;width:20%;height:14px;font-size:14px;margin:10px 0 10px 3%;font-weight:600;color:#333;border-right:1px solid #ccc;}
.cst input{float:left;width:76.5%;height:34px;line-height:34px;font-size:13px;border:none;background:none;}
.cst select{float:left;width:75%;height:34px;line-height:34px;font-size:12px;padding-left:1.5%;color:#555;border:none;background:none;}

.con_check{position:relative;float:left;width:100%;height:14px;margin:3% 0 5%;}/* 개인정보동의 */
.con_check p{float:left;width:100%;font-size:12px;line-height:13px;text-align:center;color:#fff;}
.con_check p input{display:inline-block;width:14px;height:14px;line-height:14px;margin-right:3px;}
.con_check button{display:inline-block;width:60px;height:20px;line-height:20px;font-size:12px;text-align:center;margin:-2px 0 0 5px;border:none;background:#aaa;color:#000;}

.layer{display:none;position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%;z-index:9999999999}/* 전문보기 레이어 팝업창 */
.layer .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);}
.layer .pop-layer{display:block;overflow-x:hidden;overflow-y:scroll;}
.pop-layer{display:none;position:absolute;top:50%;left:50%;width:90%;height:400px;background:#fff;border:5px solid #333;}	
.pop-layer .pop-container{position:relative;float:left;padding:2%;}
.assembly_title{position:relative;float:left;width:97%;padding-left:3%;height:50px;line-height:50px;background:#898989;color:#fff;font-size:16px;font-weight:bold;}
.btn-r{position:absolute;right:2%;top:0;width:20%;}
a.cbtn{float:left;display:block;width:100%;height:50px;line-height:50px;padding:0 5%;background:#333;font-size:16px;color:#fff;text-align:center;}	
.rule_pop{float:left;width:100%;font-size:12px;line-height:18px;margin-top:3%;}

input.con_btn{float:left;width:100%;height:46px;font-size:18px;font-weight:600;color:#fff;text-align:center;border:none;background:url(../img/coun_btn.gif) repeat-x;}


/* 실시간 접수현황 */
#status{position:relative;float:left;width:92%;height:136px;padding:40px 4%;overflow:hidden;}
#ticker{position:relative;float:left;width:100%;padding-top:10px;margin-top:-8px;border-top:1px solid #ccc;}
ul.ticker{float:left;width:100%;height:130px;}
ul.ticker li{float:left;width:100%;height:24px;}
ul.ticker li p{float:left;width:70%;height:24px;line-height:24px;font-size:13px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
ul.ticker li p b{float:left;width:54px;height:18px;line-height:20px;font-size:11px;font-weight:400;letter-spacing:-1px;text-align:center;font-family:'dotum' !important;color:#fff;background:#b41e28;margin:3px 6px 3px 0;}
ul.ticker li p b.b2{float:left;width:54px;height:18px;line-height:20px;font-size:11px;font-weight:400;letter-spacing:-1px;text-align:center;font-family:'dotum' !important;color:#000;background:#eee;margin:3px 6px 3px 0;}
ul.ticker li span{float:left;width:30%;line-height:24px;text-align:right;font-size:12px;color:#999;}


/* 시공현황 */
.rolling{position:relative;float:left;width:94%;padding:40px 3% 70px 3%;background:#f0f0f0;overflow:hidden;}
.rolling .layout{position:relative;float:left;width:100%;}
.rolling .bx-wrapper img{max-width:100%;height:auto;display:block;}
.rolling li li{float:left;width:48% !important;height:180px !important;margin:1%;}
.rolling li li a{float:left;width:99.5% !important;height:136px !important;background:#fff;border:1px solid #e0e0e0;overflow:hidden;}
.rolling li li p{float:left;width:100%;line-height:18px;font-size:13px;color:#000;text-align:center;margin-top:9px;}
.flex{position:relative;float:left;width:100%;height:100%;vertical-align:middle;text-align:center;}
.flex img{position:absolute;top:0;bottom:0;left:0;right:0;max-width:100%;max-height:100%;width:auto;height:auto;margin:auto;}
/* 마우스 오버시 효과 */
.rolling li li a:hover img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}
/*  마우스 아웃시 효과 */
.rolling li li a img{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}


.rolling .bx-controls-direction{display:none;}
/* PAGER */
.rolling .bx-wrapper .bx-pager{position:absolute;left:0;bottom:-24px;width:100%;text-align:center;height:20px;display:block;z-index:10000000;}
.rolling .bx-wrapper .bx-pager.bx-default-pager a{background:#aaa;;display:block;width:20px;font-size:14px;height:20px;line-height:20px;margin:0 3px;outline:0;color:#fff;border-radius:100%;}
.rolling .bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus{background:#000;}
.rolling .bx-wrapper .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;vertical-align:bottom;*zoom:1;*display:inline;}

/*
.rolling .bx-has-controls-direction,.bx-controls-direction{position:absolute;right:0;top:0;width:61px;height:36px;margin-top:-22px;display:block !important;text-indent:-9999px;z-index:10000000;}
.rolling .bx-has-controls-direction a.bx-prev{position:absolute;left:0;top:0;width:30px;height:36px;background:url('../img/arrow_left.png') no-repeat;background-size:100%;}
.rolling .bx-has-controls-direction a.bx-next{position:absolute;left:31px;top:0;width:30px;height:36px;background:url('../img/arrow_right.png') no-repeat;background-size:100%;}
*/

#gallery{position:relative;float:left;width:92%;padding:40px 4%;background:#fff;overflow:hidden;}
.gallery{position:relative;float:left;width:100%;}
.gallery ul{float:left;width:102%;margin:-1% 0 0 -1%;}
.gallery ul li{float:left;width:48%;height:290px;margin:1%;}
.gallery ul li a{position:relative;float:left;width:99.25%;height:230px;background:#fff;border:1px solid #ccc;overflow:hidden;}
.gallery ul li p{float:left;width:100%;line-height:17px;font-size:13px;text-align:center;color:#444;margin-top:4%;}
.flex{position:relative;float:left;width:100%;height:100%;vertical-align:middle;text-align:center;}
.flex img{position:absolute;top:0;bottom:0;left:0;right:0;max-width:100%;max-height:100%;width:auto;height:auto;margin:auto;}


/* 지원사업안내, 공지사항 */
.board{position:relative;float:left;width:92%;padding:40px 4%;background:#f0f0f0;}
.board ul{float:left;width:100%;padding-top:10px;margin-top:-8px;border-top:1px solid #ccc;}
.board ul li{float:left;width:100%;line-height:24px;}
.board ul li:first-child{border-top:none;}
.board ul li a{float:left;width:100%;font-size:13px;color:#444;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;overflow:hidden;}
.board ul li a:hover{color:#000;}
.board ul li span.date{float:left;width:30%;line-height:24px;font-size:12px;vertical-align:middle;text-align:right;color:#aaa;}






/*================================== 하단 ==================================*/
#footer{position:relative;float:left;width:100%;background:#333;}
.copy{position:relative;float:left;width:100%;line-height:16px;font-size:11px;text-align:center;padding-top:6%;color:#aaa;}


/* 버튼 style */
#button{position:relative;float:left;width:100%;background:#333;padding:6% 0 8% 0;text-align:center;}
.btn{margin:1%;padding:2% 4%;font-size:12px;color:#fff;border:none;background:#666;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
behavior:url(ie-css3.htc);}






/*================================== 서브 레이아웃 style ==================================*/
#sub_content{position:relative;float:left;width:100%;height:auto;min-width:320px;}
.back_bg1{position:fixed;left:0;top:0;width:100%;height:1000px;background:url(../img/sub_visual1.jpg) no-repeat top center;background-size:150%;z-index:-9999;}
.back_bg2{position:fixed;left:0;top:0;width:100%;height:1000px;background:url(../img/sub_visual2.jpg) no-repeat top center;background-size:150%;z-index:-9999;}
.back_bg3{position:fixed;left:0;top:-8%;width:100%;height:1000px;background:url(../img/sub_visual3.jpg) no-repeat top center;background-size:150%;z-index:-9999;}
.back_bg4{position:fixed;left:0;top:-4%;width:100%;height:1000px;background:url(../img/sub_visual5.jpg) no-repeat top center;background-size:150%;z-index:-9999;}
.back_bg5{position:fixed;left:0;top:-10%;width:100%;height:1000px;background:url(../img/sub_visual4.jpg) no-repeat top center;background-size:150%;z-index:-9999;}


/* 서브 메뉴 */
.sub_top{position:relative;float:left;width:100%;background:rgba(0, 0, 0, 0.5);padding:40px 0;overflow:hidden;}
.sub_top h3{float:left;width:100%;line-height:100%;font-size:24px;font-weight:600;text-align:center;color:#fff;}
.sub_menu_w{position:relative;float:left;width:100%;height:42px;background:rgba(0, 73, 182, 0.4);margin:4% 0 -40px 0;}
.sub_menu{position:relative;float:left;width:92%;height:42px;padding:0 4%;}
.sub_menu ul{position:relative;float:left;text-align:center;max-width:1080px;width:100%;}
.sub_menu ul li{display:inline-block;margin:0 8px;}
.sub_menu ul li a{float:left;width:100%;line-height:42px;font-size:13px;color:#fff;}
.sub_menu ul li a.select{font-size:14px;font-weight:600;color:#fffe00;}


.page_content{position:relative;float:left;width:92%;padding:12% 4%;min-height:300px;background:#fff;}


/* 서브타이틀 */
.stitle1{position:relative;float:left;width:98%;line-height:100%;font-size:22px;font-weight:600;color:#000;margin:8% 0 4% 0;border-left:4px solid #35a5ec;}
.stitle1 span{display:inline-block;border-left:4px solid #2674d5;padding-left:2.5%;}





/*=================================== 서브 공통 style ===================================*/
/* 온라인상담 */
.tbl{position:relative;float:left;width:100%;border-top:1px solid #333;}
.tbl table{float:left;width:100%;}
.tbl table th{line-height:20px;font-size:14px;font-weight:400;color:#000;background:#f9f9f9;text-align:left;}
.tbl table td{line-height:18px;text-align:left;font-size:13px;color:#777;}
.tbl table td span{float:left;height:32px;line-height:32px;font-size:16px;margin:0 5px;font-weight:400;}
.tbl table td .ip01{float:left;width:97%;height:30px;line-height:30px;font-size:13px;padding:0 3px;border:1px solid #dbdbdb;}
.tbl table td .ip02{float:left;width:26.5%;height:30px;line-height:30px;font-size:13px;padding:0 3px;border:1px solid #dbdbdb;}
.tbl table td .ip03{float:left;width:42%;height:30px;line-height:30px;font-size:13px;padding:0 3px;border:1px solid #dbdbdb;}
.tbl table td textarea{float:left;width:95.5%;height:80px;padding:2%;line-height:18px;font-size:13px;border:1px solid #dbdbdb;}
.tbl table td select.sct1{float:left;width:28%;height:32px;line-height:32px;font-size:13px;padding:0 3px;border:1px solid #dbdbdb;}
.tbl table td select.sct2{float:left;width:100%;height:32px;line-height:32px;font-size:13px;padding:0 3px;border:1px solid #dbdbdb;}
.tbl table th,.tbl table td{padding:2%;border-bottom:1px solid #dbdbdb;}
/* 라디오버튼 */
.radio_btn{float:left;height:16px;}
.radio_btn p{float:left;line-height:16px;font-size:16px;font-weight:400;margin-right:20px;color:#555;}
.radio_btn input.rd_ip{float:left;width:16px;height:16px;margin:0 8px 0 0;}
/* 약관 */
.terms_w{position:relative;float:left;width:92%;height:80px;padding:4%;overflow-x:hidden;overflow-y:scroll;background:#f4f4f4;margin-top:4%;}
.terms_title{float:left;width:100%;font-size:16px;font-weight:600;color:#000;margin-bottom:15px;}
.terms_box{float:left;width:100%;line-height:15px;font-size:12px;color:#888;}
.terms_box b{float:left;width:100%;font-weight:600;font-size:13px;font-weight:400;color:#000;padding-bottom:8px;}
.terms_box p{float:left;width:100%;font-size:12px;color:#444;padding-bottom:5px;}
/* 동의 */
.agree{float:left;width:100%;margin:20px 0;}
.agree input{float:left;width:14px;height:14px;line-height:14px;margin-right:4px;}
.agree label{float:left;font-size:13px;line-height:14px;}


/* 버튼 */
.btn_w{position:relative;float:left;width:100%;text-align:center;margin-top:6%;}
input.btn{display:inline-block;width:40%;height:42px;line-height:100%;font-size:18px;font-weight:600;background:#aaa;text-align:center;color:#fff;border-radius:none;border:none;margin:0 1%;}
input.btn2{display:inline-block;width:40%;height:42px;line-height:100%;font-size:18px;font-weight:600;background:#2a4d8c;text-align:center;color:#fff;border-radius:none;border:none;margin:0 1%;}


/* 페이징 */
.paging_w{position:relative;float:left;width:100%;margin:5% 0;}
.paging{text-align:center;}
.paging ul{display:inline-block;zoom:1;*display:inline;}
.paging ul li{float:left;text-align:center;}
.paging ul li a{float:left;width:12px;height:24px;line-height:24px;font-size:12px;padding:0 5px;margin:0 2px;font-weight:600;color:#777;background:#e0e0e0;}
.paging ul li a.on{background:#555;color:#fff;}


/* 상세페이지 */
#detail{position:relative;float:left;width:100%;}
.dtl_title{position:relative;float:left;width:100%;padding-bottom:8px;margin-bottom:9%;border-bottom:2px solid #ccc;}
.dtl_title b.b1{float:left;width:100%;line-height:24px;font-size:18px;font-weight:400;}
.dtl_title span.sp{position:absolute;right:0;top:46px;width:100%;line-height:100%;font-size:12px;text-align:right;color:#555;}
.dtl_cont{float:left;width:100%;line-height:150%;}


.sub_box{position:relative;float:left;width:92%;padding:3.2%;background:#fafafa;border:3px solid #eee;}
.sub_box2{position:relative;float:left;width:92%;padding:3.2%;line-height:18px;font-size:13px;text-align:justify;color:#555;background:#f5f8fc;border:3px solid #e2eaf3;}
.sub_box2 dl{float:left;width:100%;}
.sub_box2 dl dt{float:left;width:100%;line-height:100%;font-size:16px;font-weight:600;color:#13498d;margin:14px 0 6px 0;}
.sub_box2 dl dd{float:left;width:100%;line-height:18px;font-size:13px;color:#555;}
.sub_box2 ul{float:left;width:100%;margin-top:-8px;}
.sub_box2 ul li{float:left;width:95%;line-height:18px;font-size:13px;color:#444;padding-left:15px;margin-top:8px;background:url(../img/text_bullet.png) no-repeat 0 4px;background-size:10px;}
.sub_box2 ul li span{font-size:16px;color:#888;}





/*=================================== 서브 내용 style ===================================*/
/* 농가주택 건축절차 */
.house_step{position:relative;float:left;width:100%;}
.house_step .h_box{float:left;width:92%;padding:4%;background:#f1f6fb;}
.house_step .h_box b{float:left;width:100%;height:24px;line-height:24px;font-size:16px;color:#1369b1;margin-bottom:8px;}
.house_step .h_box b span{float:left;width:24px;height:24px;line-height:26px;font-size:16px;font-weight:bold;font-weight:1000;text-align:center;color:#fff;background:#1369b1;margin-right:6px;}
.house_step .h_box ul{float:left;width:100%;}
.house_step .h_box ul li{float:left;width:100%;line-height:18px;font-size:13px;color:#444;margin-top:4px;}


/* 진행절차 */
.step_list{position:relative;float:left;width:100%;}
.step_w{position:relative;float:left;width:92%;padding:15% 3.8% 3.8% 3.8%;background:#fafafa;border:1px solid #ccc;overflow:hidden;margin-top:-1px;}
.step_w b{position:absolute;left:0;top:0;width:100.55%;height:42px;line-height:42px;font-size:16px;font-weight:600;color:#fff;background:#367ebc;margin:-1px 0 0 -1px;}
.step_w b span{float:left;width:42px;height:42px;line-height:44px;font-size:22px;text-align:center;font-weight:bold;font-weight:1000;color:#fff000;background:url(../img/step_num.png) no-repeat;background-size:100%;margin-right:15px;}
.step_w p{float:left;width:100%;line-height:18px;font-size:13px;color:#333;}
.step_w ul{float:left;width:100%;margin-top:-5px;}
.step_w ul li{float:left;width:95%;line-height:18px;font-size:13px;color:#444;padding-left:15px;margin-top:5px;background:url(../img/text_bullet.png) no-repeat 0 4px;background-size:10px;}
/*
.step_icon1{position:absolute;right:-30px;bottom:-20px;width:260px;height:260px;background:url(../img/step_icon1.png) no-repeat;background-size:100%;filter:alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;}
.step_icon2{position:absolute;right:-30px;bottom:-20px;width:260px;height:260px;background:url(../img/step_icon2.png) no-repeat;background-size:100%;filter:alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;}
.step_icon3{position:absolute;right:-30px;bottom:-20px;width:260px;height:260px;background:url(../img/step_icon3.png) no-repeat;background-size:100%;filter:alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;}
.step_icon4{position:absolute;right:-30px;bottom:-20px;width:260px;height:260px;background:url(../img/step_icon4.png) no-repeat;background-size:100%;filter:alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;}
.step_icon5{position:absolute;right:-30px;bottom:-20px;width:260px;height:260px;background:url(../img/step_icon5.png) no-repeat;background-size:100%;filter:alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;}
.step_icon6{position:absolute;right:-30px;bottom:-20px;width:260px;height:260px;background:url(../img/step_icon6.png) no-repeat;background-size:100%;filter:alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;}
*/
.step_list{position:relative;float:left;width:100%;}
.step_w2{position:relative;float:left;width:92%;padding:15% 3.8% 3.8% 3.8%;background:#fafafa;border:1px solid #ccc;overflow:hidden;}
.step_w2 b{position:absolute;left:0;top:0;width:100.55%;height:42px;line-height:42px;font-size:16px;font-weight:600;color:#fff;background:#3d66b4;margin:-1px 0 0 -1px;}
.step_w2 b span{float:left;width:42px;height:42px;line-height:44px;font-size:22px;text-align:center;font-weight:bold;font-weight:1000;color:#fff000;background:url(../img/step_num.png) no-repeat;background-size:100%;margin-right:15px;}
.step_w2 p{float:left;width:100%;line-height:18px;font-size:13px;color:#333;}
.step_w2 ul{float:left;width:100.6%;margin:4% 0 0 -0.3%;}
.step_w2 ul li{float:left;width:49.4%;margin:0.3%;}
.step_w2 ul li img{float:left;width:100%;}

.step_in{position:relative;float:left;width:44.5%;padding:12% 2.5% 2.5% 2.5%;background:#fff;border:1px solid #e0e0e0;margin-right:-1px;}
.step_in strong{position:absolute;left:0;top:0;width:92%;line-height:32px;font-size:15px;padding:0 4%;color:#fff;background:#888;}
.step_in span{font-weight:600;font-size:16px;color:#ccc;margin-right:4px;}
.step_in p{float:left;width:100%;line-height:15px !important;font-size:12px !important;}
.step_in ul{position:absolute;left:0;bottom:0;width:94%;margin:3%;}
.step_in ul li{float:left;width:49%;margin:0.5%;}
.step_in ul li img{float:left;width:100%;}


/* 인사말 */
#greeting{position:relative;float:left;width:100%;text-align:center;}
#greeting b{float:left;width:100%;line-height:26px;font-size:20px;color:#257cbf;}
#greeting img{float:left;width:100%;margin:4% 0 5% 0;}
#greeting p{float:left;width:100%;line-height:18px;font-size:13px;color:#555;}


/* 찾아오시는길 */
.root_daum_roughmap{width:100% !important;border:none !important;padding:0 !important;}
.wrap_map{height:240px !important;}

.tbl dl{float:left;width:100%;}
.tbl dl dt{float:left;width:100%;line-height:15px;font-size:12px;font-weight:600;color:#000;}
.tbl dl dd{float:left;width:100%;line-height:14px;font-size:11px;color:#666;margin:5px 0;}


/* 소식 */
.accordion{position:relative;float:left;width:100%;border-top:1px solid #ccc;}
.accordion li{position:relative;float:left;width:100%;border-top:1px solid #fff;border-bottom:1px solid #ccc;}
.accordion li .ntc_list{display:none;padding:3%;color:#555;font-size:13px;line-height:18px;color:#000;font-weight:400;background:#fbfbfb;}
.accordion li .ntc_list p{font-size:13px;line-height:18px;}
.accordion li div{display:block;width:94%;padding:10px 3%;line-height:22px;font-size:16px;font-weight:600;cursor:pointer;background:#eee;color:#000;}
.accordion li .file{float:left;text-align:center;height:20px;line-height:20px;font-size:12px;background:#eee;color:#898989;padding:0 6px;background:#000;color:#fff;font-weight:600;}















/* 이미지크기 제멋대로일때 조정해주는 style */
@media screen and (min-width:0) and (max-width:360px) {
.banner{height:190px;}
.banner b{font-size:20px;}
.banner p{line-height:15px;font-size:11px;}

.gallery ul li{width:48%;height:160px;}
.gallery ul li a{width:98.5%;height:110px;}
.gallery ul li p{line-height:15px;font-size:12px;}

.step_in{min-height:130px;}
}

@media screen and (min-width:361px) and (max-width:420px) {
.banner{height:240px;}

.gallery ul li{width:48%;height:190px;}
.gallery ul li a{width:98.5%;height:140px;}
.gallery ul li p{line-height:18px;font-size:13px;}

.step_in{min-height:130px;}
}

@media screen and (min-width:421px) and (max-width:767px) {
.banner{height:280px;}
.banner b{font-size:30px;}
.banner p{line-height:24px;font-size:16px;}

.gallery ul li{width:48%;height:260px;}
.gallery ul li a{width:98.5%;height:200px;}
.gallery ul li p{line-height:18px;font-size:14px;}

.step_in{min-height:140px;}

.wrap_map{height:320px !important;}
}

@media screen and (min-width:768px) and (max-width:1023px) {
.banner{height:320px;}
.banner b{font-size:34px;}
.banner p{line-height:28px;font-size:20px;}

.gallery ul li{width:31.3%;height:240px;}
.gallery ul li a{width:98.5%;height:170px;}
.gallery ul li p{line-height:22px;font-size:16px;}

.step_in{min-height:190px;}

.wrap_map{height:360px !important;}
}

@media screen and (min-width:1024px) and (max-width:1920px) {
.banner{height:400px;background-position:0 90%;}
.banner b{font-size:34px;margin-top:70px;}
.banner p{line-height:28px;font-size:20px;}

.gallery ul li{width:31.3%;height:280px;}
.gallery ul li a{width:98.5%;height:220px;}
.gallery ul li p{line-height:24px;font-size:18px;}

.step_in{min-height:210px;}

.wrap_map{height:400px !important;}
}