@charset 'utf-8';

@import url(reset.css);

#wrap {width: 100%;}

#header {position: absolute; left: 0; top: 0; width: 100%; height: 80px; border-bottom: 1px solid rgba(255,255,255,0.3); z-index: 999; background-color: rgba(255,255,255,0);}
#header .headWrap {position: relative; width: 990px; margin: 0 auto;}
#header .headWrap .logo {margin-top: 22px;}
#header .headWrap .logo a {display: inline-block; width: 259px; height: 32px; background: url(/images/logo.png) 0 0 no-repeat;}
#header .headWrap .btn_gnb {position: absolute; right: 0; top: 9px; display: inline-block; width: 26px; height: 19px; background: url(/images/btn_gnb.png) 0 0 no-repeat;}
#header.hover {/*background: rgba(255,255,255,0.9);*/ border-bottom: 0;}
#header.hover .headWrap .logo a {background: url(/images/logo_ov.png) 0 0 no-repeat;}
#header.hover .headWrap .btn_gnb {background: url(/images/btn_gnb_ov.png) 0 0 no-repeat;}
#header .gnbCont {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100vh; background: rgba(255,255,255,0.9);}
#header .gnbCont .menuWrap {position: relative; width: 1024px; margin: 0 auto; overflow: hidden;}
#header .gnbCont .menuWrap ul {margin-top: 70px;}
#header .gnbCont .menuWrap li {width: 100%; height: 50px; text-align: center; line-height: 50px;}
#header .gnbCont .menuWrap li a {display: inline-block; padding-bottom: 5px; font-family: 'oswald','nanum-bg', sans-serif; font-size: 26px; color: #151c3b; font-weight: bold;}
#header .gnbCont .menuWrap li a:hover {border-bottom: 4px solid #e13237;}
#header .gnbCont .menuWrap a.btn_menu {position: absolute; right: 20px; top: 30px; display: inline-block; width: 20px; height: 20px; background: url(/images/btn_gnb_close.png) 50% 50% no-repeat; text-indent: -9999px; font-size: 0;}

#footer {width: 100%; min-width: 1280px; height: 80px; background: #1d1d1b;}
#footer:after {content: ""; display: block; clear: both;}
#footer .logo_f {float: left; padding: 21px 0 0 145px;}
#footer p.corp {float: right; padding: 35px 127px 0 0; font-size: 14px; color: #8d909b;}
#footer .btn-wrap{float: right;padding: 24px  20px 0 0;}
#footer .btn-wrap a{display:inline-block;padding:10px 10px;border:1px solid #555;color:#999;font-size:14px;margin-left: 10px;}


