@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* wrap */
div#wrap { position:relative; width:100%; min-width:320px;font-family: 'Nanum Gothic', sans-serif, Arial;  }

div#header{height: 59px;position:relative; width:100%; border-bottom: 1px solid #cccccc}
div#header h1 { width:97px; height:42px; margin:0 auto; padding-top:12px; }
div#header h1 img{width: 103px;}

.pc_image { display:block; }
.mobile_image { display:none; }

table { border-collapse: collapse;}
#bottom_height50px { width:100%;height:50px; }
a { text-decoration:none; }

/*메인 사업소개*/
.data {  }
.data h1 { font-size:15px; color:#ec9854; margin:0 auto; }
.data p {     margin-top: 3px; font-size: 13px;
    color: #cc5881;
    line-height: 18px;
    font-weight: 100;}
.data ul { width:100%; display:flex; border:1px solid #fff; margin-top:0px;list-style: none; padding:0px;}
.data ul li {  text-align:center; height:42px; line-height:42px; transition:all 0.3s;list-style: none; background: #ff7e19;}
.data ul li:nth-child(1) { border-right:1px solid #fff; width: 30%;border-bottom-left-radius: 15px;}
.data ul li:nth-child(2) { border-right:1px solid #fff; width: 30%;}
.data ul li:nth-child(3) { width: 40%; border-bottom-right-radius: 15px;}
.data ul li a { display:inline-block; width:100%; height:100%; color:#fff; font-size:15px; font-weight:200; }
.data ul li a span { margin-left:10px; display:inline-block; }
.data ul li:hover { background:#ff7000; transition:all 0.3s;}




/*seticon*/
div.nav{z-index: 99999}
div.nav div.menuLabel{background: white;background-image: url(/USER_DATA/seoulconst/content/editor/mobilemain_img/menu_arrow.png); background-position:right 12px center ; padding-right: 5px;  width: 94px; height: 28px; background-repeat: no-repeat; text-align: center; font-size: 16px; font-weight: 800;color:#0d283f;margin-top: -29px; z-index: 99999; position: relative;  border-radius: 0px 3px 0 0; line-height: 28px;box-shadow: 0px -3px 3px rgba(0,0,0,0.2);left: -1px;}
div.buttonSection{overflow: hidden;width:100%; position: relative;
    padding-top: 10px !important;
    /* box-shadow: 0px -2px 7px rgb(0 0 0 / 15%); */
    position: relative;
    top: -1px;}
div.buttonSection div.menuBtn{width:calc(33.3% - 10px);; margin-right: 10px; background: #ccc; border-radius: 5px; float: left;height: 109px; margin-bottom: 10px; box-shadow: 1px 1px 3px rgba(0,0,0,0.4); color: white; font-size: 15px; font-weight: 600;text-align: center; line-height: 185px;background-repeat: no-repeat ,repeat;  }

div.buttonSection div.menuBtn:nth-child(3n){margin-right: 5px!important;}
div.buttonSection div.menuBtn:nth-child(3n+1){margin-left: 5px!important;}
div.buttonSection div.menuBtn:nth-child(1){background-image:  url(/USER_DATA/seoulconst/content/editor/mobilemain_img/icon_01.png)/*, url(/USER_DATA/seoulconst/content/editor/mobilemain_img/bg_01.png)*/; background-position: center 23px;    background-color: #3990db;}
div.buttonSection div.menuBtn:nth-child(2){background-image: url(/USER_DATA/seoulconst/content/editor/mobilemain_img/icon_02.png)/*, url(/USER_DATA/seoulconst/content/editor/mobilemain_img/bg_02.png)*/;background-position: center 20px;    background-color: #4e80bf;}
div.buttonSection div.menuBtn:nth-child(3){background-image:  url(/USER_DATA/seoulconst/content/editor/mobilemain_img/icon_03.png)/*, url(/USER_DATA/seoulconst/content/editor/mobilemain_img/bg_03.png)*/; background-position: center 20px;background-color: #86b2ed;}
div.buttonSection div.menuBtn:nth-child(4){background-image: url(/USER_DATA/seoulconst/content/editor/mobilemain_img/icon_04.png)/*,  url(/USER_DATA/seoulconst/content/editor/mobilemain_img/bg_04.png)*/;  background-position: center 20px;background-color: #3e67c2;}
div.buttonSection div.menuBtn:nth-child(5){background-image:  url(/USER_DATA/seoulconst/content/editor/mobilemain_img/icon_05.png)/*, url(/USER_DATA/seoulconst/content/editor/mobilemain_img/bg_05.png)*/; background-position: center 10px;background-color: #34b0c3;}
div.buttonSection div.menuBtn:nth-child(6){background-image:  url(/USER_DATA/seoulconst/content/editor/mobilemain_img/icon_06.png)/*,url(/USER_DATA/seoulconst/content/editor/mobilemain_img/bg_06.png)*/; background-position: center 20px;background-color: #607D8B;}
/*문의전화*/
div.inquiryCall{margin-top:3px; padding-left:5px; padding-right: 1%; height: 80px}
div.inquiryCall>div{float: left; width: 150px}
div.inquiryCall span{display: block;}
div.inquiryCall span:first-child{font-size: 15px; color:#4f4f4f; font-weight:900; border-bottom: 1px solid #4f4f4f; width: 60px;padding-bottom: 3px; margin-top: 3px;margin-bottom: 7px  
}
div.inquiryCall span:nth-child(2){font-size:22px; color:#24395c; font-weight: 900; margin-bottom: 6px; width: 180px }
div.inquiryCall span:nth-child(3){font-size: 12px; color:#505050; font-weight: 800;width: 220px;float: left;}
div.inquiryCall .tel_redbtn {width:145px; height: 70px; background: #e73535;border-radius: 50px; color:white; font-size: 18px; font-weight: bold; float: right; text-align: center; line-height: 70px; position: relative;  box-shadow: 1px 1px 2px rgba(0,0,0,0.4);}
/*푸터*/
#footer{background:#1d598c; color:white;  text-align: center;font-weight: normal;font-size: 13px; padding:15px 0 10px 0;
    line-height: 18px;}
#footer a {color:white; }
.footer_copyright{ color:black; text-align: center; width: 100%; font-size: 10px; background: #d8d8d8; font-weight: bold; padding:2px 0;}

/* 오시는길 */
.location_title {padding-bottom:20px; }
.location_text { line-height:25px; padding-top:20px; }

/* 서브페이지 */
#sub_contentbox { width:90%; margin:0 auto; margin-bottom:50px; }
#sub_contentbox .text_box { margin-bottom:35px; }
#sub_contentbox .text_box .box_title { background:url(/USER_DATA/seoulconst/content/editor/img/boxtitle_icon.png)no-repeat; font-size:14px; font-weight:bold; padding-left: 23px; }
#sub_contentbox .text_box ul {padding-left:0;}
#sub_contentbox .text_box ul li { list-style:none; background:url(/USER_DATA/seoulconst/content/editor/img/sub_dot.gif)no-repeat; padding-left:10px;}
.red_text { color: #f00; }

#sub_contentbox .text_box .box_text { line-height:21px; }
#sub_contentbox .text_box .box_text span { color: #f00; }

#sub_contentbox .text_box table { border:1px solid #ccc; border-bottom:none; width:100%; }
#sub_contentbox .text_box table tr td, #sub_contentbox .text_box table tr th { border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:5px;}
#sub_contentbox .text_box table tr td:last-child, #sub_contentbox .text_box table tr th:last-child { border-right:none; }
#sub_contentbox .text_box table tr th { background:#ecfbff; }
 
.box_title_red { font-weight:bold; color: #f00; }

.box_table { width:100%; border:1px solid #ccc; border-bottom:none; margin-bottom:10px; }
.box_table tr td { padding:10px; border-bottom:1px solid #ccc;word-break: keep-all; line-height: 20px; }
.box_table tr td:first-child { width:30%; border-right:1px solid #ccc; font-weight:bold;}

.text_box2 { width:100%; position: relative; height: 80px; }
.text_box2 p { display: inline-block; position:absolute; line-height: 21px; word-break: keep-all; margin:0; }
.text_box2 p:first-child { width:45px; top:0; left:0; padding-left:0!important; margin-top:2px!important; }
.text_box2 p:last-child { top:0; left:45px; }
.plus_red_text { font-size:12px; color: #f00; font-weight:bold; }
 
.contnet_minititle { width:100%; margin-bottom:20px; word-break:keep-all; line-height:20px; }
.contnet_minititle p { margin:0; padding-bottom:5px; }
.spangreen { color:#75a34a; font-size:13px; font-weight:bold; }
.spanblue { color:#3b84d5; font-size:13px; font-weight:bold; }
.spanred { color:#ff0800; font-weight:bold; }

.ul_width_50 { width:49%; display:inline-block; } 


.table_box_construction { border:1px solid #ccc; border-bottom:none; margin:10px auto;}
.table_box_construction tr td { border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:5px; }
.table_box_construction tr td:last-child { border-right:none; }



.mobile_main { display:none; }

/*---- 모바일 ----*/

@media screen and (max-width: 350px){
div.inquiryCall a{width:115px; height: 70px;  font-size: 16px; font-weight: bold; float: right; }
div.inquiryCall a img{width:25px;}
div.inquiryCall span:nth-child(3){font-size: 12px; color:#505050; font-weight: 800;width: 220px;float: left;}
#footer{font-size: 11px;}

}

@media screen and (max-width: 768px){

.pc_image { display:none; }
.mobile_image { display:block; }

#container { min-height:auto!important; }
.mobile_main { display:block; }
#location, #sub_contentbox { width:95%; }

#sub_contentbox > img { padding:30px 0; }
#sub_contentbox .text_box { font-size:13px; line-height:23px; }
#sub_contentbox .text_box .red_text { line-height:18px; margin-top:10px; padding-left:10px; }
#sub_contentbox .text_box .box_title { background-position:left 3px; }
.bottom_p { font-size:12px; }
.box_table tr td:first-child { width:40%; }
.text_box2 { margin:20px 0; height:100px; }
.ul_width_50 { width:100%; display:block; }
.table_box_construction tr td { padding:5px 1px; }
.table_box_title { margin-bottom:10px; }


/*스킨*/
#a_content_area #sub_title {
	height: 30px;
	background: #f9f9f9;	
} 
#a_content_area #sub_title h1 { font-size: 15px!important; }
.m_header h1 a img { margin-top:6px; } /* 로고위치 */
#slide_header > ul > li > a:hover { color:#3677ae!important; }/*메뉴 홈으로,이메일 버튼 클릭효과*/
#slide_navi > ul > li.on > a {  color:#3677ae!important; }/*메뉴 클릭*/
#slide_navi > ul > li.m_menu_sel > a,.navi_sec_m >ul> li.m_menu_sel > a { color:#3677ae!important; }/*선택된메뉴 color*/

/* 서브 */
#location_navi { padding:0 10px!important; }
#a_content_area #sub_title { padding-top:15px; }
#sub_title h1 span { /* 서브 페이지 타이틀 */
	background: #1d598c!important;
    width: 100%!important;
    height: 2px!important;	
	margin-top: 13px!important;
}

}