/* Written By MJS */

*{-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:'nanumbarungothic',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;}
/* 기본글씨체 */
@import url(http://fonts.googleapis.com/earlyaccess/nanumbarungothic.css);





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

/* 로고 */
.logo{position:relative;float:left;width:30%;margin:0 21%;}
.logo a{float:left;width:100%;}
.logo a img{float:left;width:100%;}


#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%;background:#fff;}
.ment{position:absolute;left:0;top:10%;width:80%;margin:0 10%;text-align:center;z-index:1000;}
#slideShowImages{position:relative;float:left;width:100%;overflow-x:hidden;}
#slideShowImages img{position:relative;}


/* 동영상 */
.video_w{position:relative;float:left;width:92%;padding:4%;background:#fff;}
#video{position:relative;float:left;width:100%;height:220px;overflow:hidden;background:#000;}


.main_title{position:relative;float:left;width:100%;line-height:100%;font-size:22px;font-weight:600;text-align:center;color:#fff;margin-bottom:4%;}
.main_title2{position:relative;float:left;width:100%;line-height:100%;font-size:22px;font-weight:600;text-align:center;color:#000;margin-bottom:4%;}


/* 빠른상담요청 */
#consulting{position:relative;float:left;width:92%;padding:8% 4%;overflow:hidden;background:#3f9ad9}
#consulting select{float:left;width:73%;height:26px;line-height:26px;font-size:12px;color:#555;background:#fff;}
.cst1{position:relative;float:left;width:100%;margin-bottom:4px;}
.cst1 b{float:left;height:26px;line-height:26px;font-size:13px;font-weight:600;margin:0 7px;color:#fff;}
.cst1 span{float:left;width:26%;height:26px;line-height:26px;font-size:13px;color:#fff;}
.cst1 input.cp01{float:left;width:70%;height:26px;line-height:26px;font-size:12px;color:#555;padding:0 6px;}
.cst1 input.cp02{float:left;width:30%;height:26px;line-height:26px;font-size:12px;color:#555;padding:0 6px;}
a.icon_calendar{position:relative;float:left;width:30px;height:26px;background:url(../img/icon_calendar.gif) no-repeat;background-size:100%;margin-left:-30px;z-index:1000;}

ul.cst_radio{float:left;width:70%;margin-top:4px;}/* 라디오 버튼 */
ul.cst_radio li{float:left;width:100%;line-height:100%;line-height:14px;font-size:11px;color:#fff;margin:3px 0;}
ul.cst_radio li input.rd_ip{float:left;width:14px;height:14px;line-height:14px;margin-right:3px;}

.coun_check_w{position:relative;float:left;width:100%;border-top:1px dashed #b2d3ea;padding-top:20px;margin:15px 0 5px 0;}
.coun_check{position:relative;width:198px;height:20px;margin:0 auto;}/* 개인정보동의 */
.coun_check input{float:left;width:14px;height:14px;line-height:14px;margin-right:5px;}
.coun_check p{float:left;font-size:11px;line-height:14px;color:#fff;}
input.layer_btn{float:left;width:50px;height:20px;cursor:pointer;background:url(../img/layer_btn.png) no-repeat;margin:-3px 0 0 10px;}
button.coun_btn{float:left;width:80%;margin:0 10%;border:none;background:none;}

.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:50%;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:100%;height:50px;line-height:50px;background:#898989;color:#fff;font-size:20px;font-weight:bold;text-align:center;}
.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:18px;color:#fff;text-align:center;}	
.rule_pop{float:left;width:100%;font-size:14px;line-height:20px;margin-top:3%;}


/* 실시간 접수현황 */
#status{position:relative;float:left;width:92%;padding:8% 4%;background:#327bae;}
#ticker{position:relative;float:left;width:100%;margin-top:-5px;}
ul.ticker{float:left;width:100%;height:131px;overflow:hidden;}
ul.ticker li{float:left;width:96%;height:32px;line-height:32px;font-size:13px;color:#fff;background:rgba(0, 0, 0, 0.1);padding:0 2%;margin-bottom:1px;}
ul.ticker li b{float:left;width:20%;font-weight:400;}
ul.ticker li span{float:left;width:50%;}
ul.ticker li .fin{float:left;width:30%;text-align:right;color:#fff;}


/* 이사 및 장비안내 */
#service{position:relative;float:left;width:92%;padding:8% 4%;background:url(../img/pattern.png) repeat;}
#service ul{float:left;width:100%;}
#service ul li{float:left;width:33.333%;text-align:center;}
#service ul li a{float:left;width:100%;text-align:center;}
#service ul li a img{float:left;width:50%;margin:0 25%;}
#service ul li a p{float:left;width:100%;line-height:20px;font-size:14px;color:#fff;margin-top:10px;}


/* 갤러리 */
.f_roll_w{position:relative;float:left;width:92%;padding:8% 4%;background:#f6f6f6;overflow:hidden;}
#f_roll{position:absolute;left:0;top:0;width:220%;height:135px;}
#f_roll a{float:left;display:block;width:180px;margin:0 3px;}
#f_roll a img{float:left;width:100%;margin-bottom:6px;}
#f_roll a p{float:left;width:100%;line-height:20px;font-size:14px;font-weight:600;text-align:center;margin-bottom:20px;}


/* 새소식, 자주하는질문 */
#notice{position:relative;float:left;width:92%;padding:8% 4%;background:#fff;}
ul.tabs{float:left;width:100%;height:42px;}
ul.tabs li{float:left;width:50%;height:42px;line-height:42px;background:#e0e0e0;overflow:hidden;}
ul.tabs li a{float:left;width:99.3%;height:40px;line-height:40px;text-align:center;font-size:16px;font-weight:600;color:#666;border:1px solid #ccc;}
ul.tabs li.active a,ul.tabs li.active a:hover{height:42px;line-height:42px;color:#000;background:#fff;}
.tab_container{float:left;width:100%;background:#fff;}
.tab_content{float:left;width:92%;padding:3.8%;border:1px solid #ccc;border-top:none;}
ul.board{float:left;width:100%;}/* 게시판 */
ul.board li{float:left;width:100%;}
ul.board li a{float:left;width:74%;font-size:12px;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333;}
ul.board li a:hover{text-decoration:underline;}
ul.board li span.date{float:left;width:26%;line-height:22px;font-size:11px;text-align:right;color:#898989;}





/*================================== 하단 ==================================*/
/* 고객센터 */
#customer{position:relative;float:left;width:100%;padding:5% 0;height:94px;background:#f6f6f6;overflow:hidden;border-top:1px solid #ccc;}
.cs_left{position:relative;float:left;width:30%;padding:0 4.9%;}
.cs_num{float:left;width:110%;margin-top:4%;}
.cs_num a{color:#cc2020;}
.cs_num b{float:left;width:100%;line-height:20px;font-size:20px;letter-spacing:-1px;font-weight:bold;font-weight:1000;color:#cc2020;}
.cs_num span{float:left;width:100%;line-height:100%;font-size:16px;letter-spacing:0.03em;font-weight:bold;font-weight:1000;color:#cc2020;}
.cs_txt{float:left;width:100%;line-height:16px;font-size:11px;margin-top:8px;}
.cs_txt b{float:left;height:16px;font-size:11px;font-weight:600;padding:0 4px;color:#fff;background:#a3a3a3;margin-right:4px;}

.cs_right{position:relative;float:left;width:50%;padding:0 4.9%;border-left:1px solid #e0e0e0;}
.cs_right ul{float:left;width:110%;}
.cs_right ul li{float:left;width:120%;line-height:19px;font-size:13px;color:#888;padding-left:3%;background:url(../img/bullet.gif) no-repeat 0 50%;}
.cs_right ul li b{display:inline-block;vertical-align:top;font-size:16px;color:#555;margin-left:8px;}
.cs_right ul li a b{color:#000;}

#footer{position:relative;float:left;width:100%;background:#333;}
.copy{position:relative;float:left;width:100%;padding-top:4%;color:#aaa;font-size:11px;}
.copy p{text-align:center;}


/* 버튼 style */
#button{position:relative;float:left;width:100%;background:#333;padding:4% 0 6% 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);}





/*================================== 서브 ==================================*/
#sub_content{position:relative;float:left;width:100%;height:auto;min-width:320px;}


/* 서브 메뉴 */
.sub_top{position:relative;float:left;width:92%;padding:30px 4%;background:rgba(0, 0, 0, 0.7);}
.sub_top2{position:relative;float:left;width:100%;height:130px;background:rgba(0, 0, 0, 0.7);}
#back_bg2{position:fixed;left:0;top:-14%;width:100%;height:1200px;background:url(../img/back_bg2.jpg) repeat top center;background-size:150%;z-index:-9;}
.sub_top h3{float:left;width:100%;line-height:100%;font-size:22px;font-weight:600;text-align:center;color:#fff;}
.sub_top2 h3{float:left;width:100%;line-height:130px;font-size:22px;font-weight:600;text-align:center;color:#fff;}
.sub_menu{position:relative;float:left;width:100%;margin-top:3%;padding-top:3%;background:url(./img/line.gif) no-repeat center top;background-size:30px;}
.sub_menu ul{text-align:center;}
.sub_menu ul li{display:inline-block;padding:0 4px;margin-top:5px;}
.sub_menu ul li a{float:left;width:100%;line-height:12px;font-size:12px;color:#fff;filter:alpha(opacity=70);opacity:0.7;-moz-opacity:0.7;}
.sub_menu ul li a.select{color:#ffe400;font-weight:600;filter:alpha(opacity=100);opacity:1;-moz-opacity:1;}


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


/* 서브타이틀 */
.stitle1{position:relative;float:left;width:100%;line-height:100%;font-size:22px;font-weight:600;text-align:center;color:#000;margin:10% 0 5% 0;border-bottom:1px solid #e0e0e0;}
.stitle1 span{display:inline-block;border-bottom:3px solid #008af4;padding-bottom:2%;margin-bottom:-1px;}
.stitle2{position:relative;float:left;width:97%;padding-left:2.5%;line-height:100%;font-size:20px;font-weight:600;color:#444;margin:8% 0 4% 0;border-left:3px solid #34b5e0;}


/* 서브 텍스트 */
.sub_txt{position:relative;float:left;width:92%;padding:3.5%;line-height:20px;font-size:14px;color:#666;background:#f6f6f6;border:3px solid #eee;}
.sPoint{position:relative;float:left;width:100%;line-height:20px;font-size:14px;color:#224f9a;margin-bottom:3%;}
.sPoint2{position:relative;float:left;width:100%;line-height:16px;font-size:12px;color:#999;margin-top:3%;}


/* 서브 리스트 */
.sList{position:relative;float:left;width:90%;padding:4% 5%;background:#f6f6f6;}
.sList ul{float:left;width:100%;}
.sList ul li{float:left;width:95%;line-height:18px;font-size:14px;color:#333;padding-left:5%;margin:5px 0;background:url(../img/bullet_check.png) no-repeat 0 2px;background-size:12px;}

.sList_photo{position:relative;float:left;width:100%;margin-top:30px;}
.sList_photo ul{float:left;width:102%;margin:-1% 0 0 -1%;}
.sList_photo ul li{float:left;width:48%;margin:1%;background:#aaa;}
.sList_photo ul li img{float:left;width:100%;}
.sList_photo ul li p{float:left;width:90%;line-height:18px;font-size:14px;padding:10px 5%;text-align:center;color:#fff;}

.sList3{position:relative;float:left;width:100%;}
.sList3 ul{float:left;width:100.5%;}
.sList3 ul li{float:left;width:29.1%;line-height:22px;font-size:16px;text-align:center;padding:2%;color:#fff;background:#0488d2;margin-left:1px;}
.sList3 ul li:first-child{margin:0}


/* 버튼 */
.btn_w{position:relative;float:left;width:100%;text-align:center;margin:5% 0 0 0;}
input.btn{display:inline-block;width:60%;height:50px;line-height:100%;font-size:18px;font-weight:600;cursor:pointer;border-radius:0;background:#0277bc;text-align:center;color:#fff;border:2px solid #03579f;margin:0 0.5%;}
input.btn2{display:inline-block;width:40%;height:50px;line-height:100%;font-size:18px;font-weight:600;cursor:pointer;background:#eee;text-align:center;color:#555;border:2px solid #ccc;margin:0 0.5%;}


/* 페이징 */
.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;}





/*=================================== 서브 내용 style ===================================*/
/* 오시는길 */
.add_w{position:relative;float:left;width:100%;}
dl.add_txt{float:left;width:100%;margin-top:3%;border-top:1px solid #ccc;}
dl.add_txt dt{float:left;width:20%;line-height:32px;font-size:14px;text-align:center;color:#000;background:#f9f9f9;border-bottom:1px solid #ccc;}
dl.add_txt dd{float:left;width:78%;line-height:32px;font-size:13px;color:#777;padding-left:2%;border-bottom:1px solid #ccc;}


/* 투입인원 및 장비, 서비스안내 */
.shape{position:relative;float:left;width:100%;}
.shape ul{position:relative;float:left;width:100%;margin-top:-2px;}
.shape ul li{position:relative;float:left;width:90%;margin:2px 0;padding:0 5%;background:#e9f1f4;}
.shape ul li img{float:left;width:80px;margin-right:5%;}
.shape ul li p{float:left;width:70%;line-height:24px;font-size:14px;margin-top:18px;color:#555;}
.shape ul li p b{float:left;width:100%;font-size:18px;color:#1a6bb6;}

.shape_or{position:absolute;left:50%;bottom:-17px;width:30px;height:30px;margin-left:-15px;background:url(../img/shape_or.png) no-repeat;background-size:30px;z-index:10;}
.shape_plus{position:absolute;left:50%;bottom:-17px;width:30px;height:30px;margin-left:-15px;background:url(../img/shape_plus.png) no-repeat;background-size:30px;z-index:10;}


/* 온라인상담 */
.tbl{position:relative;float:left;width:100%;}
.tbl table{float:left;width:100%;border-top:2px solid #000;}
.tbl table th{width:22% !important;font-size:14px;font-weight:600;background:#f9f9f9;text-align:left;}
.tbl table td span{float:left;height:30px;line-height:30px;font-size:12px;margin:0 3%;color:#000;}
.tbl table td .ip01{float:left;width:94%;height:28px;line-height:28px;font-size:12px;padding:0 6px;color:#777;border:1px solid #e0e0e0;margin-right:20px;}
.tbl table td .ip02{float:left;width:30%;height:28px;line-height:28px;font-size:12px;padding:0 6px;color:#777;border:1px solid #e0e0e0;}
.tbl table td .ip03{float:left;width:80px;height:28px;line-height:28px;font-size:12px;padding:0 6px;color:#777;border:1px solid #e0e0e0;}
.tbl table td textarea{float:left;width:98%;height:70px;padding:10px;line-height:22px;font-size:12px;color:#777;border:1px solid #e0e0e0;}
.tbl table td select.sct1{float:left;width:22%;height:30px;line-height:30px;font-size:12px;padding:0 6px;color:#777;border:1px solid #e0e0e0;}
.tbl table td select.sct2{float:left;width:42%;height:30px;line-height:30px;font-size:12px;padding:0 6px;color:#777;border:1px solid #e0e0e0;}
.tbl table th,.tbl table td{padding:2%;border-bottom:1px solid #e0e0e0;}
input.tbl_btn{float:left;width:110px;height:30px;line-height:30px;font-size:16px;font-weight:600;cursor:pointer;text-align:center;color:#fff;background:#999;border:none;}
input:hover.tbl_btn{background:#777;}
/* 첨부파일 */
.input-file{display: inline-block;}
.input-file [type="file"]{position:absolute;width:0;height:0;padding:0;margin:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0 none;}
.input-file .file-label{float:left;display:inline-block;min-width:53px;height:40px;line-height:40px;font-size:14px;text-align:center;padding:0 20px;margin-left:-1px;background:#999;color:#fff;}
.input-file .file-name{float:left;width:260px;height:38px;line-height:38px;border:1px solid #ccc;background:#fff;}
.file-focus{outline:1px dotted #d2310e;}

ul.tbl_radio{float:left;width:100%;}/* 라디오 버튼 */
ul.tbl_radio li{float:left;line-height:13px;font-size:12px;color:#555;margin:5px 20px 5px 0;}
ul.tbl_radio li input.rd_ip{float:left;width:13px;height:13px;line-height:13px;margin-right:3px;}


/* 약관 */
.terms_w{position:relative;float:left;width:96%;height:110px;padding:2%;overflow-x:hidden;overflow-y:scroll;background:#f4f4f4;margin-top:30px;}
.terms_title{float:left;width:100%;font-size:16px;font-weight:600;color:#000;margin-bottom:10px;}
.terms_list dl{float:left;width:100%;padding-top:10px;}
.terms_list dl dt{padding-bottom:8px;font-weight:600;font-size:13px;color:#555;}
.terms_list dl dd{padding-bottom:5px;font-size:11px;line-height:16px;color:#999;}


/* 동의 */
.agree{float:left;width:100%;margin:20px 0;}
.agree input{float:left;width:15px;height:15px;line-height:15px;margin-right:5px;}
.agree label{float:left;font-size:14px;line-height:15px;}


/* 이사 Tip */
.checkList{position:relative;float:left;width:100%;}
.checkList table{float:left;width:100%;border-top:2px solid #000;}
.checkList table th,.checkList table td{padding:2%;border:1px solid #ccc;}
.checkList table th{font-weight:400;line-height:22px;font-size:16px;text-align:right;padding-right:3%;background:#f9f9f9;}
.checkList table td{line-height:26px;font-size:18px;}
.checkList table th span{font-size:16px}
.checkList table th b{color:#356ab3;}
.checkList table td a{color:#356ab3;font-weight:600;}

.checkList2{position:relative;float:left;width:100%;}
.checkList2 table{float:left;width:100%;border-top:2px solid #000;}
.checkList2 table th{font-weight:400;line-height:22px;font-size:16px;text-align:center;background:#f9f9f9;}
.checkList2 table td{line-height:20px;font-size:13px;text-align:left;color:#777;}
.checkList2 table th,.checkList2 table td{padding:2%;border:1px solid #ccc;}
.checkList2 table td span{float:left;width:100%;font-size:12px;color:#356ab3;}
.checkList2 .clist_title{float:left;width:100%;text-align:center;}
.checkList2 .clist_title b{float:left;width:100%;font-weight:600;font-size:16px;margin:8px 0;}
.checkList2 .clist_title img{float:left;width:80%;margin:0 10%;filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4;}
ul.clist{float:left;width:100%;}
ul.clist li{float:left;width:90%;line-height:18px;font-size:14px;color:#666;padding-left:7%;margin:4px 0;background:url(../img/bullet_check.png) no-repeat 0 2px;background-size:13px;}


/* 서비스 진행 과정 */
#step_list{position:relative;float:left;width:90%;padding:8% 5% 5% 5%;background:#5ca9cd;}
#step_list h3{float:left;width:100%;line-height:50px;font-size:32px;font-weight:400;letter-spacing:-2px;text-align:center;color:#fff;font-family: 'NanumMyeongjo' !important;margin-bottom:5%;}
#step_list h3 span{float:left;width:100%;line-height:100%;font-size:12px;letter-spacing:0;}
#step_list ul{position:relative;float:left;width:102%;margin:0 0 0 -1%;}
#step_list ul li{position:relative;float:left;padding:0 1%;text-align:center;}
#step_list ul li img{float:left;width:100%;}
#step_list ul li span{font-family: 'NanumMyeongjo' !important;font-weight:600;color:#5ca9cd;background:url(../img/sp_icon.png) no-repeat;}
#step_list ul li p{float:left;width:100%;color:#fff;}


/* 포토갤러리 */
.photo_list{position:relative;float:left;width:100%;}
.photo_list ul{float:left;width:102%;margin:0 0 0 -1%;}
.photo_list ul li{float:left;margin:0 1%;}
.photo_list ul li a{float:left;width:100%;}
.photo_list ul li a img{float:left;width:100%;}
.photo_list ul li p{float:left;width:100%;line-height:22px;font-size:18px;color:#000;margin-top:12px;text-align:center;}


/* 디테일페이지 */
.detail{position:relative;float:left;width:100%;}
.dtl_title{position:relative;float:left;width:100%;padding-bottom:2%;border-bottom:2px solid #ccc;}
.dtl_title p{float:left;width:100%;line-height:26px;font-size:20px;color:#000;}
.dtl_title span{position:absolute;right:0;top:40px;line-height:32px;font-size:14px;text-align:right;}

.dtl_cont{position:relative;float:left;width:100%;min-height:300px;margin:50px 0 20px 0;}

/* .dtl_cont img{position:relative;margin-bottom:20px;text-align:center;}    */
















/* 이미지크기 제멋대로일때 조정해주는 style */
@media screen and (min-width:0) and (max-width:360px) {
#service ul li{height:90px;}
#back_bg{position:fixed;left:0;top:0;width:100%;height:1200px;background:url(../img/back_bg.jpg) repeat center center;background-size:480px;z-index:-9;}

.sList_photo ul li{height:160px;}
.sList_photo ul li img{height:106px;}

#step_list ul li{width:31.3% !important;height:170px;background:url(../img/line.png) repeat-x 0 95px;}
#step_list ul li img{float:left;width:100%;height:70px;}
#step_list ul li span{position:absolute;left:50%;top:80px;width:30px;height:30px;line-height:30px;font-size:18px;font-family: 'NanumMyeongjo' !important;font-weight:600;color:#5ca9cd;margin:0 0 0 -15px;background:url(../img/sp_icon.png) no-repeat;background-size:30px;}
#step_list ul li p{line-height:16px;font-size:12px;margin-top:50px;}

.photo_list ul li{width:48%;height:150px;}
.photo_list ul li a img{height:100px;}
.photo_list ul li p{line-height:16px;font-size:12px;margin-top:8px;}
}

@media screen and (min-width:361px) and (max-width:420px) {
#service ul li{height:120px;}
#back_bg{position:fixed;left:0;top:0;width:100%;height:1200px;background:url(../img/back_bg.jpg) repeat center center;background-size:800px;z-index:-9;}

.sList_photo ul li{height:200px;}
.sList_photo ul li img{height:140px;}

#step_list ul li{width:31.3% !important;height:190px;background:url(../img/line.png) repeat-x 0 110px;}
#step_list ul li img{float:left;width:100%;height:84px;}
#step_list ul li span{position:absolute;left:50%;top:95px;width:30px;height:30px;line-height:30px;font-size:18px;font-family: 'NanumMyeongjo' !important;font-weight:600;color:#5ca9cd;margin:0 0 0 -15px;background:url(../img/sp_icon.png) no-repeat;background-size:30px;}
#step_list ul li p{line-height:18px;font-size:13px;margin-top:50px;}

.photo_list ul li{width:48%;height:190px;}
.photo_list ul li a img{height:130px;}
.photo_list ul li p{line-height:18px;font-size:13px;margin-top:10px;}
}

@media screen and (min-width:421px) and (max-width:767px) {
#service ul li{height:160px;}
#back_bg{position:fixed;left:0;top:0;width:100%;height:1200px;background:url(../img/back_bg.jpg) repeat center center;background-size:960px;z-index:-9;}

.sList_photo ul li{height:220px;}
.sList_photo ul li img{height:180px;}

#step_list ul li{width:31.3% !important;height:220px;background:url(../img/line.png) repeat-x 0 150px;}
#step_list ul li img{float:left;width:100%;height:120px;}
#step_list ul li span{position:absolute;left:50%;top:130px;width:40px;height:40px;line-height:40px;font-size:24px;font-family: 'NanumMyeongjo' !important;font-weight:600;color:#5ca9cd;margin:0 0 0 -20px;background:url(../img/sp_icon.png) no-repeat;background-size:40px;}
#step_list ul li p{line-height:18px;font-size:13px;margin-top:60px;}

.photo_list ul li{width:48%;height:250px;}
.photo_list ul li a img{height:180px;}
.photo_list ul li p{line-height:22px;font-size:15px;margin-top:10px;}
}

@media screen and (min-width:768px) and (max-width:1023px) {
#service ul li{height:200px;}
#back_bg{position:fixed;left:0;top:0;width:100%;height:1200px;background:url(../img/back_bg.jpg) repeat center center;background-size:1024px;z-index:-9;}

.sList_photo ul{width:101%;margin:-0.5% 0 0 -0.5%;}
.sList_photo ul li{width:32.33%;margin:0.5%;height:210px;}
.sList_photo ul li img{height:170px;}

#step_list ul li{width:18% !important;height:220px;background:url(../img/line.png) repeat-x 0 130px;}
#step_list ul li img{float:left;width:100%;height:100px;}
#step_list ul li span{position:absolute;left:50%;top:110px;width:40px;height:40px;line-height:40px;font-size:24px;font-family: 'NanumMyeongjo' !important;font-weight:600;color:#5ca9cd;margin:0 0 0 -20px;background:url(../img/sp_icon.png) no-repeat;background-size:40px;}
#step_list ul li p{line-height:20px;font-size:14px;margin-top:60px;}

.photo_list ul li{width:31.333%;height:230px;}
.photo_list ul li a img{height:160px;}
.photo_list ul li p{line-height:22px;font-size:16px;margin-top:10px;}
}

@media screen and (min-width:1024px) and (max-width:1920px) {
#service ul li{height:240px;}
#back_bg{position:fixed;left:0;top:0;width:100%;height:1400px;background:url(../img/back_bg.jpg) repeat center center;background-size:1920px;z-index:-9;}

.sList_photo ul{width:101%;margin:-0.5% 0 0 -0.5%;}
.sList_photo ul li{width:32.33%;margin:0.5%;height:240px;}
.sList_photo ul li img{height:200px;}

#step_list ul li{width:18% !important;height:260px;background:url(../img/line.png) repeat-x 0 160px;}
#step_list ul li img{float:left;width:100%;height:120px;}
#step_list ul li span{position:absolute;left:50%;top:140px;width:40px;height:40px;line-height:40px;font-size:24px;font-family: 'NanumMyeongjo' !important;font-weight:600;color:#5ca9cd;margin:0 0 0 -20px;background:url(../img/sp_icon.png) no-repeat;background-size:40px;}
#step_list ul li p{line-height:22px;font-size:16px;margin-top:76px;}

.photo_list ul li{width:31.333%;height:280px;}
.photo_list ul li a img{height:200px;}
.photo_list ul li p{line-height:24px;font-size:18px;margin-top:10px;}
}