/* str : Layer pop */
.layerWrap {display: none; position: fixed; width: 100%; top: 0; left: 0; z-index: 9999;}
.layerContain,
.layerPop {display: none; position: relative; margin: 0px auto; background: #fff; -webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.3); z-index: 995;}
.layerContain .inBox {position: relative; padding: 45px; background: #fff;}
.layerContain .inBox .layer_x {position: absolute; right: 40px; top: 40px; display: inline-block; width: 24px; height: 24px; background: url(/images/btn_lay_close.png) 50% 50% no-repeat; text-indent: -9999px; font-size: 0; cursor: pointer; z-index: 99;}

#dim {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 999;}
.mask {display:none; position:fixed; left:0; top:0; width: 100%; height: 100%; background:rgba(0,0,0,0.4); z-index:993;}

/* fin : Layer pop */
.bx_proc {width: 820px;}
.bx_proc dl {position: relative; margin-bottom: 35px; padding-bottom: 25px;}
.bx_proc dl:after {content: ""; position: absolute; left: 0; bottom: 0; display: inline-block; width: 30px; height: 4px; background: #e13237;}
.bx_proc dt {margin-bottom: 15px; font-size: 28px; color: #282b3b;}
.bx_proc dd {font-size: 18px; color: #545763;}
.bx_proc li {margin-bottom: 25px;}
.bx_proc li div {margin-bottom: 10px; font-size: 18px; color: #252e36; font-weight: bold;line-height:1.4}
.bx_proc li p {padding-left: 21px; font-size: 16px; color: #545763; line-height: 24px;}

.bx_new {width: 990px;}
.bx_new dl {margin-bottom: 25px; border-bottom: 1px solid #d5d9df;}
.bx_new dt {position: relative; padding-bottom: 23px;}
.bx_new dt p {font-size: 20px; color: #151c3b; font-weight: bold; letter-spacing: -1px;}
.bx_new dt div {padding: 13px 0 15px; font-size: 28px; color: #282b3b; font-weight: bold; letter-spacing: -1px; word-spacing: -1px;}
.bx_new dt span {font-size: 14px; color: #545763;}
.bx_new dt:after {content: ""; position: absolute; left: 0; bottom: 0; display: inline-block; width: 30px; height: 4px; background: #e13237;}
.bx_new dd {padding: 45px 0 40px; font-size: 16px; color: #545763; line-height: 24px;}
.bx_new .btn_link {display: inline-block; margin: 0 15px 0 5px; padding-left: 26px; background: url(/images/ico_file.png) 0 50% no-repeat; font-size: 16px; color: #545763; line-height: 31px;}
.bx_new .btn_down {height: 31px; padding: 0 15px; background: #545763; font-size: 16px; color: #fff; letter-spacing: -1px;}
.bx_new .inBox {position: relative; padding: 45px; background: #fff;}
.bx_new .inBox .layer_x {position: absolute; right: 40px; top: 40px; display: inline-block; width: 24px; height: 24px; background: url(/images/btn_lay_close.png) 50% 50% no-repeat; text-indent: -9999px; font-size: 0; z-index: 9999; cursor: pointer;}

h1 {position: relative; padding-bottom: 25px; font-family: 'oswald','nanum-bg', sans-serif; font-size: 30px; color: #151c3b; text-transform: uppercase; text-align: center; letter-spacing: -1px; word-spacing: -1px;}
h1:after {content: ""; position: absolute; left: 50%; bottom: 0; display: inline-block; width: 20px; height: 3px; margin-left: -10px; background: #e13237;}

.concept {position: relative;}
.concept .desc {position:relative; height: 670px; padding-top: 310px; /*background: url(/images/vis_main.jpg) 50% 0 no-repeat; background-size: cover;*/ font-size: 30px; line-height: 38px; color: #fff; text-align: center; overflow: hidden;}
.concept .desc img {position:absolute; left:0; top:0; width:110%; height:auto; z-index:-100;}
.concept .desc:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:-50;}
.concept a.btn_scroll {position: absolute; left: 50%; top: 445px; display: inline-block; width: 35px; height: 35px; margin-left: -17.5px; background: url(/images/blt_scroll.png) 0 0 no-repeat; z-index: 99;}
.concept .inBox {width: 1024px; margin: 0 auto 100px; padding-bottom:20px;}
.concept .inBox:after {content: ""; display: block; clear: both;}
.concept .inBox dl {float: left; width: 512px; height: 370px;}
.concept .inBox dt div {position: relative; padding-bottom: 25px; font-family: 'oswald', sans-serif; font-size: 30px; color: #151c3b; letter-spacing: -2px;}
.concept .inBox dt div:after {content: ""; position: absolute; left: 0; bottom: 0; display: inline-block; width: 20px; height: 3px; background: #e13237;}
.concept .inBox dl.sum01 {margin-top: -70px; padding: 75px 0 0 90px; background: #fff; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.05);}
.concept .inBox dl.sum01 dd {margin-top: 35px; font-family: 'nanum-bg', sans-serif; font-size: 16px; line-height: 28px; color: #151c3b; letter-spacing: -1px;}
.concept .inBox dl.sum02 {padding: 65px 0 0 80px; background: url('/images/img_sec01_info.jpg') 0 0 no-repeat; background-size: cover; height: 430px;}
.concept .inBox dl.sum02 dd {margin-top: 35px;}
.concept .inBox dl.sum02 li:after {content: ""; display: block; clear: both;}
.concept .inBox dl.sum02 li div,
.concept .inBox dl.sum02 li p {float: left; line-height: 28px; font-size: 16px; color: #151c3b;}
.concept .inBox dl.sum02 li div {width: 80px; font-weight: bold;}
.concept .inBox dl.sum02 li p {width: calc(100% - 80px); letter-spacing: -1px; word-spacing: -1px;}

.team .inner {width: 992px; padding-top: 50px; margin: 0 auto; overflow: hidden;}
.team ul {margin-right: -16px; width: calc(992px + 16px); overflow: hidden;}
.team ul:after {content: ""; display: block; clear: both;}
.team li {float: left;}
.team dl {width: 320px; margin-right: 16px;}
.team dt {overflow:hidden; height: 320px;}
.team dd {height: 200px; line-height: 20px;}
.team dd p {height: 45px; margin-top: 29px; font-family: 'nanum-bg', sans-serif; font-size: 14px; color: #151c3b; line-height: 0.9em;}
.team dd p b {font-size: 20px; vertical-align: top;}
.team dd p span {display: inline-block; margin-left: 10px; line-height: 16px;max-width: 160px;}
.team dd {padding: 0 10px; font-family: 'nanum-bg', sans-serif; font-size: 14px; line-height: 24px; color: #545763;}
.team dd:after {content: ""; display: block; clear: both;}
.team dd em {float: right; font-size: 14px; color: #8d909b; word-spacing: -1px;}
.team dd div {word-spacing: -1px;}
.sample .team ul > li.ceo {grid-column: 1 / -1; margin-bottom: 10px;}
.sample .team li.ceo dl {display: flex; align-items: flex-start; width: 100%;}
.sample .team li.ceo dt {width: 320px; min-width: 320px;}
.sample .team li.ceo dd {flex: 1; height: auto; margin-left: 30px;}
.sample .team li.team-division {grid-column: 1 / -1; position: relative; padding: 40px 0 45px; font-family: 'oswald','nanum-bg', sans-serif; font-size: 24px; color: #151c3b; text-align: center; letter-spacing: -1px; word-spacing: -1px;}
.sample .team li.team-division:after {content: ""; position: absolute; left: 50%; bottom: 20px; display: inline-block; width: 20px; height: 3px; margin-left: -10px; background: #e13237;}
/*#touchSlider {display: none;}*/
#touchSlider {display: none; width: 320px; height: 510px; margin-top: 30px; position: relative; overflow: hidden;}
#touchSlider ul {width: 99999px; height: 510px; position: absolute; top: 0; left: 0; overflow: hidden;}
#touchSlider ul li {float: left; width: 320px; height: 510px;}

.strtg {margin-top: 15px;}
.strtg .inner {width: 1280px; height: 766px; margin: 60px auto 0; background: url(/images/bg_strtg_pc.png) 0 0 no-repeat;}
.strtg .inner ul {width: 1024px; margin: 0 auto;}
.strtg .inner ul:after {content: ""; display: block; clear: both;}
.strtg .inner li {float: left; width: 341px;}
.strtg .inner li dl {height: 341px; padding: 40px 0 0 32px;}
.strtg .inner li.stCon01 {float: none; margin: 0 auto;}
.strtg .inner li.stCon02 dl {background: url(/images/img_sec03_sttg03.jpg) 0 0 no-repeat;}
.strtg .inner li.stCon03 dl {background: url(/images/img_sec03_sttg04.jpg) 0 0 no-repeat;}
.strtg .inner li.stCon04 dl {background: #fff;}
.strtg .inner li dt {height: 190px; font-size: 26px; color: #fff; font-weight: bold; line-height: 30px;}
.strtg .inner li dd {font-family: 'nanum-bg', sans-serif; font-size: 16px; line-height: 28px; color: #fff; letter-spacing: -1px; word-spacing: -1px;}
.strtg .inner li.stCon01 dt,
.strtg .inner li.stCon04 dt {color: #151c3b;}
.strtg .inner li.stCon01 dd,
.strtg .inner li.stCon04 dd {color: #545763;}
.strtg .inner .mob {display: none;}

.portfolio {position:relative; height: auto; padding:90px 0  40px; /*background: url(/images/bg_portfolio.jpg); background-size: cover; */overflow: hidden;}
.portfolio img.bg {position:absolute; left:50%; top:-100px; width:auto; height:calc(100% + 200px); z-index:-100;transform:translateX(-50%);}
.portfolio h1 {color: #fff;}
.portfolio .inner {width: 990px; margin: 64px auto 0;}
.portfolio .inner ul {width: 101.5%;overflow: hidden;margin-left: -1.5%;}
.portfolio .inner ul:after {content: ""; display: block; clear: both;}
.portfolio .inner li {float: left;position: relative;width: 15.16%;max-height:140px;min-height: 140px;margin-left: 1.5%;margin-bottom: 1.5%;border:solid 1px #545763;}
/*.portfolio .inner li + li{margin-left: 2%;}
.portfolio .inner li:nth-child(6n + 1){ margin-left:0 }*/
.portfolio .inner li a{display:flex;align-items:center;justify-content:center;height:60px;padding:20px 5px 0;box-sizing:border-box;}
.portfolio .inner li img{width:100%; }
.portfolio p {position: relative; left: 0px; top: 0px; margin-top:20px;padding: 13px 20px 0; font-family: 'nanum-bg', sans-serif; font-size: 15px; color: #fff;}
.portfolio p:before {content: ""; position: absolute; left: 20px; top: 0; display: inline-block; width: 20px; height: 1px; background: #e13237;}

.process {position: relative; margin-top: 85px;}
.process .inner {position: relative; width: 990px; /*height: 468px;*/ margin: 0 auto; background: url(/images/img_bg_process.png) 50% 0 no-repeat; z-index: 9; overflow: hidden;}
/*.process:before {content: ""; position: absolute; left: 0; top: 87px; display: inline-block; width: 50%; height: 1.5px; background: #d5d9df; z-index: -1;}
.process:after {content: ""; position: absolute; right: 0; top: 373px; display: inline-block; width: 50%; height: 1.5px; background: #d5d9df; z-index: -1;}*/
.process .inner .mob {display: none;}
.process .inner:after {content: ""; display: block; clear: both;}
.process .inner ul {position: absolute;}
.process .inner li {float: left; width: 170px; padding-top: 85px; font-family: 'nanum-bg', sans-serif; font-size: 20px; color: #151c3b; line-height: 28px; text-align: center;}
.process .proc_l {left: -12px; top: 0;}
.process .proc_r {right: -20px; top: 285px;}
.process .btn_doc {display: inline-block; width: 224px; height: 60px; background: #151c3b; font-family: 'nanum-bg', sans-serif; font-size: 22px; color: #fff; line-height: 60px;}
.process .desc {padding: 75px 0 70px; font-size: 16px; color: #545763; line-height: 28px; text-align: center;}
.process .dual {width: 1280px; margin: 70px auto 0;}
.process .dual:after {content: ""; display: block; clear: both;}
.process .dual dl {float: left; width: 640px; height: 466px;}
.process .dual dl.colm01 {position: relative; padding: 75px 0 0 144px; background: url(/images/img_sec05_porc01.jpg);}
.process .dual dl.colm02 {padding: 75px 0 0 80px; background: url(/images/img_sec05_porc02.jpg);}
.process .dual dt {position: relative; padding-bottom: 15px; font-size: 28px; color: #fff; line-height: 0.9em;}
.process .dual dl.colm01 dt a {position: absolute; right: 63px; top: -5px; display: inline-block; width: 135px; height: 35px; border: 1px solid #fff; font-size: 16px; color: #fff; line-height: 35px; letter-spacing: -1px; text-align: center;}
.process .dual dl.colm01 dt a.btn02{top:35px}
.process .dual dt:after {content: ""; position: absolute; left: 3px; bottom: 0; display: inline-block; width: 20px; height: 3px; background: #e13237;}
.process .dual dl.colm01 dd table {margin-top: 32px;}
.process .dual dl.colm02 dd table {margin-top: 85px;}
.process .dual dd th {font-family: 'nanum-bg', sans-serif; font-size: 16px; color: #fff; font-weight: bold; text-align: left;}
.process .dual dd td {font-family: 'nanum-bg', sans-serif; font-size: 16px; line-height: 28px; color: #fff; text-align: left; letter-spacing: -2px;}
.process .dual dd .cmt {margin-top: 40px; font-family: 'nanum-bg', sans-serif; font-size: 16px; line-height: 28px; color: #fff;}

/*20201028_new process*/
.process_new .inner{width:1280px !important; height:auto; background:none !important; padding: 30px 0 50px;}
.process_new .inner img{width:100%;}
.process_new .inner .mob img{max-width: 200px;margin: 0 auto;display: block;}


.subcont {position: relative; padding-top: 90px; background: #fff; overflow: hidden;}
.subcont:before {content: ""; position: absolute; left: 50%; top: 450px; display: block; width: 150%; height: 450px; margin-left: -75%; transform: rotate(-10deg); background: #eef0f2;}
.subcont .inBox {position: relative; width: 840px; margin: 55px auto 0;}
.subcont .inBox:after {content: ""; display: block; clear: both;}
.subcont dl {float: left; width: 404px; height: 510px; margin: 0 8px; padding: 0 40px; background: #fff; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.05); border-top: 8px solid #e13237; z-index: 999;}
.subcont dd {letter-spacing: -1px;}
.subcont dd div {margin-top: 45px; font-family: 'oswald', sans-serif; font-size: 26px; color: #151c3b; font-weight: bold; line-height: 0.9em;}
.subcont dd p{margin: 20px 0 30px; font-family: 'nanum-bg', sans-serif; font-size: 16px; line-height: 28px; color: #545763;}
.subcont dd a {display: inline-block; height: 18px; background: url(/images/bg_arw.png) 0 1px no-repeat; font-family: 'oswald', sans-serif; font-size: 16px; color: #e13237; font-weight: bold; text-indent: 20px;}

.history {padding-top: 100px; background: #eef0f2; overflow: hidden;}
.history .list {width: 990px; margin: 45px auto 0;}
.history .list dl {height: 40px; margin-bottom: 10px; line-height: 40px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);}
.history .list dt {float: left; width: 150px; font-size: 20px; color: #151c3b; text-align: center;}
.history .list dt:after {content: ""; float: right; display: inline-block; width: 1px; height: 16px; margin-top: 11px; background: #d5d9df;}
.history .list dd {float: left; width: calc(100% - 150px); padding-left: 20px; font-family: 'nanum-bg', sans-serif; font-size: 16px; color: #545763; letter-spacing: -1px; word-spacing: -1px;}
/*210610연혁탭추가*/
.history .con_wrap{display:none; }
.history .con_wrap.on{display:block;}
.history .size{max-width:825px;width:100%;margin: 0 auto;}
.history .depth4{margin:30px 0;}
.history .depth4 ul{text-align: center;position:relative;}
.history .depth4 ul::before{position:absolute; content:'';width:100%; height:1px; background:#d9d9d9; left:0; top:50%;z-index:1;}
.history .depth4 ul li{position:relative; z-index:2; display:inline-block; margin-left:5px;}
.history .depth4 ul li a.on{background:#e13237;color:#fff;border:none;}
.history .depth4 ul li a{background:#eef0f2;font-weight:600;color:#d0d5db;width:65px; height:65px; border-radius:32.5px; line-height:65px;text-align:center;font-size:24px; border:1px solid #d9d9d9;}
.history .con_wrap .tit{text-align:left;width:35%; float:left;}
.history .con_wrap .tit p{font-size: 13px;color:#e13237;font-weight:400;letter-spacing: 0.49em;padding: 18px 0;}
.history .con_wrap .tit h5{font-size:114px;color:#fff;line-height: 1;}
.history .con_wrap .txt{width:65%; float:left;}
.history .con_wrap .txt ul{}
.history .con_wrap .txt ul li{background:#fff;color:#666;font-size:16px;padding: 15px 18px;margin-bottom: 10px;border-radius: 40px;}
.history .con_wrap .txt ul li:nth-child(even){background:#f5f6f7;}
.history .con_wrap .txt ul li p{padding-left:15px;position:relative;line-height:1.2;}
.history .con_wrap .txt ul li p::before{content:'';position:absolute;width:4px;height:4px;background:#e13237;left: 2px;top: 7px;border-radius: 2px;}


.news {padding: 120px 0 115px; background: #eef0f2; overflow: hidden;}
.news table {width: 990px; margin: 50px auto 0;}
.news tr th,
.news tr td {height: 49px; border-bottom: 1px solid #d5d9df; line-height: 49px;}
.news th {font-size: 20px; color: #151c3b; text-align: left; text-indent: 14px;}
.news th:after {content: ""; float: right; display: inline-block; width: 1px; height: 25px; margin-top: 14px; background: #d5d9df;}
.news td {font-family: 'nanum-bg', sans-serif; font-size: 14px; color: #545763; text-align: center;}
.news td.tit {padding-left: 20px; font-size: 16px; text-align: left;}
.news td .nsDate {display: none;}

.paging {min-width: 400px; margin: 50px auto 0; text-align: center;}
.paging:after {content: ""; display: block; clear: both;}
.paging ul {display: inline-block; vertical-align: top;}
.paging li {display: inline-block;}
.paging li a {display: inline-block; width: 32px; height: 32px; margin: 0 3px; font-size: 14px; color: #151c3b; line-height: 32px;}
.paging li a:hover,
.paging li a:focus {background: #e13237; color: #fff;}
.paging .pag_prev,
.paging .pag_next {display: inline-block; width: 32px; height: 32px; background: url(/images/ico_paging_nav.png) 0 50% no-repeat; font-size: 0; text-indent: -9999px; vertical-align: top;}
.paging .pag_next {background-position: -32px 50%;}

.contact {height: 420px; background: #eef0f2; overflow: hidden;}
.contact ul {width: 1280px; margin: 0 auto;}
.contact ul:after {content: ""; display: block; clear: both;}
.contact li {float: left; width: 50%;}
.contact li.con_l {height: 420px; background: url(/images/img_sec07_contact01.jpg) 0 0 no-repeat;}
.contact li.con_l dl {margin: 90px 0 0 147px;}
.contact li.con_l dt {position: relative; padding-bottom: 20px; font-family: 'oswald', sans-serif; font-size: 30px; color: #fff; line-height: 1em;}
.contact li.con_l dt:after {content: ""; position: absolute; left: 0; bottom: 0; display: inline-block; width: 20px; height: 3px; background: #e13237;}
.contact li.con_l dd {margin-top: 40px;}
.contact li.con_l dd div {font-family: 'oswald', sans-serif; font-size: 22px; color: #fff;}
.contact li.con_l dd p {margin-top: 35px; font-family: 'nanum-bg', sans-serif; font-size: 16px; color: #fff; line-height: 28px;}
.contact li.con_r iframe {width: 640px; height: 420px;}

/*개인정보취급방침*/
.policy #link01{background:#fff;}
.policy .size{max-width:1280px;margin:0 auto;word-break: keep-all;line-height:1.5; padding: 50px 20px 80px 20px;}
.policy h1{margin-bottom:45px;}
.policy .txt-wrap{padding: 30px 0;}
/*.policy .txt-wrap:nth-child(even){background:#f8f8f8;}*/
.policy .txt-wrap > b{display:block;margin-bottom:10px;font-size: 20px;}
.policy .txt-wrap > ul{margin-top:10px;}
.policy .txt-wrap > ul > p{font-weight: bolder;font-size: 17px;}
.policy .txt-wrap > ul > li{padding-left:20px;color:#444;padding-top:5px;}
.policy .txt-wrap > ul > li span{display:block; padding-left:20px; font-size:14px;color:#666;padding-top:5px}
.policy table{margin-top:20px; width:100%; border-top:2px solid #333;border-bottom:1px solid #999}
.policy table tr{text-align:center; border-bottom:1px solid #ddd; }
.policy table th{background:#eee;padding:10px 0; }
.policy table tr td{padding:10px 0; border-right:1px solid #ddd;}
.policy table tr td:last-child{border-right:none;}
.policy table tr:last-child{border-bottom:none;}

@media screen and (max-width:1300px) {
	.concept .desc img {width:auto; height:110%;}
	.portfolio img.bg {width:auto; height:110%;}
}

	#layerPop02{max-height:600px;overflow-y:scroll;}
		/*
	#layerPop02 .inBox{max-height:600px;overflow-y:scroll;padding:0}
	#layerPop02 .layer_x{right:0;top:0}
	*/

	#layerPop02.bx_proc dd > p{font-size:14px;margin-top:10px;padding-left:10px;line-height:1.4}
	#layerPop02.bx_proc .list li{position:relative;padding-left:25px;font-size:16px;color:#545763;line-height:24px;}
	#layerPop02.bx_proc .list li:before{position:absolute;top:11px;left:15px;display:block;content:'';clear:both;width:2px;height:2px;border-radius:50%;background:#545763}
	#layerPop02 .bot{margin-bottom:0;margin-top:40px}
	#layerPop02 .bot + .bot{margin-top:0}
	#layerPop02 .bot:after{display:none}
	#layerPop02 .bot dt{font-size:15px;font-weight:bold;margin-bottom:8px}
	#layerPop02 .bot dd{font-size:15px;line-height:1.4}

.concept .inBox dl.sum02 ul li:last-child {margin-top:5px;}



.sample .team .inner {width: 992px; padding-top: 50px; margin: 0 auto; overflow: hidden;}
.sample .team ul {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 50px 16px; width: auto; overflow: hidden; margin-right: 0;}
.sample .team ul:after {content: ""; display: block; clear: both;}
.sample .team ul > li:first-child {grid-column: 1 / -1;}
.sample .team ul > li:nth-child(2) {grid-column: 1 / -1;}
.sample .team li {float: none;}
.sample .team dl {width: 100%; margin-right: 0;}
.sample .team dt {overflow:hidden; height: auto; width: 100%;}
.sample .team dt img {display: block; width: 100%;}
.sample .team dd p {display: flex; align-items: center; gap: 8px; height: 45px; margin-top: 29px; font-family: 'nanum-bg', sans-serif; font-size: 14px; color: #151c3b; line-height: 0.9em;}
.sample .team dd p b {white-space: nowrap;font-size: 20px; vertical-align: top;}
.sample .team dd p span {white-space: nowrap; display: inline-block; margin-left: 0; line-height: 16px; max-width: auto;}
.sample .team dd p em {white-space: nowrap; margin-left: auto;}
.sample .team dd {width: 100%; height: auto; line-height: 20px; box-sizing: border-box; padding: 0 10px; font-family: 'nanum-bg', sans-serif; font-size: 14px; line-height: 24px; color: #545763;}
.sample .team dd:after {content: ""; display: block; clear: both;}
.sample .team dd em {float: right; font-size: 14px; color: #8d909b; word-spacing: -1px;}
.sample .team dd div {word-spacing: -1px;}