@charset "utf-8";
.subtop .detail01 strong{display:block; padding:0; font-size:22px; color:#3a435c; /*font-family:'NanumMyeongjo',serif;*/ font-weight:600; line-height:1.5em;}
.subtop .detail01 p{text-align:justify; padding:15px 0 0 0; letter-spacing:-1px;}/* word-break:keep-all;*/
.subtop .conWrap > div dl{font-size:14px}
/*.subtop .conWrap h4{ font-size:24px; font-weight:bold; color:#0071b7;}*/
footer{position:relative !important;}

.subtop .topImg{height:230px; text-align:center; text-indent:-10000px; background-repeat:no-repeat; background-position:center top;}
/*.subtop .topImg.founder{background-image:url(../images/sub/intro/founder_top_img.jpg); text-indent:0}*/
/*.subtop .topImg.ceo{background-image:url(../images/sub/intro/ceo_top_img.jpg)}*/
.subtop .topImg.vision{background-image:url(../images/sub/intro/vision_top_img.jpg)}
.subtop .topImg.history{background-image:url(../images/sub/intro/history_top_img.jpg)}
.subtop .topImg.management{background-image:url(../images/sub/intro/management_top_img.jpg)}
.subtop .topImg.ci{background-image:url(../images/sub/intro/ci_top_img.jpg)}
.subtop .topImg2{/*height:430px; */text-align:center; text-indent:-10000px; background-repeat:no-repeat; background-position:center top;}

.subtop .topImg2.founder{ text-indent:0}





.subtop .topImg2.ceo{background-image:url(../images/sub/intro/ceo_top_img.jpg)}


/*â¾÷ÁÖ*/
.subtop #contents .conWrap.v2{padding:0 0 50px 0;}
.subtop .topImg2.founder p{padding:2px 0 0 20%; font-size:20px; font-weight:bold; color:#404040; letter-spacing:-1.5px;}
.subtop .topImg2.founder p span{ display:inline-block; text-align:left; line-height:1.5em;}







.subtop .founder_txt li{position:relative; margin-top:35px; border-top:1px solid #e9e9e9;}
.subtop .founder_txt li .title{position:absolute; top:-1px; left:0; width:22%; padding:19px 0 0 0; letter-spacing:-1px; border-top:1px solid #afafbb;}
.subtop .founder_txt li .title span{display:block;}
.subtop .founder_txt li .title.v2{position:relative;}
.subtop .founder_txt li .txt{margin-left:22%; padding:24px 0 0 4%;}
.subtop .founder_txt li .boxTxt{margin-top:20px; padding:9px 10px 9px 36px; font-size:13px; color:#000; background:#f4f4f4 url(../images/sub/intro/intro_arrow01.gif) no-repeat 16px 17px;}
.subtop .founder_history{margin-top:40px;}
.subtop .founder_history h4{padding:0; border-top:1px solid #e9e9e9; letter-spacing:-0.1em;}
.subtop .founder_history h4 span{display:inline-block; margin-top:-1px; padding:10px 20px 30px 0; border-top:1px solid #afafbb;}
.subtop .founder_history img{width:100%; padding:35px 0 0}
.subtop .founder_history .tablet,
.subtop .founder_history .mobile{display:none}
.subtop .founder_video{margin-top:60px; padding-bottom:0; border:none;}
.subtop .founder_video div{position:relative; width:48.5%;}
.subtop .founder_video h4{padding:0; border-top:1px solid #e9e9e9; letter-spacing:-0.1em;}
.subtop .founder_video h4 span{display:inline-block; margin-top:-1px; padding:10px 20px 30px 0; border-top:1px solid #afafbb;}
.subtop .founder_video .title{position:relative; width:48.5%; margin-bottom:30px;}
/*.subtop .founder_video div iframe{height:300px;}
.subtop .founder_video div.video_bg{background-color:black; width:100%; height:361px; vertical-align:middle; display:table}
*/
.subtop .founder_video .floatR div.video_bg video{margin-top:22%; }

.subtop .founder_video:after{content:""; clear:both; display:block; visibility:hidden;}
/*°æ¿µÀÚ*/
.subtop .topImg2.ceo p{padding:157px 0 0 10%; font-size:20px; font-weight:bold; color:#404040; letter-spacing:-1.5px;}
.subtop .topImg2.ceo p span{ display:inline-block; text-align:left; line-height:1.5em;}
.subtop .detail01.ceo .txt04{text-align:justify; padding:0 0 20px 0; background:none;}
.subtop .intro_tab .ceo li storng{position:absolute; width:33%; padding:13px 0 !important; font-size:16px; text-align:center; vertical-align:middle; border-bottom:1px solid #a3a3a3}
.subtop .intro_tab .ceo li p{width:66%; margin-left:200px; padding:13px 0 !important; vertical-align:middle; border-bottom:1px solid #d9d9d9}
.subtop .intro_tab{line-height:1;}
.subtop .intro_tab.ceo dl{margin:0}
.subtop .intro_tab.ceo dt{display:inline-block; width:33%; padding:13px 0 !important; font-size:16px; text-align:center; vertical-align:middle; border-bottom:1px solid #a3a3a3}
.subtop .intro_tab.ceo dd{display:inline-block; width:65%; margin-left:0.5%; padding:13px 0 !important; vertical-align:middle; border-bottom:1px solid #d9d9d9}
/*±×·ì¿¬Çõ*/
.subtop .intro_tab .awards{padding-top:0; border-top:1px solid #626262;}
.subtop .intro_tab .awards dl{margin:0;}
.subtop .intro_tab .awards dt{display:inline-block; width:24%; padding:13px 0 !important; font-size:16px; text-align:center; vertical-align:middle; color:#4c4c4c; border-bottom:1px solid #a3a3a3}
.subtop .intro_tab .awards dd{display:inline-block; width:73%; margin-left:2%; padding:15px 0 !important; vertical-align:middle; border-bottom:1px solid #d9d9d9}
.subtop .intro_tab p.img{margin-top:18px;}
.subtop .intro_tab p.txt{padding:20px 0 18px;}
.subtop .table_history{width:100%; border-top:1px solid #626262;}
.subtop .table_history tr th{width:27%; padding-top:15px; font-size:27px; text-align:center; vertical-align:top; border-bottom:1px solid #626262}
.subtop .table_history tr td{padding:5px 0; border-bottom:1px solid #626262;}
.subtop .table_history li{ position:relative; padding:13px 0 12px; border-bottom:1px solid #d9d9d9;}
.subtop .table_history li strong{position:absolute; top:0; padding-top:10px; font-size:16px; color:#4c4c4c;}
.subtop .table_history li p{padding-left:82px;}
.subtop .table_history li.last{border:none;}
/*ºñÀü*/
.subtop .visionWrap{position:relative;}
.subtop .visionWrap h4{padding-bottom:10px; border-bottom:1px solid #3c4658}
.subtop .visionWrap .title{position:absolute; top:105px; width:100%;}
.subtop .visionWrap .title span{display:block; font-size:30px; font-weight:bold; text-align:center; color:#3c4658; line-height:1.4; }
.subtop .visionWrap .v_list{}
.subtop .visionWrap .v_list li{float:left; width:33.33%}
.subtop .visionWrap .v_list dl{margin-top:70px; padding:360px 0 0 27px; line-height:1.5; background-size:100%;}
.subtop .visionWrap .v_list dt{font-size:20px; color:#1a5b9a;}
.subtop .visionWrap .v_list dd{padding:0 0 30px; font-size:16px; color:#3a5160;}
.subtop .visionWrap .v_list dd span{display:block;}
.subtop .visionWrap .v_list .v_01 dl{margin-right:88px; background:url(../images/sub/intro/intro_vision_01.png) no-repeat 0 0;}
.subtop .visionWrap .v_list .v_02 dl{margin:225px 44px 0; background:url(../images/sub/intro/intro_vision_02.png) no-repeat 0 0;}
.subtop .visionWrap .v_list .v_03 dl{margin-left:88px; background:url(../images/sub/intro/intro_vision_03.png) no-repeat 0 0;}
.subtop .visionWrap .v_list:after{content:""; clear:both; display:block; visibility:hidden;}
/*°æ¿µÇöȲ*/
.management_graph{margin-top:35px}
.management_graph li.floatL{float:left; width:48%; margin-right:4%;}
.management_graph li.floatR{float:right; width:48%;}
.management_graph li.first{margin-bottom:4%;}
.management_graph:after{content:""; display:block; clear:both; visibility:hidden; height:0;}
/*slider*/
.subtop li.slider{border:none;}
.subtop .sliderWrap{position:relative; border:1px solid #888; overflow:hidden;}
.subtop .slider_container{position:relative; margin:0 auto; top:0; left:0; width:1098px; height:466px; overflow:hidden;}
.subtop .jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn {position:absolute; cursor:pointer; display:block;}
.sliderWrap span.jssora21r,
.sliderWrap span.jssora21rdn{display:block; top:213px; left:94%; width:40px; height:40px; background-image:url(../../../static/images/sub/intro/intro_gright.png);}
.sliderWrap span.jssora21l,
.sliderWrap span.jssora21ldn{display:block; top:213px; left:3%; width:40px; height:40px; background-image:url(../../../static/images/sub/intro/intro_gleft.png);}
#slider_container, #slider_container .slider_view{width:1098px; height:464px;}
#slider_container .slider_view span{display:block; background-size:1098px 466px;}
#slider_container .slider_view .ceo_s01{background:url(../images/sub/intro/img_ceo_1.jpg) no-repeat 0 0;}
#slider_container .slider_view .ceo_s02{background:url(../images/sub/intro/img_ceo_2.jpg) no-repeat 0 0;}
#slider_container .slider_view .ceo_s03{background:url(../images/sub/intro/img_ceo_3.jpg) no-repeat 0 0;}
#slider_container .slider_view .ceo_s04{background:url(../images/sub/intro/img_ceo_4.jpg) no-repeat 0 0;}
#slider_container .slider_view .founder_s01{background:url(../images/sub/intro/img_founder_1.jpg) no-repeat 0 0;}
#slider_container .slider_view .founder_s02{background:url(../images/sub/intro/img_founder_2.jpg) no-repeat 0 0;}
#slider_container .slider_view .founder_s03{background:url(../images/sub/intro/img_founder_3.jpg) no-repeat 0 0;}
#slider_container .slider_view .founder_s04{background:url(../images/sub/intro/img_founder_4.jpg) no-repeat 0 0;}


/*intro_tab*/
.subtop .tab_wrap{width:100%; margin:0; font-size:0;}
.subtop .tab_wrap{border-bottom:1px solid #62769c;}
.subtop .tab_wrap li{float:left; display:inline-block; width:33%; font-size:18px; text-align:center; color:#384f84; border-right:2px solid #fff; font-weight:bold; box-sizing:border-box; background:#f1f2f9; cursor:pointer}
.subtop .tab_wrap li.last{width:34%; border:none}
.subtop .tab_wrap li a{display:inline-block; width:100%; padding:13px 0; color:#384f84; text-decoration:none}
.subtop .tab_wrap li a.selected{color:#fff; background:#62769c;}
.subtop .tab_wrap li a:hover{color:#fff; background:#62769c}
.subtop .tab_wrap ul:after{content:""; clear:both; display:block; visibility:hidden;}





@media all and (max-width:1024px)
{
/*intro À̹ÌÁö*/
.subtop .topImg.founder{background-position:0 0}
.subtop .topImg.ceo{background-position:55% top}
.subtop .topImg.vision{background-position:48% top}
.subtop .topImg.history{background-position:50% top}
.subtop .topImg.management{background-position:45% top}
.subtop .topImg.ci{background-position:0% top}

/*°æ¿µÀÚ*/
.subtop .founder_txt .history{padding:25px 0 35px 0;}

/*â¾÷ÁÖ*/

.subtop .detail01.founder{padding:0 0 0 0;}
.subtop .detail01.founder .txt{position:absolute; top:0; width:100%; padding:14px 0; text-align:center; border-top:1px solid #dadada; border-bottom:1px solid #dadada;}
.subtop .detail01 .period{margin-bottom:15px;}
.subtop .founder_txt li .title{width:32%;}
.subtop .founder_txt li .txt{margin-left:32%;}

.subtop .founder_video div iframe{height:200px;}

.subtop .founder_video video{width:100%;}
.sliderWrap .jssora21r, .jssora21rdn{left:89%;}
.sliderWrap span.jssora21r, .sliderWrap span.jssora21rdn{left:89%;}

.subtop .founder_video div.video_bg{height:314px; width:100%; }
.subtop .founder_video div.swf_s{height:314px; width:100%; }

.subtop .founder_video .floatR div.video_bg video{margin-top:20%}


/*±×·ì¿¬Çõ*/
.subtop .tab_wrap li{font-size:16px !important}
.subtop .table_history tr th{font-size:22px; padding-top:18px;}

/*ºñÀü*/
.subtop .detail01.vision{background:none}
.subtop .visionWrap .v_list .v_01 dl{margin-right:14%}
.subtop .visionWrap .v_list .v_02 dl{margin:225px 7%}
.subtop .visionWrap .v_list .v_03 dl{margin-left:14%;}

}
@media all and (max-width:768px)
{
/*â¾÷ÁÖ*/
.subtop .detail01.founder strong .t_2{display:block;}
.subtop .video{vertical-align:top;}
.subtop .founder_history .web,
.subtop .founder_history .mobile{display:none}
.subtop .founder_history .tablet{display:block}

.sliderWrap span.jssora21l, .sliderWrap span.jssora21ldn{width:50px; height:50px; background-size:50px 50px;}
.sliderWrap span.jssora21r, .sliderWrap span.jssora21rdn{left:88%; width:50px; height:50px; background-size:50px 50px;}

.subtop .founder_video{margin-top:40px}
.subtop .founder_video div{width:100%}
.subtop .founder_video div.video_bg{height:auto; width:100%; }
.subtop .founder_video div.swf_s{height:auto; width:100%; }

.subtop .founder_video .floatR div.video_bg video{margin-top:0}
.subtop .founder_video .floatL{margin-bottom:30px}

/*±×·ì¿¬Çõ*/
.subtop .topImg..history {background-position:42% top; display:block; }
.subtop .tab_wrap li{font-size:14px !important;}
.subtop .table_history tr th{font-size:20px; padding-top:20px;}

/*ºñÀü*/
.subtop .topImg.vision{background-position:42% top; display:block; /*background-size:420%; height:290px*/ }


/*°æ¿µÇöȲ*/
.subtop .topImg.management {background-position:42% top; display:block; /*background-size:420%; height:290px*/ }

.subtop .visionWrap .title{position:relative; top:0; width:100%; padding:20px 0;}
.subtop .visionWrap .v_list dl{background:none !important;}
.subtop .visionWrap .v_list li{float:none; width:100%}
.subtop .visionWrap .v_list .skip{position:relative; top:0; display:block; width:100%; height:auto; padding:20px 0 30px 0; text-indent:0; font-size:30px; color:#fff; background-color:#4174a5; background-position:right bottom; background-repeat:no-repeat; line-height:1.5;}
.subtop .visionWrap .v_list .skip span{display:inline-block; padding-left:35px; font-size:24px; font-weight:bold;}
.subtop .visionWrap .v_list .v_01 .skip{background-image:url(../images/sub/intro/intro_vision_m1.png); background-size:115px}
.subtop .visionWrap .v_list .v_02 .skip{background-image:url(../images/sub/intro/intro_vision_m2.png); background-size:130px}
.subtop .visionWrap .v_list .v_03 .skip{background-image:url(../images/sub/intro/intro_vision_m3.png); background-size:125px}

.subtop .visionWrap .v_list dl{margin:0 !important; padding:5px 0 10px 35px;}
.subtop .visionWrap .v_list dt{padding:12px 0 10px 0; color:#248aca;}
.subtop .visionWrap .v_list dd{padding:0 0 10px 0; color:#3a5160;}
.subtop .visionWrap .v_list dd span{display:inline;}

/*ci*/
.subtop .ci_ex li{padding:0 0 20px 0}
.subtop .ci_ex .symbolmark ul{padding:0 0 0 327px;}
.subtop .ci_ex .txt .v2{padding-bottom:0;}
.subtop .no_logoType li{padding:0 22px 30px 0}

}
@media all and (max-width:640px)
{
.subtop .topImg{display:none}
.subtop .detail01{text-align:center}
.subtop .detail01 strong{font-size:15px; text-align:center; font-weight:400}
.subtop .detail01 strong span{display:block}

/*â¾÷ÁÖ*/
.subtop #contents{padding:0;              min-height: 700px;                 }
.subtop #contents .conWrap{padding:0 20px 50px}
.subtop #contents .conWrap.v2{padding:0 0 50px}
.subtop .topImg.founder{height:auto; background:none}
.subtop .topImg.founder p{padding:0; color:#2f71a5}
.subtop .topImg.founder p span{text-align:center}
.subtop .detail01.founder strong .t_1{display:block;}
.subtop .detail01 .period{width:95%; font-size:15px; display:inline-block; height:40px; margin:0 0 20px; padding-top:15px;font-weight:bold; color:#303030; text-align:center; background:#FFFFFF;/* border-top:#DDDDDD solid 1px;*/ border-bottom:#DDDDDD solid 1px/*background:url(../images/common/tit_01_bg.png) no-repeat 50% 0px */ }

.subtop .founder_txt li .title{position:relative; width:100%}
.subtop .founder_txt li .title span{display:inline-block; padding-right:7px}
.subtop .founder_txt li .txt{margin-left:0; padding-left:0;}
.subtop .founder_history img{padding:0 0 0; width:80%}
.subtop .founder_history .web,
.subtop .founder_history .tablet{ display:none ;}
.subtop .founder_history .mobile{display:block; text-align:center; width:70%; margin:auto }


.subtop .founder_video h4 span{padding:10px 20px 20px 10px}
.subtop .founder_video .floatL{margin-bottom:30px}
.subtop .founder_video .title{width:100%; margin-bottom:20px}
.subtop .founder_video div iframe{height:160px}

.sliderWrap span.jssora21r, .sliderWrap span.jssora21rdn{left:92%}

.subtop .founder_video div.video_bg{height:auto; width:100%; }
.subtop .founder_video div.swf_s{height:auto; width:100%; }

.subtop .founder_video .floatR div.video_bg video{margin-top:0}
/*°æ¿µÀÚ*/
.subtop .intro_tab.ceo > dl{display:table; width: 100%; margin:0} /*bootstrap¿¡¼­ ÁÖ´Â margin-bottom:20 À» ¸·±âÀ§ÇÔ*/
.subtop .intro_tab.ceo dt,
.subtop .intro_tab.ceo dd{display:table-cell}
.subtop .tab_wrap.m_mg{margin-top:30px}
.subtop .tab_wrap li a{padding:8px 0 7px}

/*±×·ì¿¬Çõ*/
.subtop .detail01.history strong{font-size:19px;}
.subtop .table_history tr th{display:none;}
.subtop .table_history tr td{padding:0;}
.subtop .intro_tab .awards dl{display:table; width:100%;}
.subtop .intro_tab .awards dt{display:table-cell;}
.subtop .intro_tab .awards dd{display:table-cell;}
.management_graph li.floatL,.management_graph li.floatR{float:none; width:100%; margin-bottom:20px;}

/*ºñÀü*/
.subtop .visionWrap .title span{font-size:24px;}
.subtop .visionWrap .v_list .skip{padding:9px 0 14px;}
.subtop .visionWrap .v_list .skip span{padding-left:15px;}
.subtop .visionWrap .v_list dl{margin:0 !important; padding:5px 0 15px 15px;}
.subtop .visionWrap .v_list dt{padding:10px 0 8px 0;}
.subtop .visionWrap .v_list dd{padding:0 0 5px 0;}
.subtop .visionWrap .v_list .v_01 .skip{background-size:85px}
.subtop .visionWrap .v_list .v_02 .skip{background-size:100px}
.subtop .visionWrap .v_list .v_03 .skip{background-size:90px}

/*ci*/
.subtop .ci_ex .symbolmark ul{padding:0}
.subtop .ci_ex .symbolmark .img{position:relative; top:0; padding:20px 0; text-align:center}
.subtop .ci_ex .txt li{padding:20px 0 0 0}
.subtop .ci_ex .img_view{background:none}
.subtop .ci_ex .img_view img{width:100%}
.subtop .ci_ex .txt{padding:0 0 20px 0;}
.subtop .no_logoType li{padding:0 22px 30px 0}
.subtop .no_logoType li p{min-height:50px;}

/*½½¶óÀÌµå ¸ð¹ÙÀÏ ¹öÀü
.subtop .video h4{ width:50%;}
.subtop .video > div{ float:left; width:50%;}

.sliderWrap span.jssora21r, .sliderWrap span.jssora21rdn{left:78.5%;}
#slider_container, #slider_container .slider_view{width:640px; height:640px;}
#slider_container .slider_view span{display:block; background-size:640px 640px;}
*/
#slider_container .slider_view .ceo_s01{background:url(../images/sub/intro/img_ceo_m1.jpg) no-repeat 0 0;}
#slider_container .slider_view .ceo_s02{background:url(../images/sub/intro/img_ceo_m2.jpg) no-repeat 0 0;}
#slider_container .slider_view .ceo_s03{background:url(../images/sub/intro/img_ceo_m3.jpg) no-repeat 0 0;}

#slider_container .slider_view .founder_s01{background:url(../images/sub/intro/img_founder_m1.jpg) no-repeat 0 0;}
#slider_container .slider_view .founder_s02{background:url(../images/sub/intro/img_founder_m2.jpg) no-repeat 0 0;}
#slider_container .slider_view .founder_s03{background:url(../images/sub/intro/img_founder_m3.jpg) no-repeat 0 0;}
#slider_container .slider_view .founder_s04{background:url(../images/sub/intro/img_founder_m4.jpg) no-repeat 0 0;}

}

@media all and (max-width:460px)
{
.subtop .founder_history .web,
.subtop .founder_history .tablet{ display:none ;}
.subtop .founder_history .mobile{display:block; text-align:center; width:90%; margin:auto }
}

.tbl_type03{width:100%;}
.tbl_type03 table{width:100%; border-collapse:collapse; border-spacing:0; border-top:4px solid #7b87a8; }
.tbl_type03 th{padding:15px 0 12px 0; text-align:center; color:#0f0f0f; border-bottom:1px solid #7b87a8;}
.tbl_type03 td{padding:14px 0 11px 0; text-align:center; border-bottom:1px solid #ccc;}
.tbl_type03 th .r_tit, .tbl_type03 td .r_tit{display:inline-block; line-height:1.5;}
.tbl_type03 th .r_date, .tbl_type03 td .r_date{display:inline-block; float:right; width:30%; text-align:center;}
.tbl_type03 tr.t_last td{border-bottom:2px solid #ccc; }
.tbl_type03 td:after{content:""; clear:both; display:block; visibility:hidden;}
/*°³ÀÎÁ¤º¸Ãë±Þ¹æħ*/
.privateW{position:relative;}
.privateW .select_boxW{position:absolute; top:0; right:0; border:1px solid #ccc;}
.privateW .private_list h4{font-size:14px; color:#167ab9;}
.privateW .private_list h5{margin-left:30px; padding:3px 0 2px; font-size:14px; color:#464646;}
.privateW .private_list .depth1{margin-left:17px; padding:4px 0;}
.privateW .private_list .depth2{margin-left:30px;}
.privateW .private_list .depth3{margin-left:58px;}
.privateW .private_list ul li{padding:2px 0 2px 7px; background:url(../images/sub/customer/icon_dot.gif) no-repeat 0 12px;}
/*
.privateW .private_list .type1{padding-left:15px; background:url(../images/sub/customer/icon_dot1.gif) no-repeat 0 center;}*/
.privateW .private_list a{color:#00F;}
.privateW .private_list .type_table table{width:100%;}
.privateW .private_list .type_table th{width:34%; padding:10px 0 10px 7%; color:#004580; border:none; border-bottom:1px solid #d7d7d7;}
.privateW .private_list .type_table td{padding:10px 0 10px 5%; border:none; border-bottom:1px solid #d7d7d7;}
.privateW .private_list .type_table .first th{border-top:2px solid #0975ba;}
.privateW .private_list .type_table .first td{border-top:2px solid #8d8d8d;}
.privateW .private_list .type_table .t_viewM{display:none;}
.privateW .private_select{height:60px;}
.privateW .private_select .subsidiary_selectBox{width:200px; right:20px;}
/*»çÀÌÆ® ¸Ê*/
.conWrap .sitemapW li{float:left; width:27%; margin-right:9.5%; padding-bottom:58px;}
.conWrap .sitemapW li h4{margin:0 0 16px 0; padding:17px 0 20px 0; border-top:1px solid #afafbb; border-bottom:1px solid #e9e9e9;}
.conWrap .sitemapW li a{display:block; padding:4px 0; font-size:16px; line-height:2em;}
.conWrap .sitemapW ul:after{content:""; clear:both; display:block; visibility:hidden;}



@media all and (max-width:1024px){

/*â¾÷ÁÖ °æ¿µÀÚ »ó´Ü À̹ÌÁö*/
.subtop .topImg2.founder{}
.subtop .topImg2{height:0px; }

.subtop .topImg2.ceo{background-image:url(../images/sub/intro/ceo_top_img_t.jpg)}




}


@media all and (max-width:768px){
/*â¾÷ÁÖ °æ¿µÀÚ »ó´Ü À̹ÌÁö*/
.subtop .topImg2.founder{}
.subtop .topImg2{height:0px; }

.subtop .topImg2.ceo{background-image:url(../images/sub/intro/ceo_top_img_t.jpg);background-size:130%; }




}

@media all and (max-width:700px){
/*â¾÷ÁÖ °æ¿µÀÚ »ó´Ü À̹ÌÁö*/
.subtop .topImg2.founder{}
.subtop .topImg2{height:0px; }

.subtop .topImg2.ceo{background-image:url(../images/sub/intro/ceo_top_img_t.jpg);background-size:130%; }
}


@media all and (max-width:640px){
/*common*/
html,body,div{font-size: 10px}
.subtop .detail01 strong{font-size:18px; letter-spacing:-1px; font-weight:600; color:#777777}
.subtop .conWrap h4{font-size:20px;}
.subtop .detail01 p{word-break:keep-all;}


.conWrap .title .s_txt{font-size:15px; font-weight:bold; color:#767676}

/*â¾÷ÁÖ °æ¿µÀÚ »ó´Ü À̹ÌÁö*/
.subtop .topImg2.founder{text-indent:0}
.subtop .topImg2{ height: 0px; }

.subtop .topImg2.ceo{ background:url(../images/sub/intro/ceo_top_img_m_360.jpg) ;}
.subtop .topImg2.ceo{ background-size:cover; background-repeat:no-repeat; }



}

@media all and (max-width:460px){

/*â¾÷ÁÖ °æ¿µÀÚ »ó´Ü À̹ÌÁö*/
.subtop .topImg2.founder{text-indent:0}
.subtop .topImg2{ height: 0px}

.subtop .topImg2.ceo{ background:url(../images/sub/intro/ceo_top_img_m_360.jpg) ;}
.subtop .topImg2.founder, .subtop .topImg2.ceo{ background-size:contain ; background-repeat:no-repeat; background-size:110% }



}


@media all and (max-width:360px){

/*â¾÷ÁÖ °æ¿µÀÚ »ó´Ü À̹ÌÁö*/
.subtop .topImg2.founder{ text-indent:0}
.subtop .topImg2{ height:0px}

.subtop .topImg2.ceo{ background:url(../images/sub/intro/ceo_top_img_m_360.jpg) ;}
.subtop .topImg2.founder, .subtop .topImg2.ceo{ background-size:contain ; background-repeat:no-repeat; }




}

@media all and (max-width:320px){
/*â¾÷ÁÖ*/
.subtop .topImg.founder p{font-size:19px}
.subtop .detail01.founder strong{font-size:19px}
.subtop .detail01.history strong{font-size:18px; letter-spacing:-1.5px}

/*â¾÷ÁÖ °æ¿µÀÚ »ó´Ü À̹ÌÁö*/
.subtop .topImg2{ height: 0px}
.subtop .topImg2.ceo{ background:url(../images/sub/intro/ceo_top_img_m_360.jpg) ;}
.subtop .topImg2.ceo{ background-size:contain ; background-repeat:no-repeat; }