/* 모바일 */
input[type="submit"],input[type="button"], input[type="file"],  input[type="text"], button { appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
input[type="checkbox"]{ padding: 0 !important;}

/* 셀렉트 */
select::-ms-expand { display: none; }
select { 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none;
     background: url(/img/sub/icon_select.png) no-repeat calc(100% - 30px) 50%;
}

/* 검색박스 */
.search_box .flex_box{display:flex; align-items:center;}
.search_box select{width: 220px; height: 70px; background-color: #f5f5f5; border:none; border-radius:10px; padding: 0 30px; font-size:17px; color: #555;}
.search_box input{width: calc(100% - 310px); height: 70px; border:none; background-color: #f5f5f5; font-size:17px; color: #000; border-radius:10px; padding: 0 30px; margin: 0 10px;}
.search_box input::placeholder{font-weight:300; color: #aaa;}
.search_box button{width: 70px; height: 70px; border:none; background:linear-gradient(270deg, rgba(21,84,162,1) 0%, rgba(78,168,222,1) 100%); color: #fff; font-size:20px; border-radius:10px; cursor: pointer;}

/* 페이징 기본 */
.paging{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:70px;}
.paging .arr{display:flex;}
.paging .arr a.last,
.paging .arr a.first{letter-spacing:-10px;}
.paging .arr a.last i,
.paging .arr a.first i{-webkit-transform:translateX(-5px);transform:translateX(-5px);}
.paging a{width:35px;height:35px;border:1px solid #e0e0e0;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#999; line-height: 35px;}
.paging ul{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 5px;}
.paging ul li.on a{color:#fff;background:#afafaf;border-color:#afafaf;}
.paging .arr a:not(:last-child),.paging ul li:not(:last-child){margin-right:5px;}

/* 커스텀 */
.paging a{border-radius:50%; border:none; font-size:16px; color: #a1a1a1;}
.paging ul li.on a {
  color: #fff;
  background: #064a90;
  border-color: #064a90;
}
.paging .arr a{border:none; color: #a1a1a1;}
.paging .arr a.first i{transform:translateX(-4px);}
.paging .arr a.last i{transform:translateX(6px);}
.paging .arr a.first i:first-of-type{transform:translateX(6px);}
.paging .arr a.last i:last-of-type{transform:translateX(-4px);}


.sv{display:flex; align-items:center; width: 100%; max-width: 1600px; margin: 0 auto; justify-content:space-between; padding: 185px 0 100px; position:relative;  z-index: 1000;}
.sv .tit{}
.sv .tit h2{font-family: 'Red Hat Display', sans-serif; font-weight:bold; font-size:65px; letter-spacing:-0.02em; background:linear-gradient(270deg, rgba(21,84,162,1) 0%, rgba(78,168,222,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.sv .box{text-align: right;}
.sv .box > ul{display:flex; align-items:center; justify-content: flex-end;}
.sv .box > ul li{position:relative; margin-right: 40px; font-size:18px;	color: #666;}
.sv .box > ul li:last-of-type{margin-right: 0;}
.sv .box > ul li i{font-size:19px; color: #064a90;}
.sv .box > ul li::after{content:""; width: 6px; height: 9px; background:url(/img/sub/icon_location_arrow.png) 50% 50% no-repeat; position:absolute; right: -23px; top: 50%; transform:translateY(-50%);}
.sv .box > ul li:last-of-type::after{display:none; }
.sv .box .lnb{position:relative; margin-top: 42px; display:inline-block; vertical-align: top;}
.sv .box .lnb p{position:relative; font-family: 'Red Hat Display', sans-serif; font-size:18px; color: #666; padding: 0 25px; line-height: 58px; border:1px solid #e0e0e0; border-radius:30px; min-width: 300px; text-align: left; cursor: pointer;}
.sv .box .lnb p i{position:absolute; top: 50%; right: 25px; transform:translateY(-50%); color: #aaaaaa; }
.sv .box .lnb .style_class{position:absolute; top: 60px; left: 0; width: 100%; display:none; background: #fff; border-radius:30px; margin-top: 5px;}
.sv .box .lnb .style_class > ul{ border:1px solid #ebebeb; border-radius:30px;text-align: left; overflow: hidden;}
.sv .box .lnb .style_class > ul > li{}
.sv .box .lnb .style_class > ul > li > a{width: 100%; font-family: 'Red Hat Display', sans-serif; display:inline-block; vertical-align: top; padding: 0 20px; font-size:18px; color: #666; opacity: 0.7; line-height: 58px; }
.sv .box .lnb .style_class > ul > li:hover > a{color: #064d9b; background: #064d9b0d; opacity: 1;}
.sv .box .lnb .style_class > ul > li > a br{display:none;}
/* 공통패딩 */
.sub_cont{padding-bottom:180px;}

/* flexBox */
.flex_box{display:flex;}
.flex_box.jc{justify-content:center}
.flex_box.ac{align-items:center;}

/* 공통타이틀 */
.icon_tit{position:relative; font-family: 'Red Hat Display', sans-serif; font-weight:bold; font-size:30px; color: #064a90; padding-left: 12px;}
.icon_tit::before{content:""; position:absolute; top: 16px; left: 0; width: 5px; height: 5px; border-radius:50%; background: #064a90;}

.ceo_message{}
.ceo_message .cont{display:flex; align-items:flex-start; justify-content:space-between;}
.ceo_message .cont figure{}
.ceo_message .cont .txt{width: 44%;}
.ceo_message .cont .txt h3{ display:inline-block; font-weight:600; font-size:32px;color: #333; margin-bottom:30px;background: linear-gradient(270deg, rgba(21,84,162,1) 0%, rgba(78,168,222,1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.ceo_message .cont .txt p{font-weight:300; font-size:20px; color: #555; line-height: 1.5; margin-bottom:22px;}
.ceo_message .cont .txt p:last-of-type{margin-bottom:0; margin-top: 65px;}
.ceo_message .cont .txt p span{font-weight:600; font-size:24px; color: #333;}

.mission{}
.mission .cont{padding: 130px 0;}
.mission .cont.bgg{background: #f9f9f9;}
.mission .cont:first-of-type{padding-top: 0;}
.mission .cont .top{border:10px solid #d1deed; border-radius:150px; height: 300px;}
.mission .cont .box{text-align: center; width: calc(50% - 150px);}
.mission .cont .box h3{font-family: 'Red Hat Display', sans-serif; font-weight:bold; font-size:35px; color: #333; letter-spacing:-0.01em; margin-bottom:20px; margin-top: 33px;}
.mission .cont .box p{font-weight:300; font-size:25px; letter-spacing:-0.01em; color: #555; line-height: 1.4;}
.mission .cont .box ul{display:inline-block; vertical-align: top; text-align: left;}
.mission .cont .box ul li{position:relative; font-weight:300; font-size:25px; letter-spacing:-0.01em; color: #555; line-height: 1.4; padding-left: 20px;}
.mission .cont .box ul li::before{content:""; position:absolute; top: 13px; left: 5px; width: 6px; height: 6px; background: #555; border-radius:50%}
.mission .cont .circle_box{position:relative; width: 300px; height: 300px; border-radius:50%; background:linear-gradient(270deg, rgba(21,84,162,1) 0%, rgba(78,168,222,1) 100%); text-align: center; top: -10px;}
.mission .cont .circle_box img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.mission .cont h4{font-family: 'Red Hat Display', sans-serif; font-weight:bold; font-size:35px; color: #333; letter-spacing:-0.02em; text-align: center;}
.mission .cont .list{display:flex; margin-top: 72px;}
.mission .cont .list .item{position:relative; width: calc((100% - 15px) / 4); margin-right: 5px; background: #fff; text-align: center; padding: 34px 0;}
.mission .cont .list .item::after{content:""; position:absolute; top: 0; left: 0; width: 100%; height: 2px; background:linear-gradient(270deg, rgba(21,84,162,1) 0%, rgba(78,168,222,1) 100%);}
.mission .cont .list .item:last-of-type{margin-right: 0;}
.mission .cont .list .item figure{margin-bottom:14px;}
.mission .cont .list .item figure img{}
.mission .cont .list .item p{font-family: 'Red Hat Display', sans-serif; font-size:28px;}

.history{}
.history .cont{}
.history .cont > ul{}
.history .cont > ul > li{position:relative; display:flex;}
.history .cont > ul > li > span{position:relative; width: 234px; font-family: 'Red Hat Display', sans-serif; font-weight:bold; font-size:50px; letter-spacing:-0.02em; color: #666666; padding-left: 44px; transition:0.4s}
.history .cont > ul > li > span::before{content:""; position:absolute; top: 20px; left: -6px; width: 17px; height: 17px; background: transparent; border:1px solid #064a90; border-radius:50%; z-index: 10; transition:0.4s; transform:scale(0);}
.history .cont > ul > li > span::after{content:""; position:absolute; top: 26px; left: 0; width: 7px; height: 7px; background: #999999; border-radius:50%; z-index: 10; transition:0.4s}
.history .cont > ul > li::before{content:""; position:absolute; top: 26px; left: 3px; width: 1px; height: 100%; background: #e0e0e0;}
.history .cont > ul > li::after{content:""; position:absolute; top: 26px; left: 3px; width: 1px; height: 0; background: #064a90; transition:0.4s}
.history .cont > ul > li > ul{width: calc(100% - 234px); margin-top: 11px; margin-bottom:40px; padding-bottom:44px; border-bottom: 1px solid #e0e0e0;}
.history .cont > ul > li > ul > li{display:flex; margin-bottom:24px;}
.history .cont > ul > li > ul > li:last-of-type{margin-bottom:0;}
.history .cont > ul > li > ul > li > span{position:relative; top: 3px; width: 56px; font-family: 'Red Hat Display', sans-serif; font-weight:600; font-size:22px; color: #333333;}
.history .cont > ul > li > ul > li > ul{width: calc(100% - 56px);}
.history .cont > ul > li > ul > li > ul > li{font-weight:300; font-size:20px; letter-spacing:-0.02em; color: #555; line-height: 1.5;}
.history .cont > ul > li:last-of-type > ul{padding-bottom:0; margin-bottom:0; border-bottom: none;}
.history .cont > ul > li.on::after{height: 100%;}
.history .cont > ul > li.on > span{color: #064a90;}
.history .cont > ul > li.on > span::before{transform:scale(1)}
.history .cont > ul > li.on > span::after{background: #064a90;}

.leadership{}
.leadership .cont{display:flex;}
.leadership .cont .item{width: calc((100% - 100px) / 3); margin-right: 50px;}
.leadership .cont .item:nth-of-type(3n){margin-right: 0;}
.leadership .cont .item figure{}
.leadership .cont .item figure img{}
.leadership .cont .item .txt{}
.leadership .cont .item .txt h3{font-weight:600; font-size:35px; color: #222222;margin: 30px 0 30px;}
.leadership .cont .item .txt h3 span{font-family: 'Red Hat Display', sans-serif; font-weight:500; font-size:20px; color: #666;}
.leadership .cont .item .txt ul li{position:relative; font-weight:300; font-size:20px; color: #555; padding-left: 14px; margin-bottom:10px;}
.leadership .cont .item .txt ul li::after{content:""; position:absolute; top: 10px; left: 0; width: 3px; height: 3px; background: #064a90;}
.leadership .cont .item .txt ul li:last-of-type{margin-bottom:0;}

.team{}
.team .cont{}
.team .cont .box{margin-bottom:66px;}
.team .cont .box:last-of-type{margin-bottom:0;}
.team .cont .box .list{display:flex; flex-wrap:wrap; margin-top: 20px;}
.team .cont .box .item{position:relative; width: calc((100% - 90px) / 4);background: #f9f9f9; padding: 35px; margin-right: 30px; border-radius:10px; overflow: hidden;}
.team .cont .box .item::before{content:""; position:absolute; top: 0; left: 0; width: 0; height: 100%; background:linear-gradient(270deg, rgba(21,84,162,1) 0%, rgba(78,168,222,1) 100%); transition:0.4s}
.team .cont .box .item::after{transition:0.4s}
.team .cont .box.icon01 .item::after{content:url(/img/sub/icon_team01.png); position:absolute; bottom: 26px; right: 26px;}
.team .cont .box.icon02 .item::after{content:url(/img/sub/icon_team02.png); position:absolute; bottom: 26px; right: 26px;}
.team .cont .box.icon03 .item::after{content:url(/img/sub/icon_team03.png); position:absolute; bottom: 26px; right: 26px;}
.team .cont .box.icon04 .item::after{content:url(/img/sub/icon_team04.png); position:absolute; bottom: 26px; right: 26px;}
.team .cont .box.icon05 .item::after{content:url(/img/sub/icon_scientific01.png); position:absolute; bottom: 26px; right: 26px;}
.team .cont .box .item:last-of-type{margin-right: 0; margin-bottom:0;}
.team .cont .box .item h4{position:relative; font-weight:600; font-size:28px; color: #222; transition:0.4s}
.team .cont .box .item h4 span{font-weight:500; font-size:18px; color: #666; transition:0.4s}
.team .cont .box .item ul{position:relative; margin-top: 15px;}
.team .cont .box .item ul li{position:relative; font-weight:300; font-size:20px; color: #555; margin-bottom:10px; padding-left: 10px; transition:0.4s}
.team .cont .box .item ul li::after{content:""; position:absolute; top: 11px; left: 0; width: 3px; height: 3px; background: #064a90; transition:0.4s}
.team .cont .box .item ul li:last-of-type{margin-bottom:0;}

.team .cont .box .item:hover::before{width: 100%;}
.team .cont .box .item:hover::after{filter: invert(1);}
.team .cont .box .item:hover h4,
.team .cont .box .item:hover h4 span,
.team .cont .box .item:hover ul li{color: #fff;}
.team .cont .box .item:hover ul li::after{background: #fff;}

.scientific{}
.scientific .cont{}
.scientific .cont .box{}
.scientific .cont .box .item{min-height: 200px; margin-bottom:70px;}
.scientific .cont .box .item:nth-of-type(4n){margin-right: 0;}
.scientific .cont .box .item:nth-of-type(n + 5){margin-bottom: 0;}

.network{}
.network .cont{}
.network .cont .box{margin-bottom:80px;}
.network .cont .box:last-of-type{margin-bottom:0;}
.network .cont .box .list{display:flex; flex-wrap:wrap; margin-top: 32px;}
.network .cont .box .list .item{width: calc((100% - 120px) / 4); margin-right: 40px;}
.network .cont .box.mb .list .item{margin-bottom:40px;}
.network .cont .box .list .item:nth-of-type(4n){margin-right: 0;}
.network .cont .box.mb .list .item:nth-of-type(n + 5){margin-bottom:0;}
.network .cont .box .list .item figure{border:1px solid #e0e0e0;  border-radius:10px; overflow: hidden;}
.network .cont .box .list .item figure img{}
.network .cont .box .list .item p{font-size:24px; color: #666; text-align: center; margin-top: 18px;}

.pipeline{}
.pipeline .table_box{border-top: 2px solid #48a0d8;}
.pipeline .table_box > p{font-size:16px; margin-top: 10px;}
.pipeline .table_box table{}
.pipeline .table_box table tr th{font-weight:600; font-size:22px; color: #222; padding: 18px 0; background: #f5f5f5; border-bottom: 1px solid #e0e0e0;}
.pipeline .table_box table tr td{font-weight:300; font-size:20px; color: #555; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; padding:18px 10px; background: #f9f9f9;}
.pipeline .table_box table tr td:last-of-type{border-right: none; padding-left: 0;}
.pipeline .table_box table tr td.fw{font-weight:600; font-size:22px; text-align: center;}
.pipeline .table_box table tr td.bg{background: #f4f9fd;}
.pipeline .table_box table tr td .icon{display:flex; align-items:center; justify-content:space-between; cursor: pointer;}
.pipeline .table_box table tr td .icon span{display:inline-block; vertical-align: top; width: 35px; height: 35px; background: #fff; border-radius:50%; text-align: center; line-height: 33px;}
.pipeline .table_box table tr td .icon:hover span{background:linear-gradient(270deg, rgba(21,84,162,1) 0%, rgba(78,168,222,1) 100%); color: #fff;}
.pipeline .table_box table tr td.line{padding: 0; background: #fff;}
.pipeline .table_box table tr td ul{position:relative; display:flex; height: 84px;}
.pipeline .table_box table tr td ul li{width: 14.28571428571429%; border-right: 1px solid #e0e0e0;}
.pipeline .table_box table tr td ul::after{content:""; position:absolute; top: 50%; left: 0; transform:translateY(-50%); width: 0; height: 25px; border-radius:0 15px 15px 0; background:linear-gradient(270deg, rgba(21,84,162,1) 0%, rgba(78,168,222,1) 100%); }
.pipeline .table_box table tr td ul.w46::after{animation:w46 2s 0.1s both}
.pipeline .table_box table tr td ul.w42::after{animation:w42 2s 0.1s both}
.pipeline .table_box table tr td ul.w38::after{animation:w38 2s 0.1s both}
.pipeline .table_box table tr td ul.w18::after{animation:w18 2s 0.1s both}
.pipeline .table_box table tr td ul.w14::after{animation:w14 2s 0.1s both}
.pipeline .table_box table tr td ul.w10::after{animation:w10 2s 0.1s both}
.pipeline .table_box table tr td ul.w09::after{animation:w09 2s 0.1s both}
.pipeline .table_box table tr td ul.w07::after{animation:w07 2s 0.1s both}

/* 241212 */
.pipeline .table_box table tr td ul.h108 { height: 108px; }

.pop_list{display:none; position:fixed; top: 0; left: 0; width: 100%; height: 100%; background: #00000060; z-index: 2000;}
.pop_list .pop_ctn{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: 1600px; width: 100%;}
.pop_list .pop_ctn .close{text-align: right; cursor: pointer; width: 30px; height: 30px; margin-left: auto;}
.pop_list .pop_ctn .close i{font-size:20px; color: #fff;}
.pop_list .pop_ctn .info{background: #fff; padding: 60px; box-sizing:border-box; border-radius:15px}
.pop_list .pop_ctn .info h3{font-family: 'Red Hat Display', sans-serif; font-weight:bold; font-size:33px; color: #064a90; margin-bottom:26px;}
.pop_list .pop_ctn .info .table_box td{text-align: center; background: #fff;}
.pop_list .pop_ctn .info .table_box td span{color: #064a90;}
.pop_list .pop_ctn .info .table_box p{font-weight:300; font-size:18px; color: #999; margin-top: 8px;}
.pop_list .pop_ctn .info .table_box p span{color: #064a90;}
.pop_list .pop_ctn .info ul{margin-top: 40px; max-height: 340px; overflow-y: auto; padding-bottom:10px; padding-left: 4px;}
.pop_list .pop_ctn .info ul li{font-weight:300; font-size:22px; color: #555; margin-bottom:40px; line-height: 1.5;}
.pop_list .pop_ctn .info ul li:last-of-type{margin-bottom:0;}
.pop_list .pop_ctn .info ul li span{display:block; font-weight:bold; font-size:30px; color: #222;margin-bottom:5px;}
.pop_list .pop_ctn .info ul li a{display:inline-block; padding: 10px; background: #064a90; color: #fff; text-transform: uppercase; border-radius:10px; font-size:16px; position:relative; top: -4px; font-weight:400;}
.pop_list .pop_ctn .info ul li a i{font-size:14px;}
.pop_list .pop_ctn .info ul li em{display:block; font-size:20px; color: #064a90;}
.pop_list .pop_ctn .info ul li > ul{margin-top: 10px;overflow-y: visible; max-height: none;}
.pop_list .pop_ctn .info ul li > ul > li{display:flex; align-items:center; margin-bottom:5px;}
.pop_list .pop_ctn .info ul li > ul > li:last-of-type{margin-bottom:0;}
.pop_list .pop_ctn .info ul li > ul > li > ul.icon_list{display:flex;  align-items:center; overflow-y: visible; max-height: none; margin-left: 10px; margin-top: 0; padding-bottom:0px;}
.pop_list .pop_ctn .info ul li > ul > li > ul.icon_list > li{margin-right: 10px; margin-bottom:0px;}
.pop_list .pop_ctn .info ul li > ul > li > ul.icon_list > li:last-of-type{margin-right: 0;}
.pop_list .pop_ctn .info ul li > ul > li > ul.icon_list > li a{background: none; padding: 0; top: 0; box-shadow: 0 0 11px 0px #00000033; border-radius:50%}
.pop_list .pop_ctn .info ul li > ul > li > ul.icon_list > li a .icon{position:relative; display:inline-block; vertical-align: top; width: 30px; height: 30px; background-color: #fff; border-radius:50%; margin: 5px; overflow: hidden; z-index: 10;}
.pop_list .pop_ctn .info ul li > ul > li > ul.icon_list > li a .icon::before{content:""; position:absolute; top: 0; left: 0; width: 100%; height: 100%; background:linear-gradient(270deg, rgba(21,84,162,1) 0%, rgba(78,168,222,1) 100%); z-index: -1; transition:0.4s}
.pop_list .pop_ctn .info ul li > ul > li > ul.icon_list > li a .icon::after{content:""; position:absolute; top: 50%; left: 50%; position:absolute; width: 18px; height: 18px; background:url(/img/sub/icon_mod_ip01_h.png) 50% 50% /contain no-repeat; transform:translate(-50%,-50%); transition:0.4s}
.pop_list .pop_ctn .info ul li > ul > li > ul.icon_list > li a .icon02::after{background:url(/img/sub/icon_mod_ip02_h.png) 50% 50% /contain no-repeat;}


@keyframes w46{
	0%{width: 0;}
	100%{width: 46.85714285714286%;}
}
@keyframes w42{
	0%{width: 0;}
	100%{width: 42.85714285714287%;}
}
@keyframes w38{
	0%{width: 0;}
	100%{width: 38.28571428571429%;}
}
@keyframes w18{
	0%{width: 0;}
	100%{width: 18.28571428571429%;}
}
@keyframes w14{
	0%{width: 0;}
	100%{width: 14.28571428571429%;}
}
@keyframes w10{
	0%{width: 0;}
	100%{width: 10.28571428571429%;}
}
@keyframes w09{
	0%{width: 0;}
	100%{width: 9.28571428571429%;}
}
@keyframes w07{
	0%{width: 0;}
	100%{width: 7.28571428571429%;}
}

.ip{}
.ip .cont{}
.ip .cont h3{font-weight:bold; font-size:50px; color: #333; }
.ip .cont .box{display:flex; align-items:center; justify-content:flex-end;/*  margin-top: 62px; */}
.ip .cont .box ul{display:flex; width: calc(100% - 662px);}
.ip .cont .box ul li{margin-right: 60px;}
.ip .cont .box ul li:last-of-type{margin-right: 0;}
.ip .cont .box ul li a{font-family: 'Red Hat Display', sans-serif; position:relative; font-weight:bold; font-size:30px; color: #ccc;}
.ip .cont .box ul li a::after{content:""; position:absolute; bottom: 0; left: 0; width: 0; height: 3px; background: #1a62ab; transition:0.4s}
.ip .cont .box ul li.on a,
.ip .cont .box ul li:hover a{color: #1a62ab;}
.ip .cont .box ul li.on a::after,
.ip .cont .box ul li:hover a::after{width: 100%;}
.ip .cont .box .search_box{width: 662px;}
.ip .cont .board_list{display:flex;  flex-wrap:wrap; margin-top: 80px;}
.ip .cont .board_list .item{position:relative; width: 100%; padding: 40px; background: #f9f9f9; border-radius:10px; margin-right: 0; margin-bottom:32px; overflow: hidden;}
/* .ip .cont .board_list .item a{position:absolute; top: 0; left: 0; width: 100%; height: 100%;} */
.ip .cont .board_list .item::before{content:""; position:absolute; top: 0; left: 0; width: 0; height: 100%; background:linear-gradient(270deg, rgba(21,84,162,1) 0%, rgba(78,168,222,1) 100%); transition:0.4s}
.ip .cont .board_list .item .txt{position:relative;  margin-bottom:35px;}
.ip .cont .board_list .item .txt h4{font-weight:600; font-size:30px; color: #222; line-height: 1.3em;/*  height: 1.3em; white-space: normal; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;  */transition:0.4s}
.ip .cont .board_list .item .txt p{font-weight:300; font-size:20px; color: #555; margin-top: 24px; line-height: 1.5em; height: 3em; white-space: normal; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; transition:0.4s}
.ip .cont .board_list .item ul{position:relative; z-index: 10;display:flex;}
.ip .cont .board_list .item ul li{display:flex; margin-right: 20px;}
.ip .cont .board_list .item ul li:last-of-type{margin-right: 0;}
.ip .cont .board_list .item ul li a{display:inline-block; vertical-align: top; font-family: 'Red Hat Display', sans-serif; font-weight:600; font-size:16px; color: #cccccc; text-transform: uppercase; background: #fff; width: 60px; height: 60px; border-radius:30px; white-space: nowrap; line-height: 60px; overflow: hidden; transition:0.5s}
.ip .cont .board_list .item ul li a .icon{position:relative; display:inline-block; vertical-align: top; width: 40px; height: 40px; background-color: #fff; border-radius:50%; margin: 10px; overflow: hidden; z-index: 10;}
.ip .cont .board_list .item ul li a .icon::before{content:""; position:absolute; top: 0; left: 0; width: 0; height: 100%; background:linear-gradient(270deg, rgba(21,84,162,1) 0%, rgba(78,168,222,1) 100%); z-index: -1; transition:0.4s}
.ip .cont .board_list .item ul li a .icon::after{content:""; position:absolute; top: 50%; left: 50%; position:absolute; width: 100%; height: 100%; background:url(/img/sub/icon_mod_ip01.png) 50% 50% no-repeat; transform:translate(-50%,-50%); transition:0.4s}
.ip .cont .board_list .item ul li a .icon02::after{background:url(/img/sub/icon_mod_ip02.png) 50% 50% no-repeat;}
.ip .cont .board_list .item ul li a i{margin-left: 18px; position:relative; top: 1px;}
.ip .cont .board_list .item ul li:hover a{width: 187px;}
.ip .cont .board_list .item ul li:hover a .icon::before{width: 100%;}
.ip .cont .board_list .item ul li:hover a .icon01::after{ background:url(/img/sub/icon_mod_ip01_h.png) 50% 50% no-repeat}
.ip .cont .board_list .item ul li:hover a .icon02::after{ background:url(/img/sub/icon_mod_ip02_h.png) 50% 50% no-repeat}
/* .ip .cont .board_list .item > p{position:relative; font-family: 'Red Hat Display', sans-serif; font-weight:600; font-size:14px; color: #ccc; margin-top: 66px; text-transform: uppercase; transition:0.4s}
.ip .cont .board_list .item > p i{margin-left: 10px;} */

.ip .cont .board_list .item:hover::before{width: 100%;}
.ip .cont .board_list .item:hover .txt h4{color: #fff;}
.ip .cont .board_list .item:hover .txt p{color: #fff;}
.ip .cont .board_list .item:hover > p{color: #fff;}


/* 230116 추가 */
.ip{}
.ip .icon_list{display:flex; justify-content:center; margin: 0 0 90px;}
.ip .icon_list .item{display:flex; align-items:center; margin-right: 60px; border:1px solid #f6f6f6; border-radius:70px; box-sizing:border-box; padding: 10px;}
.ip .icon_list .item:last-of-type{margin-right: 0;}
.ip .icon_list .item figure{}
.ip .icon_list .item .txt{margin:0 70px 0 30px}
.ip .icon_list .item .txt h4{font-weight:500; font-size:30px; color: #222;}
.ip .icon_list .item .txt h4 span{font-weight:300; font-size:20px; color: #666666; margin-left: 18px;}
.ip .icon_list .item .txt h4 span em{font-weight:600; font-size:45px; color: #1a62ab;}
.ip .table_box{}
.ip .table_box table{border-top: 1px solid #4398d3;}
.ip .table_box table th{font-weight:600; font-size:22px; color: #222; background: #f9f9f9; border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; padding: 26px 0;}
.ip .table_box table td{font-weight:300; font-size:18px; color: #555; text-align: center; border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; padding: 26px 0; line-height: 1.5555;}
.ip .table_box table td.left{text-align: left; padding-left: 40px;}
.ip .table_box table th:last-of-type,
.ip .table_box table td:last-of-type{border-right: none;}

.technology{}
.technology .scon{margin-bottom:100px;}
.technology .scon:last-of-type{margin-bottom:0;}
.technology .scon h4{font-weight:bold; font-size:32px; color: #222; margin-bottom:34px;}
.technology .scon p{font-weight:300; font-size:22px; letter-spacing:-0.03em; color: #555; line-height: 1.6; margin-bottom:34px;}
.technology .scon p:last-of-type{margin-bottom:0;}
.technology .scon01 .img_txt{display:flex; margin-top: 34px;}
.technology .scon01 .img_txt .txt{width: calc(100% - 645px); padding-right: 40px;	}
.technology .scon01 .img_txt .txt p{}
.technology .scon01 .img_txt figure{width: 645px;}
.technology .scon01 .img_txt figure img{}
.technology .scon02{}
.technology .scon02 figure{width: calc(50% - 20px); margin-right: 40px;}
.technology .scon02 .txt{width: calc(50% - 20px); margin-top: 36px;}
.technology .scon02 .txt ul{}
.technology .scon02 .txt ul li{position:relative; font-weight:300; font-size:24px; letter-spacing:-0.03em; color: #555; padding-left: 15px; line-height: 1.4; margin-bottom:26px;}
.technology .scon02 .txt ul li:last-of-type{margin-bottom:0;}
.technology .scon02 .txt ul li span{color: #064a90; position:absolute; left: 0; top: 1px;}
.technology .scon03{}
.technology .scon03 .tab{display:flex; margin-bottom:30px;}
.technology .scon03 .tab li{position:relative; margin-right: 46px; font-size:30px; color: #dfdfdf; cursor: pointer;}
.technology .scon03 .tab li:last-of-type{margin-right: 0;}
.technology .scon03 .tab li span{position:relative; }
.technology .scon03 .tab li span::after{content:""; position:absolute; bottom: 0; left: 0; width: 0; height: 3px; background: #064a90; transition:0.4s}
.technology .scon03 .tab li.on,
.technology .scon03 .tab li:hover{color: #064a90; font-weight:bold;}
.technology .scon03 .tab li.on span::after,
.technology .scon03 .tab li:hover span::after{width: 100%;}
.technology .scon03 .tab_ctn{}
.technology .scon03 .tab_ctn .flex_box{align-items:flex-start;}
.technology .scon03 .tab_ctn .flex_box figure{width: 50%;}
.technology .scon03 .tab_ctn .flex_box figure.bor{border:1px solid #eeeeee; border-radius:10px; overflow: hidden; text-align: center;}
.technology .scon03 .tab_ctn .flex_box .txt{width: 50%; padding-left: 32px; margin-top: 30px;}
.technology .scon03 .tab_ctn .txt p{line-height: 1.7;}
.technology .scon03 .tab_ctn .block_box .txt{margin-top: 30px;}

.notice.careers .cont .search_box{margin-top: 0;}

.careers{}
.careers .cont{}
.careers .cont .circle_box{display:flex; max-width: 1172px; margin: 0 auto;}
.careers .cont .circle_box .item{position:relative; width: calc((100% - 216px) / 3); padding-bottom: calc((100% - 216px) / 3); margin-right: 108px; text-align: center; border-radius:50%; background:linear-gradient(270deg, rgba(21,84,162,1) 0%, rgba(78,168,222,1) 100%);}
.careers .cont .circle_box .item::before{content:""; position:absolute; top: 50%; right: -68px; width: 28px; height: 9px; background:url(/img/sub/icon_careers.png) 50% 50% no-repeat; transform:translateY(-50%);}
.careers .cont .circle_box .item::after{content:""; position:absolute; top: 1px; left: 1px; width: calc(100% - 2px); height: calc(100% - 2px); background: #fff; border-radius:50%}
.careers .cont .circle_box .item:last-of-type{margin-right: 0;}
.careers .cont .circle_box .item:last-of-type::before{display:none;}
.careers .cont .circle_box .item .p{position:absolute; top: 48px; left: 50%; width: 100%; text-align: center; transform:translateX(-50%); z-index: 5;}
.careers .cont .circle_box .item .txt p:not(.c){font-weight:300; font-size:18px; letter-spacing:-0.02em; color: #555; line-height: 1.35; margin-top: 14px;}
.careers .cont .circle_box .item .txt .c{font-weight:900; font-size:18px; letter-spacing:-0.02em; color: #064a90; margin-bottom:8px;}
.careers .cont .circle_box .item .txt h3{font-weight:bold; font-size:30px; letter-spacing:-0.02em; color: #333;}
.careers .cont .search_box{max-width: 1200px; margin: 120px auto 0;}
.careers .cont .board_box{margin-top: 80px;}
.careers .cont .board_box table{border-top: 1px solid #4da7dd;}
.careers .cont .board_box table th{position:relative; font-size:22px; letter-spacing:-0.03em; color: #222; font-weight:400; padding: 20px 0; background: #f9f9f9; border-bottom: 1px solid #e0e0e0;}
.careers .cont .board_box table .red{font-family: 'Red Hat Display', sans-serif; font-weight: 400;}
.careers .cont .board_box table th::after{content:""; position:absolute; top: 25px; right: 0; width: 1px; height: 15px; background:#e0e0e0;}
.careers .cont .board_box table th:last-of-type::after{display:none; }
.careers .cont .board_box table td{font-size:22px; letter-spacing:-0.03em; color: #666; padding: 30px 0; text-align: center; border-bottom: 1px solid #e0e0e0;}
.careers .cont .board_box table td.left{text-align: left; padding-left: 45px;}
.careers .cont .board_box table td a{display:inline-block; vertical-align: top; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.careers .cont .board_box table td span{display:inline-block; width: 80px; height: 35px; line-height: 35px; font-size:17px; letter-spacing:-0.03em; border-radius:5px}
.careers .cont .board_box table td span.end{color: #666; background-color: #e0e0e0;}
.careers .cont .board_box table td span.ing{color: #fff; background:linear-gradient(270deg, rgba(21,84,162,1) 0%, rgba(78,168,222,1) 100%);}

/* 게시판 뷰 */
.board_view{}
.board_view .tit{border-top: 1px solid #3e92cf; padding: 26px 0 10px; border-bottom: 1px solid #e0e0e0;}
.board_view .tit h3{font-weight:bold; font-size:30px; letter-spacing:-0.025em; color: #333; text-align: center;}
.board_view .tit .flex_box{display:flex; align-items:center; justify-content:space-between; margin-top: 10px;}
.board_view .tit .flex_box ul{display:flex; align-items:center;}
.board_view .tit .flex_box ul li{position:relative; font-weight:300; font-size:15px; letter-spacing:-0.030em; color: #666; margin-right: 28px;}
.board_view .tit .flex_box ul li:last-of-type{margin-right: 0;}
.board_view .tit .flex_box ul li i{margin-right: 6px; position: relative; top: 1px;}
.board_view .tit .flex_box ul li::after{content:""; position:absolute; top: 4px; right: -15px; width: 1px; height: 10px; background: #e0e0e0;}
.board_view .tit .flex_box ul li:last-of-type::after{display:none; }
.board_view .tit .flex_box .state{}
.board_view .tit .flex_box .state span{display:inline-block; vertical-align: top; width: 80px; height: 35px; border-radius:5px; text-align: center; line-height: 35px; font-size:15px;}
.board_view .tit .flex_box .state span.end{color: #666; background-color: #e0e0e0;}
.board_view .tit .flex_box .state span.ing{color: #fff; background:linear-gradient(270deg, rgba(21,84,162,1) 0%, rgba(78,168,222,1) 100%);}
.board_view .info{padding: 50px 0;}
.board_view .file{margin-bottom:40px; border-top: 1px solid #e0e0e0;}
.board_view dl{display:flex; border-bottom: 1px solid #e0e0e0;}
.board_view dl dt{width: 150px; background: #f9f9f9; font-weight:300; font-size:16px; color: #666666; letter-spacing:-0.025em; text-align: center;border-top: 1px solid #e0e0e0; padding: 20px 0;}
.board_view dl dd{width: calc(100% - 150px); font-weight:300; font-size:15px; color: #999999; letter-spacing:-0.025em;  border-top: 1px solid #e0e0e0; padding: 20px;}
.board_view dl:last-of-type dd,
.board_view dl:last-of-type dt{border-top: none;}
.board_view dl dd a{display:inline-block; vertical-align: middle; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.board_view .btn{margin-top: 60px; text-align: center;}
.board_view .btn a{display:inline-block; vertical-align: top; width: 165px; height: 50px; line-height: 50px; border-radius:25px; background:linear-gradient(270deg, rgba(21,84,162,1) 0%, rgba(78,168,222,1) 100%); font-size:18px; color: #fff;}


.contact{}
.contact .cont{}
.contact .cont .map_ctn{display:flex;}
.contact .cont .map_ctn .addr_ctn{width: calc(50% - 180px);}
.contact .cont .map_ctn .addr_ctn .txt{position:relative; padding:30px 48px; border:1px solid #e0e0e0; border-radius:10px 0 0 0; border-bottom: none; overflow: hidden; cursor: pointer;}
.contact .cont .map_ctn .addr_ctn .txt::after{content:""; position:absolute; top: 0; left: 0; width: 7px; height: 0; background: rgb(21,84,162); background: linear-gradient(0deg, rgba(21,84,162,1) 0%, rgba(78,168,222,1) 100%); transition:0.4s}
.contact .cont .map_ctn .addr_ctn .txt:last-of-type{border-radius:0 0 0 10px; border-bottom: 1px solid #e0e0e0;}
.contact .cont .map_ctn .addr_ctn .txt h3{font-family: 'Red Hat Display', sans-serif; font-size:30px; color: #c0c0c0; margin-bottom:12px;}
.contact .cont .map_ctn .addr_ctn .txt ul{}
.contact .cont .map_ctn .addr_ctn .txt ul li{position:relative; font-weight:300; font-size:20px; color: #333; padding-left: 40px; margin-bottom:16px;}
.contact .cont .map_ctn .addr_ctn .txt ul li:last-of-type{margin-bottom:0;}
.contact .cont .map_ctn .addr_ctn .txt ul li span{position:absolute; left: 0; font-weight:600; font-size:20px; color: #333;}
.contact .cont .map_ctn .position_box{width: calc(50% + 180px);}
.contact .cont .map_ctn .position_box .map_box{width: 100%; height: 100%;}
.contact .cont .map_ctn .position_box .map_box > div > div,
.contact .cont .map_ctn .position_box .map_box > div{width: 100%; height: 100%;}

.contact .cont .map_ctn .addr_ctn .txt.on::after{height: 100%;}
.contact .cont .map_ctn .addr_ctn .txt.on h3{font-weight:bold; color: #1a62ab;}

.contact .cont .biz{margin-top: 54px;}
.contact .cont .biz h3{font-weight:bold; font-size:30px; color: #111; margin-bottom:28px;}
.contact .cont .biz ul{border:1px solid #e0e0e0; border-radius:10px; padding: 22px 50px 24px;}
.contact .cont .biz ul li{position:relative; font-weight:300; font-size:20px; color: #333; padding-left: 40px; margin-bottom:16px;}
.contact .cont .biz ul li:last-of-type{margin-bottom:0;}
.contact .cont .biz ul li span{position:absolute; left: 0; font-weight:600; font-size:20px; color: #333;}

@media (max-width: 1760px){	
	.ceo_message .cont{align-items:flex-start}
	.ceo_message .cont figure{width: 50%;}
	.ceo_message .cont .txt{width: 50%; padding-left: 50px;}
	.ceo_message .cont .txt p br{display:none; }
	
	.team .cont .box .item h4{font-size:23px;}
	.team .cont .box .item ul li{font-size:20px;}
}

@media (max-width: 1600px){
	.pipeline .table_box table tr td ul{height: 85px;}

	/* 241212 */
	.pipeline .table_box table tr td ul.h108.m1 { height: 156px; }
	.pipeline .table_box table tr td ul.h108.m2 { height: 132px; }
	
	.pop_list .pop_ctn{width: calc(100% - 32px); left: 0; transform:translateY(-50%); margin: 0 16px;}
	.pop_list .pop_ctn .close{position:absolute; top: 15px; right: 15px;}
	.pop_list .pop_ctn .close i{ color: #064a90;}
	.pop_list .pop_ctn .info{overflow-y: scroll; max-height:620px;}
	.pop_list .pop_ctn .info ul{overflow: visible; max-height: none;}

	.technology .scon p br{display:none; }
	
	/* 230116 추가 */
	.ip .table_box table td.left{padding-left:20px; padding-right: 20px;}
}

@media (max-width: 1400px){	
	.ceo_message .cont{flex-wrap:wrap;}
	.ceo_message .cont figure{width: 100%;}
	.ceo_message .cont .txt{width: 100%; padding-left: 0; margin-top: 40px;}

	.mission .cont .box h3{font-size:30px; margin-top: 50px;}
	.mission .cont .box p{font-size:20px;}
	.mission .cont .box ul li{font-size:20px;}
	.mission .cont .box ul li::before{top: 10px;}

	.team .cont .box .item{width: calc((100% - 40px) / 3); margin-bottom:30px; margin-right: 20px;}
	.team .cont .box .item:nth-of-type(4n){margin-right: 20px;}
	.team .cont .box .item:nth-of-type(3n){margin-right: 0;}
	.team .cont .box .item:nth-of-type(n + 5){margin-bottom:30px;}
	.team .cont .box .item:nth-of-type(n + 7){margin-bottom:0;}

	.pipeline .table_box table tr td.bg{font-size:18px;}
	.pipeline .table_box table tr td.fw,
	.pipeline .table_box table tr th{font-size:19px;}
	.pop_list .pop_ctn .info h3{font-size:26px; margin-bottom:10px;}
	.pop_list .pop_ctn .info ul{margin-top: 20px;}
	.pop_list .pop_ctn .info ul li span{font-size:23px;}
	.pop_list .pop_ctn .info ul li{font-size:18px;}
	.pop_list .pop_ctn .info ul li{margin-bottom:20px;}

	.technology .scon h4{font-size:29px;}
	.technology .scon p{font-size:19px;}
	.technology .scon02 .txt{margin-top: 15px;}
	.technology .scon02 .txt ul li{font-size:19px; margin-bottom:10px;}
	.technology .scon02 .txt ul li br{display:none; }
	
	.contact .cont .map_ctn .addr_ctn{width: 50%;}
	.contact .cont .map_ctn .position_box{width: 50%;}
	/* 230116 추가 */
	.ip .table_box table th{font-size:18px;}
	.ip .table_box table td{font-size:16px;}

	/* 241212 */
	.pipeline .table_box table tr td ul.h108.m1 { height: 166px; }
	.pipeline .table_box table tr td ul.h108.m2 { height: 144px; }
}
@media (max-width: 1200px){	
	.sv{flex-wrap:wrap; padding-top: 120px;}
	.sv .box{width: 100%; order:-1; margin-bottom:20px;}
	.sv .box .lnb{display:none; }
	
	.sub_cont{padding-bottom:100px;}
	.paging{margin-top: 40px;}

	.careers .cont .circle_box .item{width: calc((100% - 40px) / 3); margin-right: 20px; padding-bottom:calc((100% - 40px) / 3); margin-right: 20px;}
	.careers .cont .board_box table th{font-size:18px;}
	.careers .cont .board_box table td{padding: 20px 0; font-size:18px;}
	.careers .cont .search_box{margin-top: 50px;}
	.careers .cont .board_box{margin-top: 30px;}
	
	.mission .cont{padding: 80px 0;}
	.mission .cont .top{position: relative; flex-wrap:wrap; margin-top: 340px;}
	.mission .cont .top .circle_box{position:absolute; top: -340px; left: 50%; transform:translateX(-50%); order:-1}
	.mission .cont .top .box{width: 50%;}
	
	.mission .cont .list .item p{font-size:22px;}
	
	.leadership .cont .item{width: calc((100% - 40px) / 3); margin-right: 20px;}
	.leadership .cont .item .txt h3{margin: 14px 0 20px; font-size:28px;}
	.leadership .cont .item .txt ul li{font-size:18px;}

	.pipeline .table_box{overflow-x: scroll; }
	.pipeline .table_box table{width: 1200px;}

	.pop_list .pop_ctn .info{max-height: 400px}
	=.pop_list .pop_ctn .close{position:static; top: 15px; right: 15px;}
/* 	.pop_list .pop_ctn .close i{ color: #fff;} */

	.ip .cont .box{flex-wrap:wrap;/*  margin-top: 40px; */}
	.ip .cont .box ul{width: 100%;}
	.ip .cont .box .search_box{width: 100%; margin-top: 20px;}
	.ip .cont .board_list{flex-wrap:wrap; margin-top: 50px;}
	.ip .cont .board_list .item .txt h4{font-size:24px;}
	.ip .cont .board_list .item .txt p{font-size:18px;}
	.ip .cont h3{font-size:36px;}

	/* 230116 추가 */
	.ip .table_box{overflow-x: scroll;}
	.ip .table_box table{width: 1200px;}

	.technology .scon{margin-bottom:60px;}
	.technology .scon01 .img_txt {flex-wrap:wrap;}
	.technology .scon01 .img_txt .txt{width: 100%; order:3; margin-top: 40px;}
	.technology .scon01 .img_txt figure{width: 100%;}
	.technology .scon02 figure{margin-right: 20px;}
	.technology .scon02 .txt{width: 50%; margin-top: 10px;}
}

@media (max-width: 1000px){
	.sv{padding:100px 0 50px;}

	.careers .cont .circle_box{flex-wrap:wrap;}
	.careers .cont .circle_box .item{width: 100%; margin-right: 0; border-radius:20px; padding-bottom:0; padding: 20px 0; margin-bottom:20px;}
	.careers .cont .circle_box .item::after{border-radius:20px}
	.careers .cont .circle_box .item::before{display:none; }
	.careers .cont .circle_box .item:last-of-type{margin-bottom:0;}
	.careers .cont .circle_box .item .p{position: relative; top: 0; left: 0; transform:translate(0);}
	
	.board_view .tit{padding-top: 10px;}
	.board_view .tit h3{font-size:22px;}
	
	.mission .cont .list{flex-wrap:wrap; margin-top: 30px;}
	.mission .cont .list .item{width: calc(50% - 5px); margin-right: 10px; margin-bottom:10px;}
	.mission .cont .list .item:nth-of-type(2n){margin-right: 0;}
	.mission .cont .list .item:nth-of-type(n + 3){margin-bottom:0;}

	.history .cont > ul > li{flex-wrap:wrap;}
	.history .cont > ul > li > span{width: 100%;}
	.history .cont > ul > li > ul{width: calc(100% - 44px); margin-left: 44px;}

	.team .cont .box .item{width: calc((100% - 20px) / 2); margin-bottom:20px; margin-right: 20px;}
	.team .cont .box .item:nth-of-type(4n),
	.team .cont .box .item:nth-of-type(3n){margin-right: 20px;}
	.team .cont .box .item:nth-of-type(2n){margin-right: 0;}
	.team .cont .box .item:nth-of-type(n + 5){margin-bottom:20px;}
	.team .cont .box .item:nth-of-type(n + 7){margin-bottom:0;}

	.network .cont .box .list .item{width: calc((100% - 20px) / 2); margin-right: 20px; margin-bottom:20px;}
	.network .cont .box.mb .list .item{margin-bottom:20px;}
	.network .cont .box .list .item:nth-of-type(2n){margin-right: 0;}
	.network .cont .box.mb .list .item:nth-of-type(n + 5){margin-bottom:20px;}

	.pipeline .table_box table tr td{padding: 10px;}
	.pipeline .table_box table tr td ul{height: 70px;}
	.pop_list .pop_ctn .info ul li > ul > li{flex-direction:column; align-items:flex-start}
	.pop_list .pop_ctn .info ul li > ul > li > ul.icon_list{margin-left: 4px; margin-top: 5px;}

	.ip .cont h3{font-size:30px;}
/* 	.ip .cont .box{margin-top: 20px;} */
	.ip .cont .box ul li a{font-size:26px;}
	.ip .cont .board_list .item{/* width: calc((100% - 20px) / 2); margin-right: 20px;  */margin-bottom:20px;}
/* 	.ip .cont .board_list .item:nth-of-type(3n){margin-right: 20px;}
	.ip .cont .board_list .item:nth-of-type(2n){margin-right: 0;} */

	/* 230116 추가 */
	.ip .icon_list{flex-wrap:wrap; margin: 0px 0 60px;}
	.ip .icon_list .item{width: 100%; margin-right: 0; margin-bottom:20px;}
	.ip .icon_list .item:last-of-type{margin-bottom:0;}
	
	.technology .scon02 .flex_box{flex-wrap:wrap}
	.technology .scon02 .txt{width: 100%; margin-top: 30px;}
	.technology .scon02 figure{width: 100%;}
	.technology .scon03 .tab li{font-size:24px;}
	.technology .scon03 .tab_ctn .flex_box{flex-wrap:wrap;}
	.technology .scon03 .tab_ctn .flex_box figure.bor{width: 100%;}
	.technology .scon03 .tab_ctn .flex_box .txt{width: 100%; padding-left: 0; margin-top: 15px;}
	.technology .scon03 .tab_ctn .block_box .txt{margin-top: 15px;}
	
	.contact .cont .map_ctn{flex-wrap:wrap;}
	.contact .cont .map_ctn .addr_ctn{display:flex; width: 100%;}
	.contact .cont .map_ctn .addr_ctn .txt{width: calc(50% - 10px); border-bottom: 1px solid #e0e0e0; border-radius:10px; margin-right: 20px;}
	.contact .cont .map_ctn .addr_ctn .txt:last-of-type{border-radius:10px; margin-right: 0;}
	.contact .cont .map_ctn .position_box{width: 100%; height: 500px; margin-top: 20px;}
}	

@media (max-width: 800px){
	.sv{padding:100px 0 30px;}
	.sv .tit h2{font-size:42px;}
	.sv .box > ul li{margin-right: 20px; font-size:16px;}
	.sv .box > ul li::after{right: -14px;}

	.ceo_message .cont .txt h3{font-size:26px;}
	.ceo_message .cont .txt p{font-size:17px;}
	.ceo_message .cont .txt p:last-of-type{margin-top: 40px;}



	.careers .cont .board_box table th{font-size:16px; padding: 14px 0;}
	.careers .cont .board_box table th::after{top: 16px;}
	.careers .cont .board_box table td{font-size:16px; padding: 14px 0;}
	.careers .cont .board_box table td.left{padding-left: 20px;}
	.careers .cont .board_box table colgroup{display:none; }
	.careers .cont .board_box table th:nth-of-type(1){width: 10%;}
	.careers .cont .board_box table th:nth-of-type(3){width: 20%;}
	.careers .cont .board_box table th:nth-of-type(4){width: 100px;}

	.careers .cont .circle_box .item .txt h3{font-size:24px;}

	.board_view dl dt{width: 120px;}
	.board_view dl dd{width: calc(100% - 120px);}

	.mission .cont .top{border-radius:30px; height: auto; padding: 40px 0; margin-top: 270px;}
	.mission .cont .top .circle_box{width: 240px; height: 240px; top: -280px;}
	.mission .cont .box{box-sizing:border-box;}
	.mission .cont .box h3{font-size:25px; margin-top: 0;}
	.mission .cont .box p{font-size:16px;}
	.mission .cont .box p br{display:none; }
	.mission .cont .box ul li{font-size:16px; padding-left: 12px;}
	.mission .cont .box ul li::before{width: 4px; height: 4px; top: 8px;}
	.mission .cont .list .item p{font-size:18px;}
		
	.history .cont > ul > li > span{font-size:34px; padding-left: 30px;}
	.history .cont > ul > li > ul{margin-left: 30px; width: calc(100% - 30px);}
	.history .cont > ul > li > ul > li > span{width: 30px;font-size:18px; top: 1px;}
	.history .cont > ul > li > ul > li > ul{width: calc(100% - 30px);}
	.history .cont > ul > li > ul > li > ul > li{font-size:16px;}

	.history .cont > ul > li > span::after{top: 16px;}
	.history .cont > ul > li > span::before{top: 10px;}
	.history .cont > ul > li::after,
	.history .cont > ul > li::before{top: 20px;}
	
	.leadership .cont{flex-wrap:wrap;}
	.leadership .cont .item{width: 100%; margin-right: 0; margin-bottom:40px;}
	.leadership .cont .item:last-of-type{margin-bottom:0;}

	.team .cont .box .item{width: 100%; margin-bottom:20px; margin-right: 0;}
	.team .cont .box .item:nth-of-type(4n),
	.team .cont .box .item:nth-of-type(3n){margin-right: 0;}
	.team .cont .box .item:nth-of-type(2n){margin-right: 0;}
	.team .cont .box .item:nth-of-type(n + 5){margin-bottom:20px;}
	.team .cont .box .item:nth-of-type(n + 7){margin-bottom:0;}
	
	.network .cont .box{margin-bottom:20px;}
	.network .cont .box .list .item p{font-size:20px; margin-top: 10px;}

	.pop_list .pop_ctn .info{padding: 20px;}
	
	.ip .cont .board_list .item{padding: 30px 20px;}
	.ip .cont .board_list .item .txt h4{font-size:20px;}
	.ip .cont .board_list .item .txt p{font-size:16px;}
	.ip .cont .board_list .item > p{margin-top: 30px;}

	/* 230116추가 */
	.ip .cont .board_list .item ul li{margin-right: 10px;}

	.search_box .flex_box{flex-wrap:wrap;}
	.search_box select{width: 100%; height: 50px; margin-bottom:10px;}
	.search_box input{width: calc(100% - 60px); margin-left: 0; margin-right: 10px; height: 50px;}
	.search_box button{width: 50px; height: 50px;}

	.technology .scon h4{font-size:26px; margin-bottom:15px;}
	.technology .scon p{font-size:17px; margin-bottom:15px;}
	.technology .scon01 .img_txt{margin-top: 15px;}
	.technology .scon01 .img_txt .txt{margin-top: 15px; padding-right: 0;}
	.technology .scon02 .txt{margin-top: 15px;}
	.technology .scon02 .txt ul li{font-size:17px;}
	.technology .scon02 .txt ul li span{top: 0;}
	
	.technology .scon03 .tab{flex-wrap:wrap;}
	.technology .scon03 .tab li:first-of-type{width: 100%; margin-right: 0; margin-bottom:10px;}
	.technology .scon03 .tab li{width: calc((100% - 20px) / 2); font-size:19px; margin-right: 20px;}
	.technology .scon03 .tab li:last-of-type{margin-right: 0;}

	.contact .cont .map_ctn .position_box{height: 350px;}
	.contact .cont .map_ctn .addr_ctn{flex-wrap:wrap;}
	.contact .cont .map_ctn .addr_ctn .txt{width: 100%; padding: 20px 30px; margin-right: 0; margin-bottom:20px;}
	.contact .cont .map_ctn .addr_ctn .txt:last-of-type{margin-bottom:0px;}
	.contact .cont .map_ctn .addr_ctn .txt h3{font-size:24px;}
	.contact .cont .map_ctn .addr_ctn .txt ul li{font-size:18px;}
	.contact .cont .biz ul{padding: 20px 30px;}
}