@import url("common.css");
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

#content_text { clear:both; padding-top:0px; line-height:1.5;}
/*각페이지별타이틀아이콘*/
#content_text H2 { color:#464646; padding-top:0px; padding-right:0px; padding-bottom:5px; padding-left:15px; font-size:20px; font-weight:bold; margin-top:30px; margin-right:0px; margin-bottom:20px; margin-left:0px; background-image:url(../img/sub/bullet_BB.jpg); background-attachment:scroll; background-repeat:no-repeat; background-position-x:0px; background-position-y:4px; background-color:transparent; }

#content_text H3 {color:#333; padding-top:0px; padding-right:0px; padding-bottom:3px; padding-left:20px; font-size:18px; line-height:1.5; font-weight:bold; margin-top:20px; margin-right:0px; margin-bottom:5px; margin-left:0px; background-image:url(../img/sub/bullet_B.png); background-attachment:scroll; background-repeat:no-repeat; background-position-x:0px; background-position-y:7px; background-color:transparent;}

#content_text H4 { color:#333; padding-top:0px; padding-right:0px; padding-bottom:3px; padding-left:20px; font-size:16px; line-height:1.5; font-weight:bold; margin-top:15px; margin-right:0px; margin-bottom:5px; margin-left:0px; background-image:url(../img/sub/bullet_S.jpg); background-attachment:scroll; background-repeat:no-repeat; background-position-x:0px; background-position-y:12px; background-color:transparent;}

#content_text H5 { padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:19px; font-size:15px; line-height:1.5; font-weight:400; margin-top:0px; margin-right:0px; margin-bottom:3px; margin-left:0px; background-image:url(../img/sub/bullet_Ss.png);  background-attachment:scroll; background-repeat:no-repeat; background-position-x:0px; background-position-y:7px; background-color:transparent;}

#content_text .con_01 { clear:both; margin:0 0 30px 5px; overflow:hidden; padding:0; position:relative; width:698px;}

#content_text .line { border-bottom:1px solid #E2E2E2; margin-top:30px;margin-bottom:30px;}

/*******************************************************************************
	회사소개
*******************************************************************************/
/*인사말*/
.intro01{width:100%; padding:60px 0 20px; text-align:center;}
.intro01_box{max-width:1200px; width:95%; margin:0 auto; }
.intro01_box:after{content:""; display: block; clear: both;}
.intro01_img{ width: 41%; float: left;}
.intro01_img img{ width: 100%; }
.intro01_txt{float: left;width:59%;line-height:1.5; margin-top:-30px; text-align:left;word-break: break-all; font-weight:400; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; padding-left:60px;}

