@charset "utf-8";
@import url('font-awesome.css');
@import url('default.css');
@import url('style.css');

.news_con #container_title, .ceo_greeting_con #container_title, .our_journey_con #container_title {display:none;}
/*뉴스 목록*/
.sub_area {padding:100px 0 100px;}
.sub_area .area#container {max-width:1400px; width:auto; margin:0 auto; float:inherit;}
.news_con {display:flex; }
.news_con #bo_w {width:100%;}
.news_con .news_tit_box {position:relative; width:30%; padding-right:50px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.news_con .main-tit {font-size:90px;line-height:0.9em;font-weight:900;color:#3c3c3c;}
.news_con .news_tit_box .img-wrap {margin-top: 105px; }
.news_con .news_tit_box .img { display:block; position:relative; width:100%; padding-top:72.48%; background:url("../img/layout/sub_news_bg.png") no-repeat; background-size: 100% auto; animation: imgupDown 3s ease-in-out infinite;}
.news_con .news_tit_box .main-sub-tit {margin-top:1.25em; font-size:24px; line-height:1.5em; color:#3c3c3c;}
.news_con .news_tit_box .detail-btn {display:inline-block; position:relative; padding-left: 70px;  margin-top:40px;}
.news_con .news_tit_box .detail-btn:before {content:""; display:block; position:absolute; left:0; top:50%; margin-top:-21px; width:42px; height:42px; background-color:#3c3c3c; border-radius:50%;}
.news_con .news_tit_box .detail-btn span {display:inline-block; font-size:18px; color:#3c3c3c; transition: margin 0.4s;}
.news_con .news_tit_box .detail-btn span:before {content:""; width:20px; height:1px; background-color:#fff; position:absolute; left:22px; top:50%; }
.news_con .news_tit_box .detail-btn span:after {content:""; width:15px; height:1px; background-color:#3c3c3c; position:absolute; left:42px; top:50%; }
.news_con .con_box {width:70% }
/* .news_con .con_box #bo_btn_top {display:none;} */
.news_con .con_box #bo_btn_top #bo_list_total {display:none;}
.news_con .con_box #bo_btn_top .btn_bo_user{margin-right: -40px;}
.news_con .con_box #bo_btn_top .btn_bo_user .btn_bo_sch{display:none;}
.news_con .con_box .tbl_wrap table {border-top:2px solid #000; table-layout:fixed;}
.news_con .con_box .tbl_head01 thead {display:none;}
.news_con .con_box .tbl_head01 .hidden {display:none;}
.news_con .con_box .tbl_head01 td {height:140px; border-color:#ddd;}
.news_con .con_box#bo_list tbody tr:hover {border-left:2px solid transparent;}
.news_con .con_box .tbl_head01 tr:first-child td {border-top:0;}
.news_con .con_box#bo_list tbody .even td {background:#fff;}
.news_con .con_box#bo_list .td_datetime {padding:0; width:150px; text-align:center; color:#000;}
.news_con .con_box#bo_list .td_datetime span {display:block; font-size:1em;}
.news_con .con_box#bo_list .td_datetime strong {display:block; font-size:3.2em; line-height:0.9em;}
.news_con .con_box#bo_list .td_subject {padding:0px 0 0 15px; width:calc(100% - 150px);}
.news_con .con_box#bo_list .td_subject a {
    position: relative;
    font-size: 24px;
    line-height: 30px;
    color: #717171;
    padding-right: 10px;
}
.news_con .con_box#bo_list .td_subject a .txt {
  display:inline-block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:calc(100% - 35px);
  vertical-align:middle;
}

.news_con .con_box#bo_list .td_subject a:hover .txt {text-decoration:underline}
.news_con .con_box#bo_list .td_subject .bo_tit {position:relative; padding-right:135px;}
.news_con .con_box#bo_list .td_subject .arrow {position:absolute; display:block; width:57px; height:57px; right:37px; top:50%; margin-top:-27.5px; border-radius:50%; overflow:hidden; }
.news_con .con_box#bo_list .td_subject .arrow em {display:block; position:relative; height:100%; background:url("../img/layout/news_arrow.png") center no-repeat; }
.news_con .con_box#bo_list .td_subject .arrow em:before{
	content:""; width:100%; height:100%; position:absolute; top:0; left:0; opacity:0;filter:Alpha(opacity=0); transition: opacity 0.4s;
	background: rgb(3,134,245);
	background: -moz-linear-gradient(50deg, rgba(3,134,245,1) 0%, rgba(24,207,192,1) 100%);
	background: -webkit-linear-gradient(50deg, rgba(3,134,245,1) 0%, rgba(24,207,192,1) 100%);
	background: linear-gradient(50deg, rgba(3,134,245,1) 0%, rgba(24,207,192,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0386f5",endColorstr="#18cfc0",GradientType=1);
}
.news_con .con_box#bo_list .td_subject .arrow em:after {content:""; width:100%; height:100%; position:absolute; top:0; left:0px; background:url("../img/layout/news_arrow_hover.png") center no-repeat; opacity:0;filter:Alpha(opacity=0);  transition: all 0.4s;}
.news_con .con_box#bo_list .cnt_cmt {display:none;}
.news_con .con_box#bo_list .bo_tit .new_icon {background:#0aa5b5; color:#ffffff;}

/*페이징*/
.pg_wrap {
  display:block;
  width:100%;
  text-align:center;
}
.pg_page, .pg_current {
  margin:1px 0;
  background-color:#fff;
  min-width:40px;
  height:40px;
  line-height:38px;
  border-radius:0;
  color:#717171

}
.pg_current {background:#000; border-color:#000; color:#fff;}

/*글보기*/
.news_con.show_tit {flex-direction:column;}
.news_con #container_title.show {display:block; margin-bottom:10px;}
#container_title span {
  margin-bottom:0 !important;
  display: inline-block;
  border: 1px solid #433f92;
  padding: 5px 10px;
  color: #433f92;
  font-weight: 600;
  margin-bottom: 10px;
}
#bo_v_title {text-align:center;}
#bo_v_title .bo_v_tit {font-weight:600; font-size:24px; margin-bottom:5px;}
#bo_v_title .bo_v_date {display:block; font-size:16px; font-weight:400;}
#bo_v_info {border-color:#000;}
#bo_v_info .profile_info {display:none;}
#bo_v .cmt_btn, #bo_v #bo_vc, #bo_v .bo_vc_w {display:none;}
#bo_v_top ul {margin:0 0 10px;}
#bo_v_top .btn_bo_user li {width:auto;}
#bo_v_top .btn_bo_user li a span {display:none; font-size:16px; color:#000; margin-left:10px; font-weight:normal;}
#bo_v_top a.btn_b01, #bo_v_top .btn_b01 {
  line-height:43px;
  min-width:45px;
  height:45px;
  color:#000;
  border:1px solid #ddd;
  border-radius:25px;
  text-align:center;
  transition:all .4s ease;
}
#bo_v_top .btn_bo_user li a:hover {padding:0 20px;}
#bo_v_top .btn_bo_user li a:hover span {display:inline-block;}
#bo_v_con {margin:10px 0 50px; font-size:16px;}
.bo_v_nb li {display:flex; border-color:#ddd;}
.bo_v_nb li:hover {background:#fff;}
.bo_v_nb li:last-child {border-color:#ddd;}
.bo_v_nb li:first-child {border-top-color:#000;}
.bo_v_nb li .nb_date {display:none;}
.bo_v_nb li a, .bo_v_nb li .nb_tit {font-size:16px; color:#000;}
.bo_v_nb li a {display:inline-block; width:calc(100% - 85px); overflow:hidden; white-space:nowrap; word-break:keep-all; text-overflow:ellipsis;}
.bo_v_nb li a:hover {color:#433f92;}
.bo_v_nb li i {margin-right:5px; color:#000;}
.btn_b01.btn.mobile {
  padding:0 20px;
  line-height:43px;
  min-width:45px;
  height:45px;
  color:#000;
  border:1px solid #ddd;
  border-radius:25px;
  text-align:center;
  transition:all .4s ease;
}
.btn_b01.btn.mobile span {display:inline-block; font-size:14px; color:#000; margin-left:10px; font-weight:normal;}
.bottom_mobile {display:none;}

/*ceo*/
#wrapper.container.ceo_greeting {height:calc(100vh - 140px); min-height:500px; background:#3d3d3c;}
#wrapper.container.ceo_greeting .sub_area {padding:0; height:100%;}
#wrapper.container.ceo_greeting .sub_area .area#container {height:100% !important; max-width:100%;}
.ceo_greeting_con .ceo_txt {position:absolute; display:flex; padding-top:100px; padding-bottom:100px; padding-right:50px; width:calc(50vw - 160px); height:calc(100vh - 140px); min-height:500px; background:#3d3d3c; z-index:1; box-sizing:border-box; flex-direction:column; align-items:flex-end;}
.ceo_greeting_con .ceo_txt .titBox {font-family:'Montserrat'; color:#fff; text-align:left; width:530px;}
.ceo_greeting_con .ceo_txt .titBox span {display:block; font-size:45px; font-weight:400; margin-bottom:20px;}
.ceo_greeting_con .ceo_txt .titBox strong {display:block; font-size:90px; font-weight:500; line-height:90px;}
.ceo_greeting_con .ceo_txt .txtBox {word-break:keep-all; width:530px; max-height:100%; margin-top:30px; font-size:24px; color:#fff; line-height:30px; }
.ceo_greeting_con .ceo_txt .txtBox p strong{ color: #0ba6b6; }
.ceo_greeting_con .ceo_txt .txtBox::-webkit-scrollbar { width: 10px; }
.ceo_greeting_con .ceo_txt .txtBox::-webkit-scrollbar-thumb {
    background-color: #151515;
    border-radius: 10px;
  }
.ceo_greeting_con .ceo_txt .txtBox::-webkit-scrollbar-track {
    background-color: #363636;
    border-radius: 10px;
    /*box-shadow: inset 0px 0px 5px white;*/
  }
.ceo_greeting_con .img_bg {position:absolute; top:0; right:0; width:calc(50vw + 150px); height:100%; background:url('../img/sub/bg_ceo.jpg') no-repeat center; background-size:cover;}
.ceo_greeting_con .img_bg:after {content:''; display:block; position:absolute; top:0; left:0; width:50%; height:100%; background:linear-gradient( to right, #3d3c3cc7, #3d3c3c00);}

/*연혁
#wrapper.container.our_journey {position:relative; min-height:calc(100vh - 140px); background:url('../img/sub/bg_our.jpg') no-repeat center; background-size:cover;}
#wrapper.container.our_journey:before {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient( to right, #00000078, #2d2d2dc7);}
.our_journey_con {position:relative; height:100%; display:flex; flex-direction: column; flex-wrap: wrap; justify-content: right; align-items: flex-start;}
.our_journey_con .h2_tit {position:absolute; top:200px; left:0; z-index: 0; color: #fff; font-family:'Montserrat'; text-align:left; font-size:90px; line-height:90px; font-weight:500;}
.our_journey_con .history_tabs{ padding-left:500px; width: 100%; z-index: 100; position:relative;}
.our_journey_con .history_tabs > li { display: block; margin-right: 30px; vertical-align: middle; }
.our_journey_con .history_tabs > li > a { font-size: 30px; font-weight: normal; line-height: 78px; color: #fff; transition: all 0.7s; float: left; display: flex; align-items: center; flex-direction: row; margin-right: 50px; font-weight: 600; font-family:'Montserrat'; }
.our_journey_con .history_tabs > li:last-child > a{ margin-right: 0; }
.our_journey_con .history_tabs > li.active > a { font-size: 60px; font-weight: 500; color: #0aa5b5; }
.our_journey_con .history_box {margin-top:50px; padding-left:500px; width: 100%;}
.our_journey_con .history_cont_wrap { position: relative; }
.our_journey_con .list_wrap { display:none; overflow: hidden; position:relative; left: 0; margin: 0; width: 100%; height:auto; min-height: 335px; transform: translateY(30px); opacity: 0; }
.our_journey_con .list_wrap.on { display:block; transform: translateY(0); opacity: 1; transition: transform 1s, opacity 1s; }
.our_journey_con .history_cont_wrap .history { position: relative; padding: 5px 10px 5px 240px; font-size: 20px; transition: margin 300ms ease-out 0s; margin: 20px 0; color: #fff; }
.our_journey_con .history_cont_wrap p { position: absolute; top: 4px; left: 0; font-size: 24px; font-weight: 500; font-family:'Montserrat'; }
.our_journey_con .history_cont_wrap p::after { content: ""; vertical-align: middle; display: inline-block; width: 125px; height: 1px; margin-left: 12px; border-bottom: 2px dotted #fff; }
.our_journey_con .history_cont_wrap .after_long p::after { width: 60px; }
.our_journey_con .history_cont_wrap .cont > li { line-height:24px; font-size: 24px; font-weight:200;}*/

/*about us*/
#wrapper.container.about_us{ position: relative; min-height: calc(100vh - 140px);
    background: url("../img/main/comp_bg.jpg") no-repeat center;
    background-size: cover; }
.about_us_con{ position: relative; height: 100%; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: right;align-items: flex-start; }
#wrapper.container.about_us .sub_area { padding: 0 0 100px; }
#wrapper.container.about_us #container_title{ display: none; }
#wrapper.container.about_us #wrapper.container{ margin-top: 90px; }

.main_company .company_txt {position:relative; margin-top:50px;}
.main_company h3{ font-size: 45px; font-weight: 600; font-family: 'Montserrat'; color:#fff;  }
.main_company .cnt_box{ margin-top:100px; display:flex; align-items: center; }
.comp_icon{ width:344px; height:344px; background:url('../img/main/comp_icon.png'); }
.comp_txt{ width:calc( 100% - 344px ); box-sizing:border-box; padding-left:100px; }
.comp_txt .comp_logo{ margin-bottom:60px; }
.comp_txt .comp_p{ font-family: "KoddiUD OnGothic"; color:#fff; font-size:24px; text-shadow: 2px 2px 3px rgba(0,0,0,0.3); line-height:1.5; }
.comp_txt .comp_p span{ font-weight:600; }


/*리더쉽*/
#wrapper.container.leadership {position:relative; min-height:calc(100vh - 140px); background:url('../img/sub/bg_Leadership.jpg') no-repeat center; background-size:cover;}
.leadership #container_title span {display:none;}
.leadership_con {position:relative;}
.leadership_con .h2_tit {text-align:center; color: #fff; font-family:'Montserrat'; font-size:40px; line-height:45px; font-weight:400;}
.leadership_con .card_wrap {position:relative; margin-top:60px;}
.leadership_con .card_wrap .h3_tit {margin-bottom:30px; color: #fff; font-family:'Montserrat'; font-size:30px; line-height:35px; font-weight:400;}
.leadership_con .card_wrap .card_list {display:flex;color:#fff;}
.leadership_con .card_wrap .card_list > li {width:calc(33.33% - 15px); margin-right:30px; padding:40px; border:1px solid #fff; border-radius:10px; box-sizing:border-box;}
.leadership_con .card_wrap .card_list > li:last-child {margin:0;}
.leadership_con .card_wrap .card_list h4 {position:relative; font-size:28px; font-weight:500; padding-left:50px; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #ffffff2e; }
.leadership_con .card_wrap .card_list h4:before {content:''; display:block; position:absolute; top:-2px; left:0; width:37px; height:30px; background:url('../img/sub/icon_lead.png');}
.leadership_con .card_wrap .card_list .txt li {font-size:24px; letter-spacing:-1px; line-height:35px; font-weight:300;}
.leadership_con .card_wrap.first:before {content:''; display:block; position:absolute; bottom:50px; right:0px; width:600px; height:181px; background:url('../img/sub/img_com.png'); background-size:100%; background-repeat:no-repeat;}

/*Solution*/
.solution .sub_area .area#container {max-width:100%;}
.solution #container_title span {display:none;}
.solution_con {position:relative;}
.solution_con .h2_tit {text-align:center; color: #000; font-family:'Montserrat'; font-size:35px; line-height:45px; font-weight:900;}
.solution_con .ai_box {margin-top:60px; width:100%; padding:100px 0; background:#ebf6f7;}
.solution_con .ai_box .txt_box {position:relative; width:1400px; margin:0 auto; padding-right:670px; box-sizing:border-box;}
.solution_con .ai_box .txt_box:before {content:''; display:block; position:absolute; top:50%; right:0; transform:translateY(-50%); width:652px; height:290px; background:url('../img/sub/img_solution_ai.jpg') no-repeat; background-size:100%;}
.solution_con .ai_box .txt_box h3 {margin-bottom:30px; font-size:30px; font-weight:bold; color:#000;}
.solution_con .ai_box .txt_box ul li {position:relative; padding-left:20px; font-size:20px; font-weight:400; color:#000; line-height:30px;}
.solution_con .ai_box .txt_box ul li + li {margin-top:20px}
.solution_con .ai_box .txt_box ul li:before {display:block; content:''; position:absolute; top:11px; left:0;  width:8px; height:8px; border-radius:20px; background:#0aa5b5;}
.solution_con .server_box {display:flex; justify-content:flex-start; align-items: center; padding:100px 0; width:1400px; margin:0 auto;}
.solution_con .server_box:before {content:''; display:block; position:relative; width:689px; height:689px; top:0; left:0; background:url('../img/sub/img_solution_server.png') no-repeat; background-size:100%;}
.solution_con .server_box .txt_box {position:relative; margin-left:100px;}
.solution_con .server_box .txt_box h3 {margin-bottom:30px; font-size:30px; font-weight:bold; color:#000;}
.solution_con .server_box .txt_box ul li {position:relative; padding-left:20px; font-size:20px; font-weight:400; color:#000; line-height:30px;}
.solution_con .server_box .txt_box ul li + li {margin-top:20px}
.solution_con .server_box .txt_box ul li:before {display:block; content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); width:8px; height:8px; border-radius:20px; background:#0aa5b5;}

/*publication*/
.publication #container_title span {display:none;}
.publication .sub_area .area#container {max-width:100%;}
.publication_con {position:relative;}
.publication_con .proof_box { width:100%; padding:0; background:#f2f5f5;}
.publication_con .proof_box .txt_box {position:relative; width:1400px; min-height:490px; padding:150px 0; margin:0 auto; padding-right:710px; box-sizing:border-box;}
.publication_con .proof_box .txt_box:before {content:''; display:block; position:absolute; bottom:0; right:0; width:691px; height:434px; background:url('../img/sub/img_solution_proof.jpg') no-repeat; background-size:100%; box-shadow:3px -2px 3px #00000017;}
.publication_con .proof_box .txt_box h3 {margin-bottom:30px; font-size:30px; font-weight:bold; color:#000;}
.publication_con .proof_box .txt_box ul li {position:relative; padding-left:20px; font-size:20px; font-weight:400; color:#000; line-height:30px;}
.publication_con .proof_box .txt_box ul li + li {margin-top:20px}
.publication_con .proof_box .txt_box ul li:before {display:block; content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); width:8px; height:8px; border-radius:20px; background:#0aa5b5;}
.publication_con .card_box {padding-top:100px; width:1400px; margin:0 auto;}
.publication_con .card_box h3 {font-size:30px; font-weight:bold; color:#000;}
.publication_con .card_box .patent_box {position:relative; margin-top:50px;}
.publication_con .card_box .patent_box h4 {padding-left:50px; font-size:24px; line-height:40px; height:40px; color:#000; font-weight:600; background:url('../img/sub/img_solution_card_tit.png') no-repeat left center;}
.publication_con .card_box .patent_box ul {margin-top:30px; display:flex;}
.publication_con .card_box .patent_box ul li {width:calc(25% - 15px); margin-right:20px; box-sizing:border-box; }
.publication_con .card_box .patent_box ul li:last-child {margin-right:0;}
.publication_con .card_box .patent_box.top ul li {position:relative; padding:40px 30px; box-shadow:0px -2px 14px 4px #00000014;}
.publication_con .card_box .patent_box.top ul li:before {content:''; display:block; position:absolute; width:66px; height:110px; top:0; right:10px; background:url('../img/sub/img_solution_patent.png') no-repeat center;}
.publication_con .card_box .patent_box.top ul li strong {display:block; margin-bottom:30px; font-size:24px; line-height:40px; color:#000; font-weight:600;}
.publication_con .card_box .patent_box.top ul li p {font-size:20px; font-weight:400; line-height:30px;}
.publication_con .card_box .patent_box.bottom ul li {position:relative; box-shadow:0px -2px 14px 4px #00000014;}
.publication_con .card_box .patent_box.bottom ul li:before {content:''; display:block; position:absolute; width:100%; height:80%; bottom:0; left:0; background:linear-gradient( to bottom, #fff0, #31686fd6);}
.publication_con .card_box .patent_box.bottom ul li .txt_box {position:absolute; bottom:0; left:0; padding:20px;}
.publication_con .card_box .patent_box.bottom ul li .txt_box p {font-size:24px; color:#fff; font-weight:400; word-break:break-word;}
.publication_con .card_box .patent_box.bottom ul li img {display:block; width:100%;}
.publication_con .ai_box .txt_box ul li, .solution_con .server_box .txt_box ul li, .publication_con .proof_box .txt_box ul li, .publication_con .card_box .patent_box.top ul li p, .solution_con .card_box .patent_box.bottom ul li .txt_box p {word-break:keep-all;}

/*mediStudio*/
.mediStudio #container_title span {display:none;}
.mediStudio .sub_area .area#container {max-width:100%;}
.mediStudio_con .img_box {max-width:1400px; margin:auto;}
.mediStudio_con .img_box p {margin-bottom:30px; padding-left:50px; font-size:24px; line-height:40px; min-height:40px; color:#000; font-weight:600; background:url('../img/sub/img_solution_card_tit.png') no-repeat left top 0px;}
.mediStudio_con .img_box img {display:block; width:100%;}
.mediStudio_con .mediStudio_box {margin-top:60px; width:100%; padding:100px 0; background:#ebf6f7;}
.mediStudio_con .mediStudio_box .txt_box {position:relative; max-width:1400px; margin:0 auto; padding-left:1100px; box-sizing:border-box;}
.mediStudio_con .mediStudio_box .txt_box:before {content:''; display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); width:1065px; height:330px; background:url('../img/sub/img_mediStudio_02.png') no-repeat; background-size:100%;}
.mediStudio_con .mediStudio_box .txt_box h3 {margin-bottom:30px; font-size:30px; font-weight:bold; color:#000;}
.mediStudio_con .mediStudio_box .txt_box ul li {position:relative; padding-left:20px; font-size:20px; font-weight:400; color:#000; line-height:30px; word-break:keep-all;}
.mediStudio_con .mediStudio_box .txt_box ul li + li {margin-top:20px}
.mediStudio_con .mediStudio_box .txt_box ul li:before {display:block; content:''; position:absolute; top:11px; left:0;  width:8px; height:8px; border-radius:20px; background:#0aa5b5;}

/*연혁 수정 240119 */
#wrapper.container.our_journey {position:relative; min-height:calc(100vh - 140px); }
.our_journey_con {position:relative; height:100%; display:flex; flex-direction: column; flex-wrap: wrap; justify-content: right; align-items: flex-start;}.subTopTitle { text-align:center; }
.subTopTitle h3 { color:#0aa5b5; font-size:13px; font-weight:600; text-transform:uppercase; margin-bottom:65px; }
.subTopTitle .tit,
.subTopTitle .title { color:#111; font-size:70px; font-weight:700; line-height:1.2; font-family: 'Montserrat'; }
.subTopTitle .txt { margin-top:30px; font-size:17px; color:#333; font-weight:300; line-height:1.7; }
@media screen and (max-width:1280px){
  .subTopTitle h3 { font-size:13px; margin-bottom:55px; }
  .subTopTitle .tit,
  .subTopTitle .title {  font-size:55px; }
}
@media screen and (max-width:1024px){
  .subTopTitle h3 { font-size:12px; margin-bottom:30px; }
  .subTopTitle .tit,
  .subTopTitle .title {  font-size:38px; }
  .subTopTitle .txt { margin-top:25px; font-size:16px; }
  .subTopTitle .txt br { display:none }
}
@media screen and (max-width:640px){
  .subTopTitle h3 { font-size:12px; margin-bottom:20px; }
  .subTopTitle .tit,
  .subTopTitle .title {  font-size:24px; }
  .subTopTitle .txt { margin-top:20px; font-size:15px; }
}


#contents { padding:170px 0 0; }
@media screen and (max-width:1024px){	
	#contents { padding:100px 0 0; }
}
@media screen and (max-width:640px){	
	#contents { padding:60px 0 0; }
}

.subCont { margin-top:140px;  }

.cont-bottom { padding-bottom:200px; }
@media screen and (max-width:1024px){	
  .cont-bottom { padding-bottom:150px; }
}
@media screen and (max-width:760px){	
  .cont-bottom { padding-bottom:100px; }
}

/* history_wrap*/
.inner1400{ max-width: 1400px; width: 100%; margin: 0 auto; }
.history_wrap .inner1400 { display:flex; flex-wrap:wrap; }
.history_wrap .year-box { width:680px; position:sticky; top:100px; max-height:580px; z-index:2 }
.history_wrap .history-list { width:calc(100% - 680px); }
.history_wrap .year-box .subTopTitle { text-align:left; }
.history_wrap .year-box .year_btn { margin-top:75px; }
.history_wrap .year-box .year_btn li { width:185px; }
.history_wrap .year-box .year_btn li:not(:last-child) { margin-bottom:10px; }
.history_wrap .year-box .year_btn li a {  width:100%; height:59px; border-radius:60px; display:flex; align-items:center; justify-content:center; border:1px solid #d6d6d6; font-size:18px; color:#999; font-weight:300; }
.history_wrap .year-box .year_btn li.on a { color:#fff; font-weight:700; background-color:#0aa5b5; border:none; }
.history_wrap .history-list { position:relative; margin-top:80px; }
.history_wrap .history-list:before { content:""; display:block; position:absolute; top:20px; left:0; width:3px; height:calc(100% - 330px); border-left:1px dashed #d6d6d6; }
.history_wrap .history-list > ul:not(:last-child),
.history_wrap .history-list > ul > li{ margin-bottom:170px; }
.history_wrap .history-list > ul > li { position:relative; padding-left:54px;  }
.history_wrap .history-list > ul > li:before { content:""; display:block; position:absolute; top:20px; left:-4px; width:9px; height:9px; background:#d6d6d6; border-radius:10px; }
.history_wrap .history-list > ul > li.effect:before { background:#0aa5b5; }
.history_wrap .history-list > ul > li > dl { display:flex; flex-wrap:wrap; }
.history_wrap .history-list > ul > li > dl > dt { width:175px; color:#111; font-size:45px; font-weight:600; }
.history_wrap .history-list > ul > li > dl > dd { width:calc(100% - 175px); padding-top:10px; }
.history_wrap .history-list > ul > li > dl > dd li:not(:last-child) { margin-bottom:38px; }
.history_wrap .history-list > ul > li > dl > dd li { position:relative; padding-left:40px; font-size:18px; color:#333; font-weight:400; line-height:1.4; word-break:keep-all; }
.history_wrap .history-list > ul > li > dl > dd li strong { position:absolute; left:0; top:0; width:27px; text-align:right; display:inline-block; color:#0aa5b5; font-weight:600; letter-spacing:-0.02em; }
@media screen and (max-width:1400px){	
  .history_wrap .year-box { width:600px; }
  .history_wrap .history-list { width:calc(100% - 600px); }
}
@media screen and (max-width:1280px){	
  .history_wrap .year-box { width:500px; }
  .history_wrap .history-list { width:calc(100% - 500px); }
  .history_wrap .history-list > ul > li > dl > dt { width:150px; font-size:40px; }
  .history_wrap .history-list > ul > li > dl > dd { width:calc(100% - 150px); }
}
@media screen and (max-width:1024px){	
  .history_wrap .year-box { width:400px; }
  .history_wrap .year-box .year_btn { margin-top:45px; }
  .history_wrap .year-box .year_btn li { width:160px; }
  .history_wrap .year-box .year_btn li a { height:48px; }
  .history_wrap .history-list { width:calc(100% - 400px); margin-top:45px; }
  .history_wrap .history-list:before { top:15px; }
  .history_wrap .history-list > ul:not(:last-child),
  .history_wrap .history-list > ul > li:not(:last-child) { margin-bottom:80px; }
  .history_wrap .history-list > ul > li { padding-left:40px; }
  .history_wrap .history-list > ul > li:before { top:13px; }
  .history_wrap .history-list > ul > li > dl > dt { width:100px; font-size:30px; }
  .history_wrap .history-list > ul > li > dl > dd { width:calc(100% - 100px); padding-top:2px; }
  .history_wrap .history-list > ul > li > dl > dd li { padding-left:40px; font-size:16px;}
  .history_wrap .history-list > ul > li > dl > dd li:not(:last-child) { margin-bottom:25px; }
}
@media screen and (max-width:960px){
  .history_wrap .year-box .subTopTitle { text-align:center; }
  .history_wrap .year-box .subTopTitle .title br { display:none }
  .history_wrap .history-list:before { top:15px; height:calc(100% - 290px); }
  .history_wrap .year-box { width:100%; position:relative; top:0; }
  .history_wrap .year-box .year_btn ul { display:flex; max-width:500px; gap:0 10px;}
  .history_wrap .year-box .year_btn ul li { width:calc((100% - 20px) / 3); }
  .history_wrap .history-list { width:100%; margin-top:45px; }
}
@media screen and (max-width:640px){	
  .history_wrap .history-list:before { top:15px; height:calc(100% - 210px); }
  .history_wrap .history-list > ul:not(:last-child),
  .history_wrap .history-list > ul > li:not(:last-child) { margin-bottom:50px; }
  .history_wrap .history-list > ul > li { padding-left:35px; }
  .history_wrap .history-list > ul > li > dl > dt { width:100%; font-size:30px; }
  .history_wrap .history-list > ul > li > dl > dd { width:100%; padding-top:20px; }
  .history_wrap .history-list > ul > li > dl > dd li:not(:last-child) { margin-bottom:20px; }
  .history_wrap .history-list > ul > li{ margin-bottom:40px; }
} 


/* 오버시 */
@media all and (min-width: 801px) {
    .news_con .news_tit_box .detail-btn:hover span {
        margin-left:5px;
    }

    .news_con .con_box#bo_list tbody .even:hover td {background:#f6f6f6;}

    .news_con .con_box .tbl_head01 tbody tr:hover td {background:#f6f6f6;}

    .news_con .con_box#bo_list tbody tr:hover .arrow em:after, .news_con .con_box#bo_list tbody tr:hover .arrow em:before {
        opacity: 1;
        filter: Alpha(opacity=100);
    }

    .ie-browser .news_con .news_list .tit_box .tit .new {
        line-height: 27px;
    }
}

@media all and (max-width: 1550px) {
  .ceo_greeting_con .ceo_txt {width:600px; padding-left:50px;}
  .ceo_greeting_con .ceo_txt .titBox,
  .ceo_greeting_con .ceo_txt .txtBox {width:100%;}
  .ceo_greeting_con .ceo_txt .titBox strong {font-size:80px; line-height:80px;}
  .ceo_greeting_con .img_bg {width:calc(100vw - 600px);}
  .our_journey_con .h2_tit {font-size:80px; line-height:80px;}
}

@media all and (max-width: 1400px) {
  #container_wr.sub_area #container.area {
    padding:0 15px;
  }

  .ceo_greeting_con .ceo_txt .titBox span {font-size:20px;}
  .ceo_greeting_con .ceo_txt .titBox strong {font-size:70px; line-height:70px;}
  .ceo_greeting_con .ceo_txt .txtBox {font-size:20px;}

  .our_journey_con .h2_tit {font-size:70px; line-height:70px;}
  .our_journey_con .history_cont_wrap p, .our_journey_con .history_cont_wrap .cont > li {font-size:20px; line-height:20px; font-weight:500;}

  .leadership_con .card_wrap.first:before {width:400px; height:123px;}
  .leadership_con .card_wrap .card_list .txt li {font-size:20px;}

  .solution #container_wr.sub_area #container.area {padding:0;}
  .publication #container_wr.sub_area #container.area {padding:0;}
  .solution_con .ai_box .txt_box {width:100%; padding-left:15px; padding-right:550px;}
  .publication_con .proof_box .txt_box {width:100%; padding:100px 570px 100px 15px;min-height:auto;}
  .solution_con .server_box, .publication_con .card_box {width:100%; padding-left:15px; padding-right:15px;}
  .solution_con .ai_box .txt_box h3,
  .solution_con .server_box .txt_box h3,
  .publication_con .proof_box .txt_box h3,
  .publication_con .card_box h3 {font-size:25px;}
  .solution_con .server_box:before {width:550px; height:550px;}
  .solution_con .ai_box .txt_box ul li,
  .solution_con .server_box .txt_box ul li,
  .publication_con .proof_box .txt_box ul li,
  .publication_con .card_box .patent_box.top ul li p,
  .publication_con .card_box .patent_box.bottom ul li .txt_box p {font-size:18px; letter-spacing:-1px;}
  .publication_con .proof_box .txt_box:before {;width:550px; height:344px; right:10px;}
  .solution_con .server_box { justify-content: space-between}
  .solution_con .server_box .txt_box {margin-left: 0; }
  .solution_con .ai_box .txt_box:before {width:500px; height:225px;}
  .mediStudio #container_wr.sub_area #container.area {padding:0;}
  .mediStudio_con .img_box {padding:0 15px;}
  .mediStudio_con .mediStudio_box {padding:100px 15px;}
  .publication_con .card_box .patent_box h4 {font-size:20px;}
  .publication_con .card_box .patent_box.top ul li strong {font-size:20px;}

  .mediStudio_con .img_box p {font-size:20px; line-height:30px;}
  .mediStudio_con .mediStudio_box .txt_box:before {width:700px; height:225px;}
  .mediStudio_con .mediStudio_box .txt_box {padding-left:750px;}
  .mediStudio_con .mediStudio_box .txt_box h3 {font-size:25px;}
  .mediStudio_con .mediStudio_box .txt_box ul li {font-size:18px; letter-spacing:-1px;}

}

@media all and (max-width: 1100px) {
  .news_con .con_box#bo_list .td_datetime {width:100px;}
  .news_con .con_box#bo_list .td_subject {width:calc(100% - 100px);}
  .news_con .con_box#bo_list .td_subject .bo_tit {padding-right:110px;}
  .news_con .con_box#bo_list .td_subject .arrow {right:20px;}
  .news_con .main-tit {font-size:70px;}
  .news_con .news_tit_box .main-sub-tit {font-size:20px;}
  .news_con .con_box#bo_list .td_subject a {font-size:20px;}
  .mediStudio_con .mediStudio_box .txt_box:before {width:500px; height:160px;}
  .mediStudio_con .mediStudio_box .txt_box {padding-left:550px;}
}

@media all and (max-width: 1000px) {
  .sub_area {padding:100px 0 100px;}
  #wrapper.container.ceo_greeting {height:calc(100vh - 80px); }
  #wrapper.container.our_journey {min-height:calc(100vh - 80px); }
  #wrapper.container.ceo_greeting .sub_area .area#container {padding:0;}
  .ceo_greeting_con .ceo_txt {width:100%; background:#3d3c3cc4; height:calc(100vh - 80px);}
  .ceo_greeting_con .img_bg {width:100%;}

  .our_journey_con .center { height:100%; padding-top:230px; padding-bottom:50px; justify-content:flex-start; align-items:flex-start;}
  .our_journey_con .h2_tit {position:relative; top:0; left:0; transform:translateX(0); width:100%; text-align:center;}
  .our_journey_con .history_tabs {width:100%; padding:0; margin-top:20px;}
  .our_journey_con .history_box {width:100%; padding:0; margin-top:10px;}
  .our_journey_con .history_tabs > li > a {margin-right:30px;}
  .our_journey_con .history_tabs > li.active > a {font-size:40px;}

  .leadership_con .card_wrap .h3_tit {font-size:24px;}
  .leadership_con .card_wrap .card_list h4 {font-size:22px; }
  .leadership_con .card_wrap .card_list > li {padding:40px 20px;}
  .leadership_con .card_wrap .card_list .txt li {font-size:16px; line-height:25px;}

  .solution_con .ai_box {padding:50px 0;}
  .solution_con .ai_box .txt_box {padding-right:15px; padding-bottom:250px;}
  .solution_con .ai_box .txt_box:before {top:auto; bottom:0; left:50%; transform: translateX(-50%);}

  .solution_con .server_box {flex-wrap: wrap; }
  .solution_con .server_box:before {margin:0 auto; margin-bottom:50px; height:550px;}

  .solution_con .server_box {padding:50px 15px;}

  .publication_con .proof_box .txt_box {padding:50px 15px 380px 15px;}
  .publication_con .proof_box .txt_box:before {right:auto; left:50%; transform:translateX(-50%);}

  .publication_con .card_box .patent_box ul{flex-wrap: wrap; }
  .publication_con .card_box .patent_box ul li {width:calc(50% - 10px); margin-right:20px; margin-bottom:20px;}
  .publication_con .card_box .patent_box ul li:nth-child(even) {margin-right:0;}
  .publication_con .card_box .patent_box.bottom ul li .txt_box p {font-size:22px;}

  .mediStudio_con .mediStudio_box {padding:50px 15px;}
  .mediStudio_con .mediStudio_box .txt_box {padding:280px 0 0 0;}
  .mediStudio_con .mediStudio_box .txt_box:before {width:700px; height:230px; top:0; left:50%; transform:translateX(-50%);}

}

@media all and (max-width: 850px) {
  .news_con {flex-direction:column;}
  .news_con .news_tit_box .inner {width:50%;}
  .news_con .con_box#bo_list .td_datetime {width:80px;}
  .news_con .con_box#bo_list .td_subject {width:calc(100% - 80px);}
  .news_con .main-tit {font-size:40px;}
  .news_con .news_tit_box .main-sub-tit {font-size:14px;}
  .news_con .news_tit_box .img-wrap {width:50%; margin-top:0;}
  .news_con .news_tit_box .img-wrap .img {background-position:center bottom;}
  .news_con .news_tit_box {width:100%; display:flex; padding-right:0; margin-bottom:50px;}
  .news_con .news_tit_box .detail-btn {padding-left: 45px;  margin-top:20px;}
	.news_con .news_tit_box .detail-btn:before {margin-top:-13.5px; width:27px; height:27px; }
	.news_con .news_tit_box .detail-btn span:before {width:13px; left:17px; }
	.news_con .news_tit_box .detail-btn span:after { width:10px; left:27px;}
  .news_con .news_tit_box .detail-btn span {font-size:14px;}
  .news_con .con_box {width:100%;}
  .news_con .con_box .tbl_head01 td {height:auto; padding:15px 5px 20px !important;}
  .news_con .con_box#bo_list .td_subject .bo_tit {padding-right:0;}
  .news_con .con_box#bo_list .td_subject .arrow {display:none;}
  .news_con .con_box#bo_list .td_subject a {font-size:14px; font-weight:400;}
  .news_con .con_box#bo_list .td_datetime strong {font-size:2.5em;}
  .news_con .con_box#bo_list .td_datetime span {font-size:0.5em;}

  #bo_v_top ul {display:none;}
  #bo_v_title {margin-bottom:20px;}
  #container_title {font-size:1.111em;}
  #container_title span {line-height:24px;}
  #bo_v_con {font-size:14px;}
  .bottom_mobile {display:block; text-align:center;}

  .ceo_greeting_con .ceo_txt {padding:50px 20px;}
  .ceo_greeting_con .ceo_txt .txtBox {font-size:14px;}
  .ceo_greeting_con .ceo_txt .titBox strong {font-size:45px; line-height:50px;}
  .our_journey_con .h2_tit {font-size:45px; line-height:50px;}
  .our_journey_con .center {padding-top:180px;}
  .our_journey_con .history_tabs > li > a {font-size:18px;}
  .our_journey_con .history_tabs > li.active > a {font-size:24px;}
  .our_journey_con .history_cont_wrap p {font-size:18px;}
  .our_journey_con .history_cont_wrap .cont > li {font-size:14px;}

  .leadership_con .card_wrap.first:before {width:200px; height:64px;}
  .leadership_con .card_wrap .card_list {flex-wrap: wrap;}
  .leadership_con .card_wrap .card_list > li {width:calc(50% - 10px); margin-right:10px; margin-bottom:10px;}
  .leadership_con .card_wrap .card_list > li:nth-child(even) {margin-right:0;}

  .mediStudio_con .mediStudio_box .txt_box {padding:200px 0 0 0;}
  .mediStudio_con .mediStudio_box .txt_box:before {width:550px; height:173px;}
}


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

  .our_journey_con .history_tabs > li > a {margin-right:20px; font-size:16px;}
  .our_journey_con .history_tabs > li.active > a {font-size:22px;}
  .our_journey_con .history_cont_wrap .history {padding:30px 0px 5px 0px;}
  .our_journey_con .history_cont_wrap .list_wrap li:first-child p::after {display:none;}
  .our_journey_con .history_cont_wrap p {width:100%;}
  .our_journey_con .history_cont_wrap p::after {width:100%; position:absolute; top:-8px; left:0; margin:0; opacity:0.5;}
  .our_journey_con .history_cont_wrap .after_long p::after {width:100%;}

  .leadership_con .card_wrap.first:before {display:none;}
  .leadership_con .card_wrap .card_list > li {width:100%; margin-right:0;}

  .solution_con .ai_box .txt_box h3, .solution_con .server_box .txt_box h3, .publication_con .proof_box .txt_box h3, .solution_con .card_box h3 {font-size:20px;}
  .solution_con .ai_box .txt_box ul li, .solution_con .server_box .txt_box ul li, .publication_con .proof_box .txt_box ul li, .publication_con .card_box .patent_box.top ul li p, .publication_con .card_box .patent_box.bottom ul li .txt_box p {font-size:14px;}
  .solution_con .ai_box .txt_box ul li + li,.solution_con .server_box .txt_box ul li + li, .publication_con .proof_box .txt_box ul li + li {margin-top:10px;}
  .solution_con .ai_box .txt_box {padding-bottom:180px}
  .solution_con .ai_box .txt_box:before {width:340px; height:150px;}
  .solution_con .server_box:before {width:340px; height:340px;}
  .publication_con .proof_box .txt_box {padding:50px 15px 250px 15px}
  .publication_con .proof_box .txt_box:before {width:340px; height:213px;}
  .publication_con .card_box .patent_box ul li {width:100%; margin-right:0;}
  .publication_con .card_box .patent_box.bottom ul li .txt_box p {font-size:26px;}
  .publication_con .card_box .patent_box.top ul li strong {margin-bottom:10px;}

  .mediStudio_con .mediStudio_box .txt_box h3 {font-size:20px; }
  .mediStudio_con .mediStudio_box .txt_box ul li {font-size:14px;}
  .mediStudio_con .mediStudio_box .txt_box ul li + li {margin-top:10px;}
  .mediStudio_con .mediStudio_box .txt_box:before {width:400px; height:130px;}
  .mediStudio_con .mediStudio_box .txt_box {padding:160px 0 0 0;}


}