@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/* 내용관리 */
#ctt {margin:10px 0;padding:10px;border:1px solid #e9e9e9}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:0px 10px}
.ctt_img {text-align:center}

#subcontainer {margin-top: 102px;margin-bottom: 50px;}

.movebody2 #subcontainer {margin: 430px auto 50px auto;}

.sub_top { margin: 0 auto 25px; width: 100%;  height: 350px;  color: #fff; text-align: right }
.sub_top .tit { float: right; margin: 0; padding-top: 35px; padding-right: 30px; width: 200px; height: 100px; background: #4564af; opacity: 0.9; font-size: 36px; line-height: 1.2 }
.sub_top .tit span { display: block; font-size:16px;}

.about_subimg01 { background: url(../../../img/about_subimg01.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg02 { background: url(../../../img/about_subimg02.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg03 { background: url(../../../img/about_subimg03.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg04 { background: url(../../../img/about_subimg04.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg05 { background: url(../../../img/about_subimg05.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg06 { background: url(../../../img/about_subimg06.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg07 { background: url(../../../img/about_subimg07.jpg) no-repeat; background-size: 100% 100%; }

.about_subimg13 { background: url(../../../img/about_subimg13.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg14 { background: url(../../../img/about_subimg14.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg15 { background: url(../../../img/about_subimg15.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg16 { background: url(../../../img/about_subimg16.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg17 { background: url(../../../img/about_subimg17.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg18 { background: url(../../../img/about_subimg18.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg19 { background: url(../../../img/about_subimg19.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg20 { background: url(../../../img/about_subimg20.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg21 { background: url(../../../img/about_subimg21.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg22 { background: url(../../../img/about_subimg22.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg23 { background: url(../../../img/about_subimg23.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg24 { background: url(../../../img/about_subimg24.jpg) no-repeat; background-size: 100% 100%; }

.about_subimg26 { background: url(../../../img/about_subimg26.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg27 { background: url(../../../img/about_subimg27.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg28 { background: url(../../../img/about_subimg28.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg29 { background: url(../../../img/about_subimg29.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg30 { background: url(../../../img/about_subimg30.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg31 { background: url(../../../img/about_subimg31.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg32 { background: url(../../../img/about_subimg32.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg34 { background: url(../../../img/about_subimg34.jpg) no-repeat; background-size: 100% 100%; }

.cnt_tit{border-bottom: 1px solid #d7d7d7; }
.cnt_tit .hd3 { color: #0c4da2; font-size: 25px;  line-height: 1.5; font-weight: 600; }
.cnt_tit .hd3_stxt { font-size: 15px; margin:20px 0;}

/*sub */
.sub_wrap, .con_wrap {width:100%;float:left;  position:relative; margin:0 auto; background:#fff;}
.sub_conts_wrap {float:left;width:100%;height:160px;border-bottom:1px solid #e6e6e5; padding:0 0 0 28px;	background-size:100% 100%;  	background: url('../../../img/sub_top.png') no-repeat;}
.sub_conts_wrap h2 {font-size:30px;margin-top:30px; color:#FFF;	font-weight:bold;font-family:'Nanum Gothic';}
.sub_conts_wrap p {	margin-top:12px;	padding:20px; color:#FFF;	font-size:16px;}
.sub_title{ color:#405aa8;}
.sub_layout h1.inner_tit1 {margin:0;padding:0.75em 0;color:#333;font-weight:700;font-size:22px;line-height:30px}
.sub_layout .inner_tit2 {font-family: 'Noto Sans KR', sans-serif;font-size:15.8px;font-weight:500;color:#323863}
.img_area {margin:40px auto}
.img_area img {max-width:100%}
.bd_dashed {margin:40px auto 35px auto;border-top:1px dashed #ccc}

/*sub title*/
.sub_title_wrap {clear:both;width:100%;height:40px;  margin:0 auto; border-bottom:1px solid #e6e6e5; }
.sub_title_wrap ul {list-style:none; margin:0; padding:0;}
.sub_title_wrap ul li {margin: 0 auto; padding: 10px; height:40px; float: left;border-right:1px solid #e6e6e5;}
.sub_title_wrap ul li:last-child {border-right:0px solid #e6e6e5; }

/*content*/
.sub_img{	float: left;	width:30%;margin:0 auto;margin-bottom:30px;}
.section_1_1{ float: left;width:50%; margin-left:5%;font-size:0.7em;color:#333333;line-height:2;}
.sub_content { clear: both; width: 100%;margin: 0 auto;}
.sub_content h1{ text-align:center;margin: 0 auto; padding: 1.75em 0; color: #333333; font-weight: 900; font-size: 15px; line-height: 1;}
.sub_content h2{ text-align:center;margin: 0 auto; padding: 0.75em 0; color: #333333; font-weight: 400; line-height: 1;}
.sub_4_strap {	text-align:left;	margin-left:30px;font-weight: 800;padding: 1.15em 0;}
.section_sub_title { font-size:1.2em; color:#333333; }

/*인사말*/
.intro_pc{ display:block; //background:url(../../../img/sub1_1_ceo1.png) no-repeat 100% 30%; height:600px; }
.intro_mobile{ display:none; //background:url(../../../img/sub1_1_bg2.png) no-repeat 100% 30%;}
.intro_section1{	margin: 0 auto;border: 0;float: left;width: 51%; margin-bottom: 40px;padding: 20px;}
.intro_section1 p {	text-align:left;}
.intro_section1 img{ float:right; }
.intro_section1 h1{ font-family:'나눔명조',Nanum Myeongjo !important;font-weight:700;text-align:left;font-size:1.5em !important;}
.intro_section2{	margin: 0 auto; border: 0; float: right; width: 34%;margin: 0px 30px 40px 0;padding: 20px;}
.intro_ft1{	font-size:1.2em;	font-weight:700;text-align:left;}
.intro_ft2{	font-size:1.2em;	font-weight:700;text-align:right;}

/*프로필*/
.profile_book {margin-bottom:70px;}
.profile_book dt{float:left;	width:14%;}
.profile_book dd{float:left;width:80%;}

.scrollable {overflow: auto; -webkit-overflow-scrolling: touch; }

/*사업분야*/
.sub_layout{width:100%;margin:0 auto;margin-bottom:40px;}
.sub_layout h1{text-align:left;font-size:14px;line-height: 24px;}
.sub_con_img{float:left;width:40%;padding: 2%;}
.sub_con_ex{float:left;	width:60%;padding: 2%;	font-size:12px;}
.customer_ci{	float:left;margin:5px;width: 100%;text-align: left;}
.customer_ci ul li{display:inline; padding: 0 5px 0 0;	line-height:1.3;border-bottom: #e8e8e8;} 
.ex_products{	float:left;width:100%;background:#eee;padding:20px 10px;border-radius:15px;	text-align:left;}
.ex_btn{float:left;width:100%;margin-top:20px;}
.ex_btn ul li {position:relative; display:inline; }
.sub_content_field{margin: 0 auto;border: 0; /* float: left; */ width: 80%;}
.sub_content_field img {max-width: 100%;margin-bottom: 10px;}
.sub_content_field p {	clear: both;padding: 5px;text-align:left;line-height: 24px;font-size:14px;}
.point01{color: #3073ba; font-weight: 600;}
.movie_div{width:90%;margin:0 auto;}
.movie_div iframe{width:100%;height:420px;}
.sub_products_div{width:80%; margin:0 auto;clear:both;}
.ex_products_each{	float:left;text-align: left;}
.sub_products_ex{float:left;width:60%;padding: 0 5%;font-size:12px;}
.ex_products_each ul li{background: url(../../../img/ul_line2.jpg) no-repeat left 7px;padding-left: 10px;}  
.sub_products_img {float:left;width:40%;padding: 3%;border: 1px solid #eee;}
.section_each_title{font-size:1.2em; color:#333333; 	background: url(../../../img/ul_line.jpg) no-repeat 0 7px;padding-left: 12px;}
.ex_products_li { width: 90%; margin: 0 auto; text-align: left;}
.ex_products_li ul li{	background: url(../../../img/ul_line2.jpg) no-repeat left 7px;padding-left: 10px;	font-size: 12px;}  
.circle1 { width:15px; height:15px; margin: 4px; border-radius:100px; -moz-border-radius : 100px; -webkit-border-radius : 100px; -ms-border-radius :100px; -khtml-border-radius : 100px; -o-border-radius :100px; background:#323863; float:left;}
.circle2 { width:15px; height:15px;margin-right:4px; border-radius:100px; -moz-border-radius : 100px; -webkit-border-radius : 100px; -ms-border-radius :100px; -khtml-border-radius : 100px; -o-border-radius :100px; background:#323863; float:left;}

.content-wrap .sub_h1{   /* margin: 0; */ padding: 30px;color: #eeeeee;font-weight: 700;font-size: 50px; /* line-height: 30px; */text-align: left;}

/*사업분야 문의*/
.sub_support { width:90%; margin:0 auto; text-align:center; margin-bottom:40px;}
.sub_support ul{ list-style: none;}
.sub_support ul li{position:relative; display:inline;  padding:30px; } 
.sub_support img { width:12px;height:12px;vertical-align: middle;}

/*관계회사*/
.sub_content_company{width:80%; margin:0 auto;margin-top: 25px; }

.sub_title_company{ clear:both;font-size: 1.2em; color: #333333; text-align: left; font-weight:bold;}
.sub_title_company img { max-width: 100%; margin-bottom: 10px;}
.company_circle1{ width: 15px; height: 15px; margin: 7px; border-radius: 100px;float: left; background: #323863;
	-moz-border-radius: 100px; 
	-webkit-border-radius: 100px;  
	-ms-border-radius: 100px;
    -khtml-border-radius: 100px;
    -o-border-radius: 100px;      
}
.company_circle2{ width: 15px; height: 15px; margin: 5px; border-radius: 100px;float: left; background: #323863;
	-moz-border-radius: 100px; 
	-webkit-border-radius: 100px;  
	-ms-border-radius: 100px;
    -khtml-border-radius: 100px;
    -o-border-radius: 100px;      
}
.sub_box_01{padding: 20px; background-color: #f3f3f3; width: 100%; margin: 20px 0; }

.ex_company{padding-top:0px;position: relative;margin:0 auto; width:95%; margin-bottom:40px;height: 200px;}
.ex_company .left{float:left;width:300px;}
.ex_company .photo{margin:0 0 4px 0;}
.ex_company .photo img {border:1px solid #eee; width:100%; height:180px;}
.ex_company .right{margin-left:320px;}
.ex_company h3{margin-bottom:14px;font-size:24px;}
.ex_company p{font-size:13px;line-height:21px;}
.ex_company p.tit{margin-bottom:35px;font-size:14px;font-weight:bold;}
.ex_company .right dl{margin-top:15px; border-top:2px solid #363c65; border-bottom: 1px solid #363c65;}
.ex_company .right dt{float: left; height: 42px; font-weight: bold; line-height: 41px;background: #eeeeee; width: 100px;}
.ex_company .right dd{margin: 0 auto ; height: 43px; line-height: 40px;border-bottom: 1px solid #777;}
.ex_company .right .right_line{ padding:10px; }


/*오시는길*/
#map-canvas{width: 80%; height: 600px;margin-left:10%;margin-bottom:30px;}
.sub_content_map{width: 80%; margin:0 auto;margin-bottom:50px;}

/*조직도*/
.organization_pc,.organization_mobile { text-align:center; max-width:1000px; margin: 0 auto;}
.organization_pc img ,.organization_mobile img{ width:100%}
.organization_mobile{display:none;}

/*경영철학*/
.sub_4{width:50%;margin:0 auto;float:left;margin-bottom:30px;position:relative;}
.sub_4 img {width:100%}
.sub_4 dt { font-weight:bold; position:absolute; top:40px;text-align:center;line-height:24px;  padding: 0px 30px;}
.sub_4 dl { 	padding: 0px 30px;top:60px;text-align:center;line-height:24px;}

#contents.main .inner_cont{margin:0 auto;overflow:hidden;padding:0 10px;}
#contents.main .inner_cont.bottom{margin:10px auto 0 auto;}
#contents.main .inner_cont > div.left_cont{float:left;width:50%;}
#contents.main .inner_cont > div.right_cont{float:right;width:50%;}
#contents.main .inner_cont .slogun_inner{padding:65px 40px 0 0;}
#contents.main .inner_cont .slogun h2{font-size:22px;text-align:right;letter-spacing:-2px;color:#333;font-weight:900;}
#contents.main .inner_cont .slogun h2 > span{display:block;font-weight:bold;color:#ee7421;}
#contents.main .inner_cont .slogun h2 > span > strong{color:#d0112b;font-size:50px;vertical-align:-5px}
#contents.main .inner_cont .slogun .lead{color:#3333333;font-size:15px;text-align:right;padding:25px 0 0;}
#contents.main .inner_cont .link_inner{padding:0;}
#contents.main .inner_cont .link_list{width:auto;margin:0 auto;overflow:hidden; margin-top:50px}
#contents.main .inner_cont .link_list > li{width:232px;height:250px;float:left;margin:0 0 0 16px;}
#contents.main .inner_cont .link_list > li:first-child{margin:0;}
#contents.main .inner_cont .link_list > li.link2{;background-position:-245px 0}
#contents.main .inner_cont .link_list > li h3{color:#444;font-size:17px;text-align:center;font-weight:bold;border:0;padding:45px 25px 0 25px;letter-spacing:-0.5px;}
#contents.main .inner_cont .link_list > li h3 strong{color:#fff;font-size:17px;font-weight:bold;margin:0 2px 0 0;}
#contents.main .inner_cont .link_list > li h3 strong em{font-size:18px}
#contents.main .inner_cont .link_list > li p{color:#666;font-size:13px;padding:50px 25px 10px 25px;line-height: 28px;}
#contents.main .inner_cont .link_list > li .btn_link{width:67px;height:19px;color:#fff;display:inline-block;font-size:12px;padding:3px 5px 3px 8px;margin:0 0 0 25px;}

.inner_cont_pc{margin:0 auto;overflow:hidden;padding:0 10px;}
.inner_cont_pc .slogun_inner{padding:0px 0 0;}
.inner_cont_pc .slogun h2{font-size:22px;text-align:center;letter-spacing:-2px;color:#333;font-weight:900;}
.inner_cont_pc .slogun h2 > span{display:block;font-weight:bold;color:#ee7421;}
.inner_cont_pc .slogun h2 > span > strong{color:#d0112b;font-size:50px;vertical-align:-5px}
.inner_cont_pc .slogun .lead{color:#3333333;font-size:15px;text-align:center;padding:25px 0 0;}
.inner_cont_pc .link_inner{padding:0;}
.inner_cont_pc .link_inner{text-align: center;    margin-top: 50px;}
.inner_cont_pc .link_inner ul {display: inline-block; margin: 0; padding: 0;}
.inner_cont_pc .link_inner ul li{float: left; width:232px;height:250px;margin-right: 48px;}
.inner_cont_pc .link_inner .inner_img{padding: 0px; height: 300px; width: 300px; margin-top: -20px;}
.inner_cont_pc .link_inner .inner_img img {width:100%}
.inner_cont_pc .link_inner h3{color:#444;font-size:17px;text-align:center;font-weight:bold;border:0;padding:57px 25px 0 29px;letter-spacing:-0.5px;}
.inner_cont_pc .link_inner li h3 strong{color:#fff;font-size:17px;font-weight:bold;margin:0 2px 0 0;}
.inner_cont_pc .link_inner li p{color:#666;font-size:13px;padding:50px 25px 10px 25px;line-height: 28px;}
.inner_cont_mobile{display:none;}



/*연구분야*/
.sub_field_study{ margin:0 auto; width:100%; padding:10px 0;margin-bottom:50px;}
.sub_field_study ul li { display:inline; width:43%;margin: 3%;float:left; border:1px solid #eee; } 
.img_study {margin-bottom:1.5em; }
.img_study img { width:100%;height:200px; overflow:hidden;}
.txt_study {font-weight: 600; margin-bottom: 10px; }

.if_movie{width:90%; height:515px; margin:0 auto;margin-bottom:50px;}

/*채용*/
.recruit_wrap{	position: relative;width: 100%;overflow: hidden;}
.recruit_div { float:center;width:100%;margin:0 auto;position: absolute;	top:0;}
.recruit_box_01 h2{display: block;padding: 0 5%;font-size:35px;	color:#333333;font-weight:bold;line-height:43px;}
.recruit_box_01{position: relative;padding: 3% 15px 0 15px;margin: 0 auto;text-align: center;}
.recruit_box_02{margin: 0 auto;text-align: center;}
.sub4_bg_list{	width:480px;margin:0 auto;overflow:hidden;margin-top:50px}
.sub4_bg{	position:relative;background:url(../../../img/sub4_bg.png) no-repeat 0 0;}
.sub4_bg h3{color:#444;	font-size:17px;text-align:center;font-weight:bold;border:0;padding:45px 25px 0 25px;	letter-spacing:-0.5px;}
.sub4_bg p {color:#666;font-size:13px;padding:50px 25px 10px 25px;line-height: 28px;}
.recruit_btn{ background: #3073ba; width: 180px; height: 30px; margin: 0 auto; line-height: 30px; text-align: center; border-radius: 15px;font-size: 15px; margin-top: 10px;}
.recruit_btn a { color:#fff; }

.job_department{ width:80%; margin:0 auto;clear:both;}
.job_department .job_department_img {clear:both;float:left;width:30%; margin:0 auto; margin:0 5%;} 
.job_department .job_department_ex {float:left;width:60%; height:150px; text-align:left;}

.job_department_part {border-top: 2px solid #bad4ef;  padding: 20px;text-align:left;line-height: 24px;}

.rule_font{ color:#405aa8;}

/*고객사*/
.customer-list {margin-bottom: 50px;}
.customer-list ul {overflow: hidden; border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6;}
.customer-list li {display: table; float: left; width: 25%; text-align: center;}
.customer-list li a {display: table-cell; height: 100px; padding: 10px; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; vertical-align: middle;}
.customer-list li a img {max-width: 100%;margin-bottom:0}


/*프로필 tab*/
/* 탭 선택 시 표시할 요소(div) 정의(1번 탭 선택 시 첫 번째 div 요소 표시) */
#css_tabs input:nth-of-type(1), #css_tabs input:nth-of-type(1) ~ div:nth-of-type(1),
#css_tabs input:nth-of-type(2), #css_tabs input:nth-of-type(2) ~ div:nth-of-type(2),
#css_tabs input:nth-of-type(3), #css_tabs input:nth-of-type(3) ~ div:nth-of-type(3) { display:none}

#css_tabs input:nth-of-type(1):checked ~ div:nth-of-type(1),
#css_tabs input:nth-of-type(2):checked ~ div:nth-of-type(2),
#css_tabs input:nth-of-type(3):checked ~ div:nth-of-type(3) { display:block}

/* 라벨 기본 스타일 지정 */
#css_tabs > label {
    display:inline-block;
    font-variant:small-caps;
    font-size:.9em;
    padding:5px;
    text-align:center;
    width:20%;
    line-height:1.8em;
    font-weight:700;
    border-radius:3px 3px 0 0;
    background:#eee;
    color:#777;
    border:1px solid #ccc;
    border-width:1px 1px 0
}
#css_tabs > label:hover { cursor:pointer}
#css_tabs label[for=tab1] {margin-left:1.5em}

/* 선택된 라벨, 커서를 올린 라벨 스타일 지정 */
#css_tabs input:nth-of-type(1):checked ~ label:nth-of-type(1), #css_tabs > label[for=tab1]:hover {background:#8ec31f;color:#fff}
#css_tabs input:nth-of-type(2):checked ~ label:nth-of-type(2), #css_tabs > label[for=tab2]:hover {background:#8ec31f;color:#fff}
#css_tabs input:nth-of-type(3):checked ~ label:nth-of-type(3), #css_tabs > label[for=tab3]:hover {background:#8ec31f;color:#fff}

/* 실제 내용이 담긴 div 요소 스타일 지정 */
#css_tabs .tab1_content, #css_tabs .tab2_content, #css_tabs .tab3_content {
    border:0px solid #ddd;
    width:100%;
	float:left;
	margin:0 auto;
    height:100%;
	/*color:#333333;*/
	text-align:left;
}


.profile_name{text-align:center;font-weight:bold;color:#333333;}

.tab1_sub_img { width:100%;	float:left;}

.section_1_2{width:70%;margin:0 auto;padding:30px;/*font-size: 12px;*/	line-height: 24px;	margin-bottom:50px;}

.c_lay_04 {clear: both;width: 100%;margin:0 auto;}
.lay_frame {padding-top: 10px;width: 730px;margin: 0 auto;}
.lay_frame_mobile {text-align: center; padding: 50px;}
.lay_frame_pc{ display:block;}
.lay_stock_data {width:90% ; }


/*연혁*/
#history{width:80%; margin:0 auto;margin-top: 25px;}
.historyContent{width:100%; clear:both; }
.year{clear:both;width:20%; float:left; border-top:2px #424242 solid; padding:15px 0 0 0; margin:0 auto; margin-top:30px; }
.year p{ height:200px; font-size:40px; font-weight:600; color:#fff; text-align:right; line-height:1.2; margin:0 19px 0 0; padding:0 10px 0 0; }
.year span{display:block; font-size:40px; font-weight:600; color:#3073ba;}
.detail{width:80%; float:left; border-top:2px #e3e3e3 solid; margin-bottom:30px; margin-top:30px; }
.detail ul{width:100%; float:left; padding-top:10px;}
.detail ul li{position:relative; padding:5px 0 5px 108px; line-height:1.3; color:#555; border-bottom: #e8e8e8; text-align:left;} 
.detail ul li span{position:absolute; display:block; left:24px; top:6px; font-size:14px; font-weight:bold; color:#333;}
.detail ul li img{float:left; }
.pic_history {position: relative;float: none;margin: 0 10px; padding: 0; width:100%; height:auto;}
.pic_history ul li {padding:5px; }
.pic_history li.photo_list { float:left; width: 23%;  }
.pic_history li.photo_last { float:left; width: 24%; margin: 0; }
.pic_history li img { max-width: 100%; }


.sub_tb{position:relative;font-size:12px; font-family:'Nanum Gothic';width:90%;margin:0 auto;margin-bottom:50px;clear:both;}
.sub_tb h3{font-size:13px;margin-bottom:0.75em;color:#323232;letter-spacing:-0.05em;text-align:left;}
.sub_tb .tblWrap{width:100%;overflow:hidden;}
.sub_tb table{width:100% !important;letter-spacing:-0.05em;border-top:3px solid #37315d;border-bottom:3px solid #37315d;border-spacing:0;border-collapse:collapse; line-height:18px;}
.sub_tb thead tr:first-child th{border-top:0;}
.sub_tb th,
.sub_tb td{padding:10px 0;font-weight:400;text-align:center;border-top:1px solid #e2e2e2;border-left:1px solid #e2e2e2;}
.sub_tb thead tr:first-child th:first-child ,
.sub_tb td.ty3{border-left:0;}
.sub_tb th{background:#f4f4f4;font-weight:bold;}
.sub_tb th.ty1{background:#3073ba;font-weight:bold;color:#fff;}
.sub_tb td.ty1{background:#3073ba;}

.sub_tb td.ty2{color:#005c9a;}
.sub_tb td.ty3{color:#fff;font-weight:500;}
.sub_tb td.ty4{color:#333;line-height:30px;}
.sub_tb td.ty5{background:#bad4ef;color:#333333;}
.sub_tb td.ty5{background:#eaeaea;color:#333333;}
.sub_tb td.ty6{background:#f7f7f7;color:#333333;font-weight:500;}


/*사업분야 버튼*/
.btn {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	padding: 10px 28px;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn-1{border: 3px solid #fff;color: #fff; }
/* Button 1a */
.btn-1a:hover,.btn-1a:active {color: #0e83cd;	background: #fff;}
/* Button 6 */
.btn-6 {	color: #fff;	background: #226fbe;	-webkit-transition: none;	-moz-transition: none;	transition: none;}
.btn-6:active {	top: 2px;}
/* Button 6a */
.btn-6a {border: 4px solid #226fbe;}
.btn-6a:hover {background: transparent;color: #226fbe;}

/* Button 7 */
.btn-7 {background: #8ec31f;color: #fff;border-radius: 7px;box-shadow: 0 5px #119e4d;padding: 10px 30px 10px 50px;}
/* Button 7b */
.btn-7b {overflow: hidden;}

.btn-7b:before {	position: absolute;left: 0;width: 40%;	font-size: 160%;	line-height: 0.8;	color: #0a833d;}

.btn-7b.btn-activated:before {
	-webkit-animation: scaleUp 0.5s;
	-moz-animation: scaleUp 0.5s;
	animation: scaleUp 0.5s;
}

.icon-envelope:before {	content: url(../../../img/send.png);}

.sub_ci_2{width:80%;margin:0 auto;}
.sub_ci_down{width:100%;height:40px;}
.sub_ci_down img{float:right;}
.data_rule{width:90%;background:#eee;border:1px solid #e7e7e7;margin:0 auto;padding:15px;}

.slogun_gp{width:100%;margin:0 auto;text-align:center;}


/*사이트맵*/
#sitemap {width:90%; margin:0 auto;padding:0;text-align:left;}
#sitemap:after {content:" ";display:block;visibility:hidden;clear:both;}
#sitemap div {width:100%; margin-bottom:40px;}
#sitemap div h2 {width:100%; margin:0 0 10px 0; padding-bottom:10px;text-align:center;border-bottom:2px solid #2f3439; font-size: 20px;font-weight: 200;color: #0072bc;letter-spacing: -1px;line-height: 130%;}
#sitemap div ul.sitemap_list {width:100%; border-bottom:1px solid #ddd;}
#sitemap div ul:after {content:" ";display:block;visibility:hidden;clear:both;}
#sitemap div ul.sitemap_list li.site_t_02{width:100%; border-bottom:1px dashed #ddd; padding:10px 0px 10px 0px;}
#sitemap div ul.sitemap_list li.site_t_02:after {content:" ";display:block;visibility:hidden;clear:both;}
#sitemap div ul li.site_t_02 a{display:block; float:left;margin-bottom:10px;padding:10px; background:#f2f2f2;text-align:center;font-size:16px; font-weight:normal; width:100%; color:#000;}
#sitemap div ul li ul{float:right; width:100%;}
#sitemap div ul li ul li.site_t_03 a{font-size:14px; font-weight:normal; width:100%; padding:3px 0px 3px 10px; background:url(/Img/kr/common/h4.gif) no-repeat 0px 8px; color:#767676;text-align:left;}
#sitemap div ul li ul li.site_t_03 a:hover{text-decoration:underline;}

#sitemap div ul.sitemap_list li.site_t_04{width:100%; padding:10px 0px 10px 0px;}
#sitemap div ul.sitemap_list li.site_t_04:after {content:" ";display:block;visibility:hidden;clear:both;}
#sitemap div ul li.site_t_04 a{display:block; float:left;margin-bottom:10px;padding:10px; background:#f7e3e3;text-align:center;font-size:16px; font-weight:normal; width:100%; color:#000;}

#sitemap div ul li ul li ul li{display:inline;}
#sitemap div ul li ul li.site_t_05 a{display:inline; font-size:14px; font-weight:normal; width:100%; padding:3px 0px 3px 10px; background:url(/Img/kr/common/h4.gif) no-repeat 0px 8px; color:#767676;text-align:left;}
#sitemap div ul li ul li.site_t_05 a:hover{text-decoration:underline;}

#sitemap .clear {clear:both !important;display:block;width:0;height:0;background:none;padding:0;}
.article_four1 {margin: 0 auto;border: 0;float: left;width:45%;margin-bottom:40px;	padding: 20px;	}
.article_four1 img {max-width: 100%;margin-bottom: 10px;}
.article_four1 p {padding: 20px;text-align:left;/*font-size:12px;*/line-height: 24px;}


/*주가정보*/
.boardList{position: relative; width: 85%; margin: 0 auto; margin-bottom:20px; padding: 0 40px; border-spacing: 0; border-right: hidden;}
.boardList tr th{ padding: 9px 10px;  font-weight: normal;	background-color: #37315d; color: #fff; border-left: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb;font-size: 93%;}
.boardList tr td:first-child{border-left: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb;}
.boardList tr td:last-child{border-right: 1px solid #dbdbdb;}
.boardList tr td{padding: 9px 10px; font-weight: normal; background-color: #ffffff; border-left: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; text-align:right; font-size: 93%;}
.boardList tr:hover td {	background: #f2f2f2;background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	}
.boardList tr:last-child td{border-bottom: 1px solid #dbdbdb;}
#stockInfo, #member_trade, #Hoga{padding: 0 40px;}
#stockInfo tr th{width: 75px;background: #fcfcfc;border-left: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; color: #333333;}
#stockInfo tr:last-child th{	border-bottom: 1px solid #dbdbdb;}
#stockInfo tr td{width: 110px;}
#stockInfo tr th:first-child{width: 160px;}
#member_trade tr td, #Hoga tr td{text-align:center;}
.boardList tr td .up{float: left;	color:#FF4848;}
.boardList tr td .down{	float:left;	color:#2478FF;}
.boardList tr td .bohab{float:left;}
.boardList .List_line {background:#e1e1e1; }
.chart{ text-align:center; margin:0 auto; width:90%; padding:20px 0 ;}

.stock_notice { font-size: 13px; line-height: 22px; width: 90%; margin: 0 auto; padding: 10px 0 20px 0; }

/*재무정보*/
.daeCha { letter-spacing: -0.075em; width: 90%; margin: 0 auto; padding: 20px 0 0 0;  }
.daeCha2 { font-size: 14px; letter-spacing: -0.075em; width: 85%; margin: 0 auto; padding: 10px 0 10px 0;  text-align:right;}
.daeCha img {max-width: 100%; margin-bottom: 10px;}

.finance-wrap{position: relative; top: 10; width: 90%; margin:0 auto; padding: 20px 0; clear: both;  font-size: 30px; color: #333333; font-weight: bold; padding-left: 10px; text-align: right; }
.finance-wrap span{ font-size: 15px; padding-left:10px; }
.finance-wrap .time_img{ padding-left:5px; vertical-align: middle; display: inline-table; width: 15px; height: 15px; background-repeat: no-repeat; }
.finance-wrap #query_time { padding-left: 0px; }
.finance-body-wrap{ position: relative; width: 100%; height: 80%; margin:0 auto; clear: both; }
.data-lists dl dt{ padding-left:5px; font-weight: bold; }
.data-lists dl dt span{ width: 15px; height: 22px; display: inline-block; vertical-align: middle; padding-right:5px; }
.data-lists dl dd{ margin: 0; }

#chart1{ margin: 0px 20px; }
#chart1_legend{ margin-top:15px; text-align:right; padding-right:5px; font-size: 93%; }
#chart1_legend ul{ padding-left: 480px; margin: 0px; }
#chart1_legend ul li{ list-style: none; display: inline; padding-left: 5px }
#chart1_legend ul li span{ display: inline-block; position: relative;  width: 12px; height: 12px; margin-right: 5px; }

#balance, #income_statement, #cash_flow{ position: relative; width: 100%; margin: 20px 0; border-bottom: 1px solid #dbdbdb; border-spacing: 0; border-top: 1px solid #37315d; border-right: hidden; }
#balance tr th, #income_statement tr th, #cash_flow tr th{ padding: 9px 7px; font-weight: normal; background-color: #37315d; color: #fff; border-left: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; font-size: 93%;}
#balance tr th span, #income_statement tr th span, #cash_flow tr th span{ font-size: 83%; }
#balance tr td:first-child, #income_statement tr td:first-child, #cash_flow tr td:first-child{ padding: 9px 10px; font-weight: normal; background-color: #ffffff; border-left: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; text-align:center; font-size: 93%;}
#balance tr td, #income_statement tr td, #cash_flow tr td{ padding: 9px 10px; font-weight: normal; background-color: #ffffff; border-left: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; text-align:right; font-size: 93%; }
#balance tr:hover td, #income_statement tr:hover td, #cash_flow tr:hover td { background: #f2f2f2; background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0)); background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0); }
#balance tr:hover td:hover, #income_statement tr:hover td:hover, #cash_flow tr:hover td:hover { background: #e4e4e4; }

.stock-wrap{ position: relative; top: 10; width: 90%; margin:0 auto; padding: 20px 0; clear: both; font-size: 30px; color: #333333; font-weight: bold; padding-left: 10px; text-align: right; }
.stock-wrap span{ font-size: 15px; padding-left:10px; }
.stockwrap span #query_time, .stock-wrap span .jang_gubun{ padding-left:0px; }
.stock-wrap .time_img{ padding-left:5px; vertical-align: middle; display: inline-table; width: 15px; height: 15px; }

.stock-body-wrap{ position: relative; width: 100%; height: 80%; margin:0 auto; clear: both; }

#chart1{ margin: 20px; width: 670px; height: 280px; position: relative; }

#gpDisp{ margin: 20px; text-align:center; }

.data-lists dl dt{ padding-left:5px; font-weight: bold; }
.data-lists dl dt span{ width: 15px; height: 22px; display: inline-block; vertical-align: middle; padding-right:5px; }
.data-lists dl dd{ margin: 0; }

.chart-legend li span{ display: inline-block; width: 12px; height: 12px; margin-right: 5px; }

.main_stock_box1{ position: relative; width: 90%; margin: 0 auto; }
.main_stock_box1 ul{ padding: 0px 20px; display: table-cell; }
.main_stock_box1 ul li{ list-style: none; }
.main_stock_box1 ul li span{ padding-left: 10px; }
.main_stock_box1_title ul:nth-child(2){ width: 275px; padding: 0px 5px; position: absolute; left: 385px; top: 5px; padding: 0px 5px; }
.main_stock_box1_title ul .main_stock_box1_title1{ border: 1px solid #dbdbdb; width: 295px; padding: 10px 20px; height: 30px; background: #37315d; font-size: 22px; color: #fff; font-weight: bold; }
.main_stock_box1_title ul .main_stock_box1_title2{ background-color: #fff; width: 295px; height: 50px; text-align: right; font-size: 36px; color: #333; border: 1px solid #dbdbdb; padding: 10px 20px; }
.main_stock_box1_title ul .main_stock_box1_title2 .CurJuka{ position: absolute; top: 69px; left: 70px; display: inline-block; padding: 3px; margin-right: 22px; font-size: 14px; color: #fff; font-weight: bold; background-color: #ed5647; vertical-align: middle; }

.main_stock_box1_title ul .main_stock_box1_contn{ padding: 7px 15px; width: 100%; }
.main_stock_box1_title ul .main_stock_box1_contn .title{ font-size: 97%; font-weight: bold; background-color: #37315d; padding: 5px 10px; color: #fff; float: none; }
.main_stock_box1_title ul .main_stock_box1_contn span{ padding-left: 30px; float: right; }

.main_stock_box1_title ul .main_stock_box1_contn span .up{
	padding: 0px;
	float: none;
	color:#FF4848;
}

.main_stock_box1_title ul .main_stock_box1_contn span .down{
	padding: 0px;
	float: none;
	color: #2478FF;
}

.stock_tb, .tab_content .stock_tb{
	position: relative;
    width: 100%;
    margin: 20px 0 30px 0;
    border-bottom: 1px solid #dbdbdb;
    border-spacing: 0;
    border-top: 1px solid #37315d;
    border-right: hidden;
}
.stock_tb tr th{
    padding: 9px 10px;
    font-weight: normal;
    background-color: #37315d;
    color: #fff;
    border-left: 1px solid #dbdbdb;
    border-top: 1px solid #dbdbdb;
    font-size: 93%;
}
.stock_tb tr td:first-child{
	
    border-left: 1px solid #dbdbdb;
    border-top: 1px solid #dbdbdb;
}
.stock_tb tr td:last-child{

    border-right: 1px solid #dbdbdb;
}
.stock_tb tr td{
	
	padding: 9px 10px;
    font-weight: normal;
    background-color: #ffffff;
    border-left: 1px solid #dbdbdb;
    border-top: 1px solid #dbdbdb;
    text-align:right;
    font-size: 85%;

}
.stock_tb tr:hover td {
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
}
.stock_tb tr:last-child td{
	border-bottom: 1px solid #dbdbdb;
}

#stockInfo, #member_trade, #Hoga{
	padding: 0 40px;
}

#stockInfo tr th{
	width: 75px;
	background: #fcfcfc;
	border-left: 1px solid #dbdbdb;
    border-top: 1px solid #dbdbdb;
    color: #333333;
}

#stockInfo tr:last-child th{
	border-bottom: 1px solid #dbdbdb;
}

#stockInfo tr td{
	width: 110px;
}

#stockInfo tr th:first-child{
	width: 160px;
}

#member_trade tr td, #Hoga tr td{
	text-align:center;
}


.stock_tb tr td .up{
	float: left;
	color:#FF4848;
}
.stock_tb tr td .down{
	float:left;
	color:#2478FF;
}
.stock_tb tr td .bohab{
	float:left;
}

.tab_content {
	padding: 0px 0;
	width: 100%;
}

.dis-wrap{
	position: relative;
    top: 10;
    width: 90%; 
	margin:0 auto;
    padding: 20px 0;
    clear: both;  
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    padding-left: 10px;
	text-align: right;
}
.dis-wrap span{
	font-size: 15px;
	padding-left:10px;
}

.dis-wrap #query_time {
	padding-left: 0px;
}

.dis-wrap .time_img{
	padding-left:5px;
	vertical-align: middle;
    display: inline-table;
    width: 15px;
    height: 15px;
    background-image: url(../img/img05.png);
    background-repeat: no-repeat;
}

.dis-body-wrap{
	position: relative;
    width: 100%;
    height: 80%;
	margin:0 auto;
    clear: both;
}
.dis_tb{
	position: relative;
    width: 100%;
    margin: 20px 0;
    border-bottom: 1px solid #dbdbdb;
    border-spacing: 0;
    border-top: 1px solid #37315d;
    border-right: hidden;
}
.dis_tb tr th{
    padding: 9px 10px;
    font-weight: normal;
    background-color: #37315d;
    color: #fff;
    border-left: 1px solid #dbdbdb;
    border-top: 1px solid #dbdbdb;
    font-size: 93%;
}
.dis_tb tr td:first-child, .dis_tb tr td:nth-child(2), .dis_tb tr td:last-child{
	
	padding: 9px 10px;
    font-weight: normal;
    background-color: #ffffff;
    border-left: 1px solid #dbdbdb;
    border-top: 1px solid #dbdbdb;
    text-align:center;
    font-size: 93%;
}
.dis_tb tr td{
	
	padding: 9px 10px;
    font-weight: normal;
    background-color: #ffffff;
    border-left: 1px solid #dbdbdb;
    border-top: 1px solid #dbdbdb;
    text-align:left;
    font-size: 93%;

}

.dis_tb tr:hover td {
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
}

.dis_tb tr td a{
	text-decoration: none;
	color:#333333;
}



/* 지속가능경영 */
.dept_list {margin-top:10px;padding:5px 25px 25px 25px;border:1px solid #eee;border-top:2px solid #79b542;background-color:#f7f7f7}
.dept_list li {margin-top:18px;padding-left:20px;position:relative}
.dept_list li .num {display:inline-block;position:absolute;left:0;top:0}
.dept_list li.end {margin-top:28px;font-family: 'Noto Sans KR', sans-serif;font-weight:500;color:#1d1d1d;text-align:right}
.icon_step {margin-bottom:4%}
.icon_step li {display:inline-block;margin-left:4.5%;text-align:center;vertical-align:top}
.icon_step li:first-child {margin-left:auto}
.icon_step li p {font-family: 'Noto Sans KR', sans-serif;padding:0;text-align:center;line-height:1.5;clear:inherit}
.icon_step2 {margin-bottom:4%;padding:40px 15px;text-align:center;background-color:#f7f7f7}
.icon_step2 li {display:inline-block;width:calc(100% / 5 - 42px);margin:0 1.5%}/* ;width:calc(100% / 5 - 36px);margin-left:3.7%;text-align:center */
/*.icon_step2 li:first-child {margin-left:auto}*/
.icon_step2 li .icon {width:164px;height:164px;font-size:0;line-height:0;border:1px solid #ddd;border-radius:100%;background-position:center center;background-repeat:no-repeat}
.icon_step2 li b {display:block;margin-top:20px;font-size:14px}
.icon_step3 {margin-bottom:4%}
.icon_step3 li {display:inline-block;width:calc(100% / 5 - 52px);height:410px;margin-left:1.2%;padding:22px 18px;text-align:center;border:1px solid #ddd;vertical-align:top}
.icon_step3 li:first-child {margin-left:auto}
.icon_step3 li .icon {width:80px;height:80px;margin:15px auto 0 auto;text-align:center;font-size:0;line-height:0;border-radius:100%;background-repeat:no-repeat;background-position:center center;background-color:#f2f2f2;background-size:calc(100% / 2 + 2px)}
.icon_step3 li b {display:block;margin:23px auto}
.icon_step3 li b::after {display:block;width:30px;height:2px;margin:20px auto 0 auto;content:"";background-color:#79b542}
.icon_step3 li p {font-family: 'Noto Sans KR', sans-serif;margin-bottom:5px;padding:0;line-height:1.5;font-size:13.7px;color:#444;clear:inherit;word-break:keep-all}
.icon_step3 li .txt {}
.certi_img {margin-top:10px}
.certi_img .img_box {display:inline-block;width:calc(100% / 4 - 28px);margin-left:2.7%;font-size:0;line-height:0;border:1px solid #ddd}
.certi_img .img_box:first-child {margin-left:auto}
.certi_img .img_box img {margin-bottom:0}

.dept_list2 {margin-top:40px;padding:5px 25px 25px 25px;border:1px solid #eee;background-color:#f7f7f7}
.dept_list2 li {margin-top:18px;padding-left:40px;position:relative}
.dept_list2 li .num {display:inline-block;position:absolute;left:0;top:0}
.dept_list2 li.end {margin-top:28px;font-family: 'Noto Sans KR', sans-serif;font-weight:500;color:#1d1d1d;text-align:right}

@media screen and (max-width:1300px) {
	.inner_cont_mobile{ display:block;}
	.inner_cont_mobile .slogun_inner{padding: 0 30px;}
	.inner_cont_mobile .slogun h2{font-size:22px;text-align:center;letter-spacing:-2px;color:#333;font-weight:900;}
	.inner_cont_mobile .slogun h2 > span{display:block;font-weight:bold;color:#ee7421;}
	.inner_cont_mobile .slogun h2 > span > strong{color:#d0112b;font-size:50px;vertical-align:-5px}
	.inner_cont_mobile .slogun .lead{color:#3333333;font-size:15px;text-align:center;padding:25px 0 0;}
	.inner_cont_mobile .link_inner{padding:0;}
	.inner_cont_mobile .link_inner{text-align: center;    margin-top: 50px;}
	.inner_cont_mobile .link_inner ul {display: inline-block; margin: 0; padding: 0;}
	.inner_cont_mobile .link_inner ul li{float: left;width:232px;height:250px;margin: 40px ;}
	.inner_cont_mobile .link_inner .inner_img{ float: initial;padding: 0px; margin-top: -20px;max-width:490px;margin:0 auto;text-align:center;}
	.inner_cont_mobile .link_inner .inner_img img {width:100%}
	.inner_cont_mobile .link_inner h3{color:#444;font-size:17px;text-align:center;font-weight:bold;border:0;padding:55px 25px 0 30px;letter-spacing:-0.5px;}
	.inner_cont_mobile .link_inner li h3 strong{color:#fff;font-size:17px;font-weight:bold;margin:0 2px 0 0;}
	.inner_cont_mobile .link_inner li p{color:#666;font-size:13px;padding:55px 25px 10px 25px;line-height: 28px;}

	.inner_cont_pc { display:none}

}



@media screen and (min-width: 1008px){
	#sitemap div h2 {	text-align: left;font-size: 25px;font-weight: 200;	color: #0072bc;letter-spacing: -1px;line-height: 130%;	}
	#sitemap div ul li.site_t_02 a {text-align: left;width: 25%;color: #000;	}
	#sitemap div ul li ul li.site_t_03 a, #sitemap div ul li ul li.site_t_05 a{width: 30%;	}
}

@media screen and (min-width:1200px) {
	.lay_frame_mobile{ display:none;}
	.section_1_2{width:70%;margin:0 auto;padding:30px;line-height: 24px;}
	.slogun_gp{width:80%;margin:0 auto;}
}
@media screen and (min-width: 1009px) and (max-width:1200px) {
	.section_1_2{width:80%;padding:30px;line-height: 24px;}
	.sub_layout .article_four1 p {font-size:0.8em;padding: 10px;text-align:left;line-height: 24px;}
	.lay_frame_mobile{display:none;}
	.ex_company .right .right_line{ padding:10px; }
}
@media screen and (max-width:1290px){
	.icon_step3 li {width:calc(100% / 3 - 54px);height:auto;min-height:105px;margin:0 1.5% 30px auto;text-align:left}
	.icon_step3 li:nth-child(3n) {margin-right:auto}
	.icon_step3 li .icon {display:inline-block;margin-top:0;vertical-align:top}
	.icon_step3 li .txt_group {display:inline-block;width:calc(100% - 106px);margin-left:20px;vertical-align:top}
	.icon_step3 li b {margin:0 auto 15px auto}
	.icon_step3 li b::after {margin:15px auto 0 0}
	.icon_step3 li p {display:inline-block;margin-right:20px}
	.certi_img .img_box {margin-left:2.4%}
}

@media screen and (max-width:1080px) {
	#subcontainer{margin:90px auto}
	.intro_pc{ display:none;}
	.intro_mobile{ display:block; }
	.intro_section1{width:80%;margin: 0 auto;float:none; margin-bottom:100px;}
	.intro_section2{ text-align:center;margin: 0 auto;width:50%;float:none;}
	.icon_step2 {padding:35px 0}
	.icon_step2 li {width:calc(100% / 5 - 37px)}
	.icon_step2 li .icon {width:140px;height:140px;margin:0 auto}
}
@media screen and (max-width:1008px) {
	.sub_layout h1.inner_tit1{text-align:left;font-size:17px;line-height:24px}
	#history{width:90%; margin:0 auto;}
	.year{position:relative; float:none; height:45px; border:0; border-bottom:2px #e3e3e3 solid; margin:0 20px; padding:0;}
	.year p{position:absolute; left:0; bottom:-2px; width:132px; font-size:20px; text-align:left; border-bottom:2px #444 solid;}
	.year span{font-size:25px;padding-top: 170px;}
	.detail{width:auto; margin:0 20px; border:0;}
	.detail ul{margin:5px 0 30px 0;}
	.detail ul li{padding:5px 0 5px 83px;}
	.detail ul li span{left:17px; top:7px; font-size:13px;}

	.profile_book dt{float:left;	width:20%;}

	.article_four1 {width:80%;margin: 0 auto;float:none;}
	.article_four1 img {max-width: 80%;margin:0 auto;margin-bottom: 20px;}
	.section_1_2{width:90%;line-height: 24px;}
	.sub_layout .article_four1 p {font-size:0.8em;padding: 10px;text-align:left;line-height: 24px;}

	/*사업분야 */
	.sub_content_field, .sub_con_ex, .sub_con_img{margin: 0 auto;border: 0;float: left;width:100%;}
	.sub_content_field img {max-width: 100%;margin-bottom: 10px;}
	.sub_content_field p{/*margin-left:20px;*/line-height: 24px;text-align:left;}
	.sub_con_img img{ width:80%; margin:0 auto;}
	
	.sub_layout h1{text-align:left;font-size:14px;line-height: 24px;}

	.ex_products{float:left;width:100%;background:#eee;padding:20px 10px;border-radius:15px;}
	.ex_btn{	float:left;width:100%;margin-top:20px;}

	/*사업분야 문의*/
	.sub_support { width:90%; margin:0 auto; text-align:left; margin-bottom:40px;}
	.sub_support ul li{position:relative; display:block; padding:5px;} 
	.sub_support .support_btn {text-align:center; }

	.lay_frame{display:none;}
	.lay_frame_pc{display:none;}
	.lay_frame_mobile{display:block;}

	.recruit_wrap img {margin-top:100px;}

	.inner_cont .link_inner ul li {padding: 2px 15px;width: 232px;height: 250px;margin:0 auto;float: none;}
	.organization_pc{display:none;}
	.organization_mobile{display:block;}

	.movie_div iframe{width:100%;height:300px;}

	.Iframecls{width:100%;	}
	
	.sub_content_company{ width:100%}
	.ex_company .left { width: 100%;float:left; }
	.ex_company .photo { margin: 0 auto; width: 400px;}
	.ex_company .right { width: 100%;float:left;  margin-left: 0px; margin-bottom:40px;}
	.ex_company .right dl{margin-top:15px; }
	.ex_company .right dt{float: left;width: 100px;}
	.ex_company .right dd{margin: 0 auto ; }
	.ex_company .right .right_line{ padding:20px; }
}

@media only screen and (max-width:900px){
	.bd_dashed {margin:30px auto 25px auto}
	.icon_step2 {padding:30px 0}
	.icon_step2 li {width:calc(100% / 5 - 30px)}
	.icon_step2 li .icon {width:110px;height:110px;background-size:calc(100% / 2 - 9px)}
	.icon_step3 li {width:calc(100% / 2 - 49px);min-height:130px}
	.icon_step3 li:nth-child(3n) {margin-right:1.5%}
	.icon_step3 li:nth-child(2n) {margin-right:auto}
	.certi_img .img_box {width:calc(100% / 4 - 22px)}
}

@media only screen and (max-width:801px) {
	.sub_top { margin-bottom: 25px; height: 210px; }
	.sub_top .tit { padding-top: 3%; padding-right: 3%; width: 30%; height: 32%; font-size: 28px; }
	.pic_history li.photo_list { float:left; width: 45%; }
	
	.inner_cont_mobile .slogun_inner {padding: 0 0px;}
	.inner_cont_mobile .link_inner ul li{float:none;margin:0 10px;}
	.sub_top .tit span { font-size: 16px;}
	.sub_field_study ul li { width: 70%; margin: 0 auto;float:none; display:block; margin-bottom:30px;} 

	.customer-list li {display: table; float: left; width: 50%; text-align: center;}
	.ex_company .right .right_line{ padding:10px; }

	.slogun_gp img{width:100%; max-width:600px; }

	.dept_list {padding:0 15px 15px 15px;font-size:.85rem}
	.dept_list li {margin-top:14px}
	.dept_list li.end {margin-top:24px}
	.dept_list2 {margin-top:20px; padding:0 15px 15px 15px;font-size:.85rem}
	.dept_list2 li {margin-top:14px}
	.dept_list2 li.end {margin-top:24px}
	.icon_step li {width:calc(100% / 3 - 24px)}
	.icon_step2 li .icon {width:94px;height:94px}
}

@media only screen and (max-width:640px){
	.bd_dashed {margin:20px auto 15px auto}
	.icon_step2 {max-width:375px;padding:0;text-align:left;background-color:#fff}
	.icon_step2 li {width:92px;margin:0 4% 20px 4%}
	.icon_step2 li .icon {width:92px;height:92px}
	.icon_step2 li b {margin-top:18px;text-align:center}
	/*.icon_step2 li {width:calc(100% / 3 - 30px)}
	.icon_step2 li:nth-child(3n) {margin-right:auto}*/
	.icon_step3 li {display:block;width:auto;min-height:80px;margin:0 auto 20px auto}
	.icon_step3 li:nth-child(3n) {margin-right:auto}
	.certi_img .img_box {width:calc(100% / 3 - 18px);margin:0 2.4% 20px auto}
	.certi_img .img_box:nth-child(3n) {margin-right:auto}
}

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

	.sub_top .tit { height: 45px;font-size: 18px;}
	.sub_top .tit span {font-size: 13px;	}
	.lay_frame_mobile img{width:100%;}
	.intro_section1{ width:100%;padding:0px;}

	#history{width:100%; margin:0 auto;}
	
	/*사업분야 */
	.ex_btn ul li{position:relative;  padding:10px; } 
	.sub_support ul li{position:relative; display:block; padding:5px;} 
	.article_four1 {width:100%;margin: 0 auto;padding: 0px;font-size: 15px;}
	.article_four1 img {max-width: 100%;margin:0 auto;margin-bottom: 20px;}

	.sub_content_field, .sub_con_ex, .sub_con_img{margin: 0 auto;border: 0;float: left;width:100%;margin-bottom:20px;}
	.sub_content_field p{margin-left: 0px;line-height: 24px;	text-align:left;	}

	.section_1_2{width:100%;padding:0;line-height: 24px;}

	.sub_ci_2{width:100%;margin:0 auto;}

	.article_four1 p{margin-left: 0px;}

	.sub_content_company{ width:100%}
	.ex_company .left { width: 100%;float:left; }
	.ex_company .photo { margin: 0 auto; width:100%}
	.ex_company .right { width: 100%;float:left;  margin-left: 0px; margin-bottom:40px;}
	.ex_company .right dl{margin-top:15px;}
	.ex_company .right dt{display:none}
	.ex_company .right dd{margin: 0 auto ; font-size: 13px;height: 33px; line-height: 119%; margin-top: 14px;}
	.ex_company .right .right_line{ padding:20px; }

	.sub_field_study ul li { width:90%;}

	.profile_book dt{float:left;	width:30%;}
	.profile_book dd {float: left; width: 70%;}

	.if_movie{height:300px;}
	
	.sub_top{height:153px; }
	.about_subimg01 { background: url(../../../img/about_subimg01_m.jpg) no-repeat; }
	.about_subimg02 { background: url(../../../img/about_subimg02_m.jpg) no-repeat; }
	.about_subimg03 { background: url(../../../img/about_subimg03_m.jpg) no-repeat; }
	.about_subimg04 { background: url(../../../img/about_subimg04_m.jpg) no-repeat; }
	.about_subimg05 { background: url(../../../img/about_subimg05_m.jpg) no-repeat; }
	.about_subimg06 { background: url(../../../img/about_subimg06_m.jpg) no-repeat; }
	.about_subimg07 { background: url(../../../img/about_subimg07_m.jpg) no-repeat; }

	.about_subimg13 { background: url(../../../img/about_subimg13_m.jpg) no-repeat; }
	.about_subimg14 { background: url(../../../img/about_subimg14_m.jpg) no-repeat; }
	.about_subimg15 { background: url(../../../img/about_subimg15_m.jpg) no-repeat; }
	.about_subimg16 { background: url(../../../img/about_subimg16_m.jpg) no-repeat; }
	.about_subimg17 { background: url(../../../img/about_subimg17_m.jpg) no-repeat; }
	.about_subimg18 { background: url(../../../img/about_subimg18_m.jpg) no-repeat; }
	.about_subimg19 { background: url(../../../img/about_subimg19_m.jpg) no-repeat; }
	.about_subimg20 { background: url(../../../img/about_subimg20_m.jpg) no-repeat; }
	.about_subimg21 { background: url(../../../img/about_subimg21_m.jpg) no-repeat; }
	.about_subimg22 { background: url(../../../img/about_subimg22_m.jpg) no-repeat; }
	.about_subimg23 { background: url(../../../img/about_subimg23_m.jpg) no-repeat; }
	.about_subimg24 { background: url(../../../img/about_subimg24_m.jpg) no-repeat; }

	.about_subimg26 { background: url(../../../img/about_subimg26_m.jpg) no-repeat; }
	.about_subimg27 { background: url(../../../img/about_subimg27_m.jpg) no-repeat; }

	.about_subimg28 { background: url(../../../img/about_subimg28_m.jpg) no-repeat}
	.about_subimg29 { background: url(../../../img/about_subimg29_m.jpg) no-repeat}
	.about_subimg30 { background: url(../../../img/about_subimg30_m.jpg) no-repeat}
	.about_subimg31 { background: url(../../../img/about_subimg31_m.jpg) no-repeat}
	.about_subimg32 { background: url(../../../img/about_subimg32_m.jpg) no-repeat}
	.about_subimg34 { background: url(../../../img/about_subimg34_m.jpg) no-repeat}
	
	.boardList{ width:95%;}

	.icon_step li {display:block;width:auto;margin:0 auto 30px auto;text-align:center}
	.icon_step3 li .icon {width:60px;height:60px;background-size:calc(100% / 2 + 6px)}
	.icon_step3 li .txt_group {width:calc(100% - 85px)}
}

@media screen and (max-width:420px){
	.icon_step2 {max-width:inherit}
	.icon_step2 li {width:85px;margin:0 2% 20px 2%}
	.icon_step2 li .icon {width:85px;height:85px}
	.icon_step2 li b {font-size:13px}
	.certi_img .img_box {width:calc(100% / 2 - 12px)}
	.certi_img .img_box:nth-child(3n) {margin-right:2.4%}
	.certi_img .img_box:nth-child(2n) {margin-right:auto}

}