.intro01_txt01{font-family:'Noto Sans KR', sans-serif;font-size:28px;line-height:1.5;color:#333; margin-top:30px; letter-spacing:-1px; font-weight:500}
.intro01_txt01 span{color:#083ea1;font-size:28px;line-height:1.5; letter-spacing:-1px;font-weight:500 }
.intro01_txt02{font-size:22px;line-height:1.5;color:#2f2f2f; margin-top:20px; font-weight:600;}
.intro01_txt03{font-size:15px; margin-top:20px;line-height:1.5; }
.intro01_txt03 span{font-size:15px; margin-top:20px;line-height:1.5; font-weight:bold }
.intro01_txt04{font-size:15px; margin-top:20px;line-height:1.5; color:#333 }

.intro01 .intro01_box .img_b{float: left; width:46%; margin-right: 4%;}
.intro01 .intro01_box .intro{float: left; width:50%;}
.intro01 .intro01_box .intro p{font-size: 1.3em; line-height: 1.6em; text-align: left; font-family: 'GmarketSansMedium';}

/*******************************************************************************
	@media query
*******************************************************************************/
@media all and (max-width:540px){
	.intro01 .intro01_box .img_b{float: none; width:90%; margin-right: none; margin: 0 auto 20px;}
	.intro01 .intro01_box .intro{float: none; width:90%; margin:0 auto;}
	.intro01 .intro01_box .intro p{font-size: 1.3em; line-height: 1.6em; text-align: left; font-family: 'GmarketSansMedium';}

}

/*연혁*/
.history::after {content:' '; display:table; clear:both;}
.history_left {float:left;width: 45%;text-align:left;}
.history_left .img_history img {display: inline-block; border:2px solid #D8D8D8;}
.history_left .his_txt {margin: 3rem 0 3rem;font-size:30px;font-weight: 400; line-height:1.3;letter-spacing:0px;font-family:'Noto Sans KR', sans-serif;}
.history_left .his_txt span{color:#3177D4;font-size:30px;font-weight: 400; line-height:1.3;letter-spacing:-3px;font-family:'Noto Sans KR', sans-serif;}
.history_left p{font-size: 18px;color: #707070; text-align:left}
.history_right {float:right;width: 50%;background: url(../img/page/bg_history.png) no-repeat 100% 100%;}
.history_right ul {position: relative;padding: 7rem 0 25rem;}
.history_right ul::before {content:' ';display: block;position: absolute;left: 0;top: 0;width: 0.1rem; height:100%;background: #d4d4d4;} 
.history_right ul::after {content:' ';display: block;position: absolute;left: -0.5rem;top: 0;width: 1rem;height: 1rem;background: #d8d8d8;border-radius:50%;}
.history_right li {position: relative;margin-top: 5rem;padding-left: 8.5rem;}
.history_right li:first-child {margin-top: 0;} 
.history_right li::before {content:' ';display: block;position: absolute;left: 0;top: 2.3rem;width: 8.5rem; height:0.1rem;background: #d4d4d4;}
.history_right li::after {content:' ';display: block;position: absolute;left: -1.1rem;top: 1.1rem;width: 1.5rem;height: 1.5rem;background: #fff;border: 0.4rem solid #3177D4;border-radius:50%;}
.history_right h7 {position: relative;margin-bottom: 6rem;padding-left: 3rem;line-height: 1.1;font-size: 3.5rem;color: #3a3a3a; font-weight:500}
.history_right h7::before {content:' ';display: block;position: absolute;left: -0.4rem;top: 2.4rem;width: 0.8rem;height: 0.8rem;background: #fff;border: 0.2rem solid #6d6d6d;border-radius:50%;} 
.history_right dl {margin-left: 3rem;margin-top: 3rem;font-size: 0;}
.history_right dt {display:inline-block;margin-bottom: 2rem;width: 22%;font-size: 16px; line-height:1.9em;color: #3d3d3d;font-weight: 500;vertical-align: top;}
.history_right dd {display:inline-block;margin-bottom: 2rem;width: 78%;font-size: 16px;line-height:1.9em;color: #707070;vertical-align: top;}

/*고객사*/
.client_logo {position:relative; overflow:hidden; padding:40px 20px 20px 20px; border:1px solid #ddd; box-sizing:border-box; }
.client_logo ul {width:100%}
.client_logo li { float: left; width:23%; height:55px; text-align:center; padding-bottom:20px; padding-top:10px; padding-right:2%;}



/*오시는길*/
.root_daum_roughmap .wrap_map {height: 400px !important;}
.location_con {position:relative; overflow:hidden; margin:0 auto; }
.location_con .location_in {position:relative; overflow:hidden; padding:38px 20px 32px 31px; border:1px solid #ddd; box-sizing:border-box; }
.location_in .map_txt {overflow:hidden;}
.location_in .map_txt dl{float:left; margin-right:20px;}
	.map_txt dt{display:inline-block; font-family:'NotoKR-Bold',sans-serif; font-weight:100; font-size:15px; line-height:25px; height:30px; color:#333; box-sizing:border-box;}
	.map_txt dl.add dt{background:url('/information/img/add_icon.gif') 0 3px no-repeat; padding:0 10px 0 24px;}
	.map_txt dl.tel dt{background:url('/information/img/tel_icon.gif') 0 4px no-repeat; padding:0 10px 0 25px;}
	.map_txt dl.fax dt{background:url('/information/img/fax_icon.gif') 0 5px no-repeat; padding:0 10px 0 30px;}
	.map_txt dd{display:inline-block; font-size:15px; line-height:25px; height:30px;}

	.location_in .btn{position:absolute; top:24px; right:20px;}
	.location_in .btn a{display:inline-block; width:60px; height:60px; transition:all 0.3s ease; margin:-1.5px;}
	.location_in .btn a span {opacity:0;}
	.location_in .print {background:#333 url('/information/img/print_icon.png')16px 18px no-repeat; }
	.location_in .detail {background:#007bc6 url('/information/img/detail_icon.png')11px 15px no-repeat;}
	.location_in .print:hover{background:#444 url('/information/img/print_icon.png')16px 18px no-repeat; transition:all 0.3s ease;}
	.location_in .detail:hover{background:#0085d6 url('/information/img/detail_icon.png')11px 15px no-repeat;}


/* 사이트맵 */
.sitemap-wrapper{padding:50px 4% 50px 2%;}
.sitemap-wrapper > ul{overflow:hidden;}
.sitemap-wrapper > ul > li{float:left; width:18%; padding-left: 2%;}	/* 메뉴 갯수에 맞게 %로 계산, 두줄로 들어갈 경우 height값 설정 */
.sitemap-wrapper.menu3 > ul > li{width:33.3%;}
.sitemap-wrapper.menu4 > ul > li{width:25%;}
.sitemap-wrapper.menu6 > ul > li{width:14.6%;}
.sitemap-wrapper.menu7 > ul > li{width:14.2%;}

.sitemap-wrapper > ul > li > h2{color:#363636; margin:0 0 20px 0; padding-bottom:10px; font-size:22px; border-bottom:3px solid #0C4E9B; letter-spacing:-0.55px; margin-bottom:10px; font-weight:500;}

.sitemap-wrapper > ul > li .sitemap-2dep {}
.sitemap-wrapper > ul > li .sitemap-2dep a{position:relative; display:block; padding:5px 0; padding-left: 10px; color:#565656; font-size:15px; font-weight:400; line-height:22px; letter-spacing: -0.55px; }
.sitemap-wrapper > ul > li .sitemap-2dep a::before {content:""; position:absolute; width:4px; height:4px; left:0; top:15px; border-radius:50%; background-color:#565656;}
.sitemap-wrapper > ul > li .sitemap-2dep a:hover{color:#0C4E9B;}


/*구조해석*/
.tech01_txt{font-size:16px; margin-top:0px;line-height:1.5; }
.tech01_box {position:relative; overflow:hidden; padding:30px 30px 30px 30px; border:1px solid #ddd; box-sizing:border-box; background:#F3F3F3;box-sizing:border-box;}

.cb {float:left;}


/* MENU */
.cont-wrap{margin: 100px auto 0;}
.cont-wrap ul{}
.cont-wrap ul li{float: left; width:40%; margin-right: 2%; box-sizing: border-box;}
.cont-wrap ul li:last-of-type{width:58%; margin-right: 0;}
.cont-wrap ul li .all_menu{ padding:10px;}
.cont-wrap ul li .all_menu h1{margin-bottom: 10px; font-family: 'GmarketSansBold'; font-size: 3em;}
.cont-wrap ul li .all_menu p{ padding:20px; margin-bottom:20px; box-sizing: border-box;}
.cont-wrap ul li .all_menu .menu-btn{margin-top:20px; border:1px solid #000; padding:10px 20px; font-size: 1.5em; font-family: 'GmarketSansMedium';}
.cont-wrap ul li .img-wrap{}
.cont-wrap ul li .img-wrap img{}

@media all and (max-width:1200px){
	/* MENU */
	.cont-wrap{width:90%; margin: 0 auto;}
	.cont-wrap ul{}
	.cont-wrap ul li{float: none; width:100%; margin-right: 0;}
	.cont-wrap ul li:last-of-type{width:100%; margin-top: 30px;}
	
	}


/* CONTACT */
.contact_wrap{display: flex; flex-direction: column; justify-content: space-around;}
.contact_wrap .cont_name{padding:10px; display: flex; justify-content: space-between;}
.contact_wrap .cont_name label{width:30%; font-family: 'GmarketSansBold';}
.contact_wrap .cont_name input{width:70%; font-family: 'GmarketSansMedium'; border: 1px solid #ddd; padding: 2px;}

.contact_wrap .cont_mail{padding:10px; display: flex; justify-content: space-between;}
.contact_wrap .cont_mail label{width:30%; font-family: 'GmarketSansBold';}
.contact_wrap .cont_mail input{width:70%; font-family: 'GmarketSansMedium'; border: 1px solid #ddd; padding: 2px;}

.contact_wrap .cont_mobile{padding:10px; display: flex; justify-content: space-between;}
.contact_wrap .cont_mobile label{width:30%; font-family: 'GmarketSansBold';}
.contact_wrap .cont_mobile input{width:70%; font-family: 'GmarketSansMedium'; border: 1px solid #ddd; padding: 2px;}

.contact_wrap .cont_mes{padding:10px; display: flex; justify-content: space-between;}
.contact_wrap .cont_mes label{width:30%; font-family: 'GmarketSansBold';}
.contact_wrap .cont_mes textarea{width:70%; height:200px; font-family: 'GmarketSansMedium'; border: 1px solid #ddd; padding: 2px;}

.contact_wrap .cont_submit{margin-top:20px;}
.contact_wrap .cont_submit input{font-family: 'GmarketSansMedium'; background-color: #212121; color: #fff; padding: 5px 20px; font-size: 1.2em; border: none; text-transform: uppercase;}

/*******************************************************************************
	@media 981px~1199px
*******************************************************************************/
@media all and (max-width:1199px){
/* 오시는길*/
.location_con .location_in {padding:30px 0 30px 0; border:0}
.location_in .map_txt dl{float:left; margin-right:20px;}
.location_in .map_txt dl.add{float:none;}
.location_in .map_txt dl.tel{clear:both}

}

/*******************************************************************************
	@media 681~980px
*******************************************************************************/
@media all and (max-width:980px){
	.introCtn > .tit2Box{width:100%;text-align:left;position:relative;z-index:3;padding-left:0}
	
	.intro_img {text-align:center}
    .intro_limg {text-align:center}
	.intro_imgs img{width:100%}
	
	.intro01{padding:10px 0 20px;}
	.intro01_img{ text-align: center; width: 100%;}
	.intro01_txt{ padding-bottom:60px; width: 100%; margin-top:0; padding-left:0px; padding-top:20px;}
	
	/*연혁*/
.history::after {content:' '; display:table; clear:both;}
	.history { position:relative; width:100%;}
	.history_left {padding-top: 1.5rem;padding-bottom: 0.8rem;background: url(../img/page/bg_history.png) no-repeat; background-size:30%; width:100%; text-align:left}
	.history_left .img_history {display:none;}
	.history_left .his_txt {margin: 2rem 0rem 1rem 0rem;font-size:24px;font-weight: 400; line-height:1.2;letter-spacing:-3px;width:100%;}
	.history_left .his_txt span{color:#3177D4;font-size:24px;font-weight: 400; line-height:1.2;letter-spacing:-3px;}
	.history_left p{font-size: 1.5rem;color: #707070; text-align:left}
	.history_right {margin-top: 3rem;padding-left: 2%; width:98%; background:none}
	.history_right ul {position: relative;padding: 3rem 0 0rem;}
	.history_right ul::before {content:' ';display: block;position: absolute;left: 0;top: 0;width: 0.1rem; height:100%;background: #d4d4d4;} 
	.history_right ul::after {content:' ';display: none;position: absolute;left: -0.5rem;top: 0;width: 1.1rem;height: 1.1rem;background: #d8d8d8;border-radius:50%;}
	.history_right li::before {content:' ';display: block;position: absolute;left: 0;top: 1.1rem;width: 2rem; height:0.1rem;background: #d4d4d4;}
	.history_right li {position: relative;margin-top: 2rem;padding-left:0px;}
	.history_right li:first-child {margin-top: 0px;} 
	.history_right li::after {content:' ';display: none;position: absolute;left: -0.8rem;top: 1.7rem;width: 1.7rem;height: 1.7rem;background: #fff;border: 0.4rem solid #6d6d6d;border-radius:50%;}
	.history_right h7 {position: relative;margin-bottom: 1rem;line-height: 1.1;font-size: 1.8rem;color: #3a3a3a;font-weight: 600;}
	.history_right h7::before {content:' ';display: block;position: absolute;left: -0.5rem;top: 0.9rem; border: 0.2rem solid #2e3192;}

	.history_right dl {font-size: 0;}
	.history_right dt {display:inline-block;margin-bottom: 0.6rem;width: 24%;font-size: 1.2rem;color: #3d3d3d;font-weight: 500;vertical-align: top;}
	.history_right dd {display:inline-block;margin-bottom: 0.6rem;width: 76%;font-size: 1.2rem;color: #707070;vertical-align: top;}
	
	/*고객사*/
	.client_logo li { float: left; width:31%;}
	.cb {clear:both; float:left;}


}


/*******************************************************************************
	@media 800px
*******************************************************************************/
@media all and (max-width:800px){
/* 사이트맵  */
	.sitemap-wrapper{padding:15px}
}



/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px){
	h2.intro{text-align:center;font-size:24px;letter-spacing:-0.5px}
	.intro_img  > img {width:100%}
	.introCtn p.intro2{font-size:15px;letter-spacing:-1px;}
	
	.intro01_txt{ font-size:15px;letter-spacing:-1px; padding-left:0px;}
	
	.history_left {padding-top: 1.5rem;background: url(../img/page/bg_history.png) no-repeat 0% 0;background-size:70% auto; width:100%; }
	
	/* 오시는길 */
.root_daum_roughmap .wrap_map {height: 250px !important;}
.location_con .location_in {padding:20px 0 0 0;}
.location_in .map_txt dl{float:none; clear:both; margin-right:0;}
	.map_txt dt{font-size:13px; line-height:15px; height:20px; width:60px;}
	.map_txt dl.add dt{background:url('/information/img/add_icon.gif') 0 0px no-repeat; padding:0 10px 0 25px; box-sizing:border-box; vertical-align:top; background-size:15px;}
	.map_txt dl.tel dt{background:url('/information/img/tel_icon.gif') 0 0px no-repeat; padding:0 10px 0 25px; box-sizing:border-box; background-size:16px;}
	.map_txt dl.fax dt{background:url('/information/img/fax_icon.gif') 0 0px no-repeat; padding:0 10px 0 25px; box-sizing:border-box; background-size:16px;}
	.map_txt dd{font-size:13px; width:calc(100% - 90px); line-height:15px; height:20px;}

	.location_in .btn{position:relative; top:0; right:0; text-align:center;}
	.location_in .btn a{width:160px; margin:15px auto 0; text-indent:20px;}
	.location_in .btn a span {opacity:1; color:#fff; line-height:60px;}
	.location_in a.print {display:none;}
	
	/*고객사*/
	.client_logo li {width:48%; padding-right:2%}
	.client_logo li img{width:85%;}



}




/*******************************************************************************
	@media ~480px
*******************************************************************************/
@media all and (max-width:480px){
	.intro01_txt01 {font-size:24px;line-height:1.3;}
	.intro01_txt01 span{font-size:24px;line-height:1.3;}
	
	/*고객사*/
	.client_logo li {width:48%; padding-right:2%}
	.client_logo li img{width:85%;}
	
	/*구조해석*/
.tech01_txt{font-size:15px; }



}

/*******************************************************************************
	@media ~400px
*******************************************************************************/
@media all and (max-width:400px){





}



/*******************************************************************************
	@media ~320px
*******************************************************************************/
@media all and (max-width:320px){




}
/* opening hours */

.lay01-wrap{}
.lay01-wrap ul{width:85%; margin:0 auto;}
.lay01-wrap ul li{float: left; width:32%; min-height:150px; margin-right: 2%; border:1px solid #ddd; border-radius: 15px; overflow: hidden; box-sizing: border-box;}
.lay01-wrap ul li:last-of-type{margin-right:0;}
.lay01-wrap ul li h2{padding:10px; font-family: 'GmarketSansBold', sans-serif; font-size: 1.5em; color:#fff;}
.lay01-wrap ul li:first-of-type h2{background-color: #212121;}
.lay01-wrap ul li:nth-of-type(2) h2{background-color: #266294;}
.lay01-wrap ul li:last-of-type h2{background-color: #B62D2D;}
.lay01-wrap ul li p{padding: 15px 10px; font-family: 'GmarketSansMedium'; font-size: 1.3em;}
.lay01-wrap ul li:nth-of-type(2) p, .lay01-wrap ul li:nth-of-type(3) p{line-height: 57px;}

@media all and (max-width:578px){
	.lay01-wrap ul{width:90%; margin:0 auto;}
	.lay01-wrap ul li{float: none; width:100%; margin-right: 0; margin-bottom: 20px;}

}