@font-face{font-family:'NanumGothic'; src:url('../../font/NanumGothic.woff')}
@font-face{font-family:'NanumGothic'; src:url('../../font/NanumGothic.eot')}
@font-face{font-family:'nanumEB'; src:url('../../font/NanumGothicExtraBold.eot')}


*{padding:0; margin:0; font-family:'NanumGothic', tahoma, MS UI Gothic; font-size:12px; color:#333; -webkit-text-size-adjust:none;}  

img{border:0; }

textarea{width:90%; height:200px; margin:5px 0; padding:10px; font-family:'NanumGothic',tahoma, MS UI Gothic; border:1px solid #ccc; background-color:#f4fdff;}
input{height:22px; border:1px solid #ccc; background-color:#f4fdff; padding-left:5px;}



 li{list-style:none}
 
 
 h1{font-size:60px; color:#19ace5; font-family:'nanumEB'; line-height:80px;}
 h2{font-size:15px; color:#333;}
 h3{font-size:15px; color:#fff; }
 
#wrap{width:100%; border-top:5px solid #d92109;}

#top{width:960px; margin:0 auto; height:100px; }
	#top p{float:left; margin-top:40px; }
	#top select{float:right; margin-top:10px;}
	#top ul{float:left; margin-top:40px; margin-left:100px; }
	#top ul li{float:left; margin-left:30px;}

#m_menu { display:none; }

#sub_menu{position:absolute; width:100%; height:140px; border-bottom:1px solid #ccc;  background-color:#fff;}
#sub_menu .inner { display:block; width:960px; margin:0 auto; }
#sub_menu .inner:after { content:''; display:block; clear:both; }
#sub_menu ul { display:inline-block; float:left; margin-right:30px; }
#sub_menu ul:first-child { margin-left:344px; }
#sub_menu ul li { line-height:25px; font-size:15px; text-align:center; }
#sub_menu ul li a { text-decoration:none; }
	.sub01 { width:76px; }
	.sub02 { width:211px; }
	.sub03 { width:133px; }
	.sub04 { width:76px; }

#visual{width:100%; background-image:url('../img/top_img02_bg.png'); background-repeat:repeat-x;}	
#visual_main{ display:block; width:100%; height:470px; background-image:url('../img/main_visual.png'); background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden; }
#visual_main .visual_txt { display:none; }
#visual .main_img > p { display:none; }
	.main_img{width:960px; margin:0 auto;}
	
#content{width:960px; margin:0 auto; margin-top:30px; margin-bottom:50px; }
	.work li{float:left; margin-bottom:30px;}
	.mr6{margin-right:6px;}
	.mr7{margin-right:7px;}
	.tel{float:left; }
	.map{float:left; margin-left:5px; width:477px; height:220px; background-image:url('../img/main_06.png');}
	.map p{margin-top:15px; font-size:11px; text-decoration:underline; color:#0000cc; margin-left:400px;}
	.map img { margin-top:8px; margin-left:8px; }
	.map_view{width:460px; height:175px; margin-top:10px; margin-left:9px;}
	
#footer{clear:both; width:100%; height:150px; background-image:url('../img/bottom_bg.png');background-repeat:repeat-x;}	
	.f_cont{width:960px; margin:0 auto; padding-top:40px;}
	.f_cont img{float:left;}
	.f_cont p{float:left; margin-left:50px; font-size:11px; color:#999999; line-height:16px;}
	.f_cont select{float: right;}
	.privacy a{margin-left:50px; float:left;}
	
#navi{widht:100%; background-image:url('../img/navi_bg.png');background-repeat:repeat-x; height:49px;}	
	.navi_list{display:block; width:960px; margin:0 auto; }
	.navi_list li{float:left;display:block;}
#navi .mobile_list { display:none; }
	
	
.title{margin-bottom:40px;}	
.c_img{width:960px; text-align:center; margin-top:10px; }
.c_img img { margin-top:10px; }
.txt01{width:960px; margin-top:30px; margin-bottom:30px; color:#666; line-height:18px; font-family:'NanumGothic';font-size:12px;}
.txt02{width:960px;margin-top:30px; margin-bottom:30px; color:#333; line-height:25px; font-family:'NanumGothic';font-size:13px;}
.txt03{width:960px;margin-top:30px; margin-left:30px; margin-bottom:30px; color:#333; line-height:25px; font-family:'NanumGothic'; font-size:13px;}
.txt04{margin-top:30px; margin-left:30px; margin-bottom:30px; color:#333; line-height:25px; font-size:13px; float:left;}
.txt04 img { margin-right:3px; position:relative; top:3px; }
.r_align{text-align:right;}
.map1{background-image:url('../img/company07.png'); width:454px; height:417px; padding:60px 10px 9px 10px; float:left; margin-bottom:50px;}
.map2{background-image:url('../img/company08.png'); width:454px; height:417px; padding:60px 10px 9px 10px;float:left; margin-left:10px;margin-bottom:50px;}
.map_st{width:454px; height:417px; background-color:#333;}
.s_tit{font-size:20px; color:#333; font-weight:bold; margin-top:40px; vertical-align:bottom; margin-bottom:20px; padding:0;}
.s_tit img { margin-right:5px; position:relative; top:4px; }

.tb01{border-left:1px solid #ccc; border-top:1px solid #ccc; float:right;}
.tb01 th{border-bottom:1px solid #ccc; border-right:1px solid #ccc; background-color:#666; color:#fff; height:50px;}
.tb01 td{border-bottom:1px solid #ccc; border-right:1px solid #ccc; height:30px;padding-left:10px; padding-right:40px;}

.tb02{border-top:1px solid #ccc; width:100%; margin-bottom:30px;}
.tb02 th{border-bottom:1px solid #ccc; height:35px;}
.tb02 td{border-bottom:1px solid #ccc; }
.radio01{border:0; background-color:#fff; padding:0; vertical-align:middle;}
.btn00{text-align:center;}

#content > .title > p { display:none; }
#content .mobile_img { display:none; }

@media screen and (max-width:1000px) {
	html, body { width:100%; font-size:13px !important; }
	*, :after, :before {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.row { display:block; width:100%; position:relative; }
	.row:after { content:''; display:block; clear:both; }
	#wrap { border-top:0; }
	#menu { display:none; }
	#m_menu { display:block; position:fixed; width:100%; height:50px; top:0; left:0; z-index:555; background:#d92109; }
	.mobile { position:relative; }
	.mobile h1 { position:absolute; top:17px; left:20px; width:154px; height:18px; }
	.mobile h1 a { display:block; text-indent:-9999px; width:200px; height:16px; background:url('../img/logo.png') center center no-repeat; background-size:100% 100%; }
	.mobile .mobile-menu { display:block; position:absolute; right:5px; top:2px; width:40px; height:40px; background:transparent; border:0; }
	.mobile .mobile-menu i.hamburger { display:block; width:100%; height:100%; background: url('../img/hamburger.png') no-repeat center center; }
	.mobile .mobile-menu i.close { display:block; width:100%; height:100%; background: url('../img/mobile_menu_close.png') no-repeat center center; }
	.mobile .menuwrap { position:fixed; top:50px; right:-190px; overflow:auto; width:190px; height:100%; transition: right .3s ease-in-out; background-color:#fff; }
	.mobile .menuwrap.on { right:0; }
	#dimmed { position:fixed; top:0; left:0; z-index:444; width:100%;height:100%; background-color:rgba(0,0,0,0.5); }
	.mobile .menuwrap .ui.accordion { color:#fff; }
	.mobile .menuwrap .ui.accordion .title { color:#000; border-bottom:1px solid rgba(0,0,0,0.1); line-height:40px; padding:0 15px; margin-bottom:0; }
	.mobile .menuwrap .ui.accordion .content { background:#f7f7f7; padding:0 !important; }
	.mobile .menuwrap .ui.accordion .content a { display:block; border-bottom:1px solid rgba(0,0,0,0.1); line-height:30px; padding:0 15px; }

	#visual { background-size:auto 100%; }
	#visual .main_img { width:100%; height:150px; }
	#visual .main_img > p { display:block; width:100%; text-align:center; font-size:2rem; font-weight:bold; color:#000; text-shadow:0px 0px 10px #fff; position:relative; top:83px; }
	#visual .main_img > p > span { font-size:2rem; color:#d92109; }
	#visual .main_img img { display:none; }

	#visual_main { display:block; height:400px; background-image:url('../img/mobile_main_visual.jpg'); }
	#visual_main .visual_txt { display:block; width:100%; position:relative; top:50px; text-align:center; padding:20px; padding-top:50px; }
	#visual_main .visual_txt p { font-size:3rem; font-weight:bold; color:#fff; text-shadow:1px 1px 10px rgba(0,0,0,0.4); margin-bottom:20px; }
	#visual_main .visual_txt span { color:#000; font-size:1rem; text-shadow:1px 1px 2px #fff; }

	#content { width:100%; margin-top:20px; margin-bottom:30px; }
	#content .work { padding:0 20px; }
	#content .work li { display:inline-block; width:50%; float:left; margin:0; padding-right:5px; margin-bottom:10px; }
	#content .work li:nth-of-type(2n) { padding-right:0; padding-left:5px; }
	#content .work li img { width:100%; }
	#content .tel { padding:0 20px; }
	#content .tel img { width:100%; }
	#content .map { padding:0 20px; display:block; width:100%; height:auto; margin:0; background:url(''); margin-top:10px; }
	#content .map p { display:none; }
	#content .map img { width:100%; margin:0; }
	#content > .title { margin-bottom:10px; }
	#content > .title > img { display:none; }
	#content > .title > p { display:block; padding:0 20px; font-size:1.1rem; font-weight:bold; }
	#content > .title > p:before { content:''; display:inline-block; width:10px; height:10px; border-radius:10px; border:3px solid #d92109; margin-right:5px; }

	#footer { height:auto; padding-top:40px; }
	#footer:after { content:''; display:block; clear:both; }

	.f_cont { width:100%; padding:0 20px; }
	.f_cont > img { width:140px; margin-bottom:20px; }
	.f_cont p { display:block; margin:0; font-size:0.9rem; }
	.f_cont p:nth-of-type(1) {  }
	.f_cont .privacy > a { margin:0; margin-top:10px; margin-bottom:20px; }
	.f_cont > select { margin-top:10px; margin-bottom:20px; }

	#navi { background-image:url(''); height:36px; background:#f1f1f1; border-bottom:1px solid #d4d4d4; overflow:auto; }
	#navi .navi_list { display:none; }
	#navi .mobile_list { display:block; }
	#navi .mobile_list li { display:inline-block; float:left; height:35px; border-right:1px solid #d4d4d4; }
	#navi .mobile_list li a { line-height:35px; padding:0 15px; }

	#content.sub01_04 .c_img,
	#content.sub01_05 .c_img,
	#content.sub03_02 .c_img,
	#content.sub03_03 .c_img,
	#content.sub04_02 .c_img { display:none; }
	#content.sub02_01 .c_img,
	#content.sub03_01 .c_img { display:block; width:100%; overflow:auto; padding:0 20px; margin-top:0; }
	#content.sub02_02 .c_img { display:block; width:100%; margin-top:0; }
	#content.sub02_02 .c_img img { width:100%; }
	#content .txt02 { width:100%; margin-top:20px; margin-bottom:20px; padding:0 20px; margin:10px 0; }
	#content .txt03 { width:100%; margin:0; padding:0 20px; }
	#content .txt04 { width:100%; padding:10px 20px 20px 30px; margin:0; }
	#content .s_tit { margin-top:10px; font-size:1.1rem; padding:0 20px; margin-bottom:10px; }
	#content .s_tit img { top:7px; margin-right:0; }
	#content.sub03_03 .tb01 { margin:0 20px; }
	#content.sub03_03 .tb01 th { height:36px; }
	#content.sub03_03 .tb01 td { padding:10px; }
	#content.sub03_03 .mobile_img { margin-top:20px; }
	#content.sub04_01 .s_tit img:nth-of-type(2) { display:none; }
	#content.sub04_01 table { width:auto; margin:0 20px; }
	#content.sub04_01 table th { letter-spacing:-1px; }
	#content.sub04_01 table td { padding:0 5px; }
	#content.sub04_01 table tr:nth-of-type(1) td:nth-of-type(1) input[type='text'] { width:100%; }
	#content.sub04_01 table tr:nth-of-type(1) td:nth-of-type(2) input[type='text'] { width:30%; }
	#content.sub04_01 table tr:nth-of-type(2) td:nth-of-type(1) input[type='text'] { width:45%; }
	#content.sub04_01 table tr:nth-of-type(3) td:nth-of-type(1) input[type='text'] { width:100%; }
	#content.sub04_01 table tr:nth-of-type(4) td:nth-of-type(1) textarea { width:100%; }
	#content.sub04_01 table tr:nth-of-type(2) td:nth-of-type(2) input { margin:0 5px; }
	#content.sub04_01 .btn00 { margin-top:10px; }
	#content.sub04_02 .mobile_img { margin-top:20px; }
	#content.sub04_02 .mobile_img .row:nth-of-type(2) { margin-top:10px; }
	#content.sub05_01 .P_txt { font-size:1rem; padding:0 20px; }

	#content .mobile_img { display:block; padding:0 20px; }
	#content .mobile_img img { width:100%; }
}