/* ------------------------------ 이상일 때 ------------------------------ */
@media screen and (min-height:1134px){
	.main_wrap .left .list li a {line-height:80px;}
}

/* ------------------------------ PC Guide ------------------------------ */
@media screen and (max-width:1780px){
/* header */
	/*.header.hover .gnb .menu > a {width:16vw;}*/
/* main */
	.main_wrap .right .list .imgfit {height:14vw;}
}

/* ------------------------------ PC Guide ------------------------------ */
@media screen and (max-width:1600px){
	.header .logo {left:20px;}
	.header .btn_menu {right:20px;}
	.header .lang_wrap {right:130px;}
	
	.header .gnb .snb .gnb-tit {padding-left:20px;}
}


/* ------------------------------ PC Guide ------------------------------ */
@media screen and (max-width:1440px){
	br.pc_vw {display:none;}
	.inner {max-width:100%;}
/* header */
	/*.header .gnb .menu.gnb1 > a {width:150px;}
	.header .gnb .menu.gnb2 > a {width:150px;}
	.header .gnb .menu.gnb3 > a {width:98px;}
	.header .gnb .menu.gnb4 > a {width:150px;}
	.header.hover .gnb .menu > a {width:14vw;}*/
	.header .sitemap {padding-left:35%;}
	.header .sitemap:before {width:35%;}
	.header .sitemap .inbox {padding:0 60px;}
	.header .sitemap .menu {padding-left:140px; margin-bottom:60px;}
	.header .sitemap .snb {gap:30px;}
	
	.header .gnb .snb .gnb-tit {width:20%; min-width:350px;}
	.header .gnb .snb .depth1 {width:80%;}
/* footer */
	.footer .address .br14 {width:calc(100% - 265px);}
	.footer .family {top:-15px;}
/* main */
	.main_wrap {min-height:calc(100vh - 293px);}
	.main_wrap .right .list .tit {font-size:20px;}
	
	.main_wrap_new .section01 .mv_txt {left:20px; width:100%; transform:translate(0,-65%);}
	.main_wrap_new .section01 .navi {left:20px; width:100%; transform:unset;}	
	
	/*.main_wrap_new .section02 .main_jq_cont {padding-left:700px; max-width:600px;}
	.main_wrap_new .section02.on .main_jq_cont  {padding-left:700px;}
	.main_wrap_new .section02 .cont .more {left:-700px;}
	.main_wrap_new .section02.btm .main_jq_cont {position:unset;}*/
	.main_wrap_new .main_jq_tabonoff {display: flex; justify-content: flex-end;}  
	.main_wrap_new .section02 .main_jq_tab {top:0;}
	.main_wrap_new .section02 .main_jq_cont {width:600px; padding-left:unset;}
	.main_wrap_new .section02 .cont .more {left:calc(-100vw + 640px);}
	.main_wrap_new .section02.on .cont .more {left:20px;  margin-left:0;}
	.main_wrap_new .section02.on .main_jq_tab {left:20px; margin-left:0;}
	
/* sub */
	.aside dl {padding:0;}
	.aside a {font-size:20px;}
	.container {font-size:17px; padding:80px 0 160px;}
	.container .title {font-size:42px; line-height:52px; margin-bottom:80px;}
	.container .bctxt {font-size:28px; line-height:34px; margin-bottom:20px;}
	.container .btit {font-size:32px; line-height:40px; padding-top:20px;}
	.container .btit.mt {margin-top:120px;}
/* 회사개요 */
	.overview01 {padding:60px 0;}
	.overview01 .tit {font-size:28px; line-height:44px; margin-bottom:50px;}
	.overview01 table {width:80%;}
/* 대표이사 인사말 */
	.greeting {gap:60px;}
	.greeting .img {width:40vw; padding-left:70px;}
	.greeting .txt {width:calc(100% - 40vw - 60px);}
	.greeting .tit {font-size:28px; padding-bottom:30px; margin-bottom:50px;}
	.greeting .name {margin-top:50px;}
/* 연혁 */
	.history_area {padding-left:320px;}
	.his_end {bottom:200px;}
	.history_area .tit {font-size:28px; line-height:40px;}
	.history_area.fix .tit {left:20px; margin-left:0;}
	.history_area dl {padding:40px 0 40px 130px;}
	.history_area dt {top:40px; font-size:26px;}
/* 교보금융그룹 */
	.kyobo_group02 li a {height:11vw;}
/* 갤러리 목록 */
	.gall_list {gap:20px 20px;}
	.gall_list li {width:calc((100% - 40px)/3);}
	.gall_list .imgfit {height:19vw;}
	.gall_list .tit {font-size:18px; line-height:32px;}
/* 게시판 목록 */
	.board_list dl > *:nth-child(1) {width:120px;}
	.board_list dl > *:nth-child(3) {width:110px;}
	.board_list dl > *:nth-child(4) {width:120px;}
	.board_list dl > *:nth-child(5) {width:130px;}
	.board_list col.w1 {width:100px;}
	.board_list col.w2 {width:130px;}
	.board_list col.w3 {width:120px;}
	.board_list col.w4 {width:100px;}
	.board_list col.w5 {width:100px;}
	.board_list col.w6 {width:200px;}
/* 게시판 상세 */
	.dl_tbl dt {font-size:18px; width:200px;}
	.dl_tbl dd {width:calc(100% - 200px); padding-left:25px;}
	.dl_tbl .intbl dl dt {width:350px;}

	.board_view .view_top {padding:40px 0;}
	.board_view .view_top strong {font-size:28px; line-height:32px;}
	.board_view .view_top .date {gap:30px; margin-top:30px;}
	.board_view .view_con {padding:40px 20px;}
/* 주요운용인력 */
	.operating_personnel {gap:40px 20px;}
	.operating_personnel li {width:calc((100% - 60px)/4);}
	.operating_personnel .imgfit {height:32vw;}
	.operating_personnel strong {font-size:24px;}
	.tb {font-size:18px;margin:20px 0 40px;}
	.glbox {padding:60px 30px;}
	.risk_care {gap:40px; margin-bottom:80px;}
	.risk_care li {width:calc((100% - 80px)/3);}
	.risk_care strong {font-size:26px; line-height:32px; margin-bottom:20px;}
	.risk_process .inner {padding-left:250px;}
/* 인재상 */
	.qualifications {gap:60px 40px;}
	.qualifications li {width:calc(50% - 20px);}
	.preferences {padding:30px; margin-top:60px;}
	.promotion_system {gap:40px;}
	.promotion_system li {width:calc((100vw - 280px)/7); height:calc((100vw - 280px)/7); gap:20px;}
	.promotion_system li:before {left:-40px; width:40px;}
/* 복리후생 */
	.benefits li {padding:25px 20px 120px;}
	.benefits p {font-size:15px;}
/* 약관 */
	.yak_area {padding:40px 50px;}
}

/* ------------------------------ PC Guide ------------------------------ */
@media screen and (max-width:1300px){
	
.header .gnb .snb .gnb-tit { min-width:300px;}
.header .gnb .snb .depth1 {padding:40px 100px 40px 40px;}

.aside.eng a {font-size:16px; display:flex; align-items:center; justify-content:center;}
.aside.eng a:nth-child(1),
.aside.eng a:last-child {line-height:1.4;}
	
.main_wrap_new .section03 {min-height:47.5vw;}
.main_wrap_new .section03 .cont li a {height:28.5vw; padding:14%;}
.main_wrap_new .section03 .cont li a .cate {margin-bottom:10%;}
.main_wrap_new .section03 .cont li a .date {bottom:12%; left:12%;}

}

/* ------------------------------ PC Guide ------------------------------ */
@media screen and (max-width:1200px){
	.main_wrap_new .section02 .main_jq_tab {top:0;}
	.main_wrap_new .section02 .main_jq_cont {width:500px; padding-left:unset;}
	.main_wrap_new .section02 .cont ul li {margin-bottom:40px;}
	.main_wrap_new .section02 .cont ul .imgfit {width:500px; height:283px;}
	.main_wrap_new .section02 .cont ul .tit {font-size:22px; margin-top:20px; width:500px;}
	.main_wrap_new .section02 .cont .more {left:calc(-100vw + 540px);}
	.main_wrap_new .section02.on .cont .more {left:20px;  margin-left:0;}
	.main_wrap_new .section02.on .main_jq_tab {left:20px; margin-left:0;}
	
}

/* ------------------------------ Hover ------------------------------ */
@media screen and (min-width:1024px){
	.ie_wrap .link a:hover {opacity:.7;}
	.board_bottom .btns .btn:hover {background:#04427b; color:#eee;}
	.board_bottom .paging a:hover {background:#343644; color:#fff;}
	.header .gnb .menu:hover > a {color:#2196F3;}
	.header .gnb .menu:hover > a:after {left:0; width:100%; background:#2196F3;}
	/*.header .gnb .snb a:hover {background:#fff; color:#222; font-weight:600;}*/
	.header .gnb .menu:hover .snb {background:#F8F9FC;}
	/*.header.hover .bg {height:315px; opacity:1;}*/
	.header.hover .dm {height:calc(100vh - 90px); opacity:1;}
	/*.header.hover .gnb .menu > a {width:280px;}*/
	.header.hover {background:#fff;}
	.header.hover .logo{display:none;}
	.header.hover .logo.fixed{display:block;}	
	.header.hover .lang_wrap a {color:rgba(34,34,34,0.5);}
	.header.hover .lang_wrap a.on {color:#222;}
	.header.hover .lang_wrap a:nth-child(1):after {background: rgba(34,34,34,0.5);}
	.header.hover .gnb .menu > a {color:#222;}	
	.header.hover .gnb .menu > a:hover, 
	.header.fixed.hover .gnb .menu > a:hover {color:#2196F3;}
	.header.hover .inner .gnb .snb {border-top:1px solid rgba(0,0,0,0.01);}
	.header .inner .gnb1:hover .snb {height:315px;}
	.header .inner .gnb2:hover .snb {height:315px;}
	.header .inner .gnb3:hover .snb {height:315px;}
	.header .inner .gnb4:hover .snb {height:315px;}	
	/*.header .inner .gnb .snb .depth1 li:hover > a {color:#fff; background:#2196F3; }*/
	/*.header .inner .gnb .snb .depth1 li:hover a i {background:url('/pub/images/gnb_icon_w.svg') no-repeat center center / contain}
	.header .gnb .snb a.on i {background:url('/pub/images/gnb_icon_w.svg') no-repeat center center / contain}*/	
	.header.on .sitemap .snb a:hover {color:#2196F3; font-weight:600;}
	.header .sitemap .snb a.on {color: #666; font-weight: 400;}
		
	.map_area:hover .hover_txt {opacity:1;}
	
	/* .board_list .tal a:hover {color:#222; font-weight:700;} */
	.board_list tbody .hover {background:#F4F5F7;}
	.board_list .hover .file {background:#023770;}

	.main_wrap .left .list li:hover  a span {text-decoration:underline;}
	
  	.main_wrap .right .list li .imgfit > i {position: absolute; top:0; left:0; width: 100%; height: 100%; margin: 0; z-index: 1;}
	.main_wrap .right .list li .imgfit > i:before, 
	.main_wrap .right .list li .imgfit > i:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: transparent 3px solid; border-radius: 10px; border-top-color: #2196F3; border-right-color: #2196F3; clip-path: circle(500px at -500px -250px);}
	.main_wrap .right .list li .imgfit > i:after {transform: rotate(180deg);}
	.main_wrap .right .list a:hover .imgfit > i:before {animation:list_hover1 0.3s linear forwards;}
	.main_wrap .right .list a:hover .imgfit > i:after {animation:list_hover1 0.3s linear forwards; animation-delay:0.3s;}
	
	.main_wrap_new .section02 .imgfit > i {position: absolute; top:0; left:0; width: 100%; height: 100%; margin: 0; z-index: 1;}
	.main_wrap_new .section02 .imgfit > i:before, 
	.main_wrap_new .section02 .imgfit > i:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: transparent 3px solid; border-radius: 10px; border-top-color: #2196F3; border-right-color: #2196F3; clip-path: circle(500px at -500px -250px);}
	.main_wrap_new .section02 .imgfit > i:after {transform: rotate(180deg);}
	.main_wrap_new .section02 .cont li a:hover .imgfit > i:before {animation:list_hover1 0.3s linear forwards;}
	.main_wrap_new .section02 .cont li a:hover .imgfit > i:after {animation:list_hover1 0.3s linear forwards; animation-delay:0.3s;}
	.main_wrap_new .section03 .cont li a:hover {background:#2196F3; }
	.main_wrap_new .section03 .cont li a:hover .cate,
	.main_wrap_new .section03 .cont li a:hover .tt,
	.main_wrap_new .section03 .cont li a:hover .date {color:#fff; }
	
	@keyframes list_hover1 {
		0% {clip-path:circle(700px at -700px -280px);}
		100% {clip-path:circle(700px at 550px -280px);}
	}
	

	.gall_list li a .imgfit > i {position: absolute; top:0; left:0; width: 100%; height: 100%; margin: 0; z-index: 1;}
	.gall_list li a .imgfit > i:before,
	.gall_list li a .imgfit > i:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: transparent 3px solid; border-radius: 10px; border-top-color: #2196F3; border-right-color: #2196F3; clip-path: circle(500px at -500px -280px);}
	.gall_list li a .imgfit > i:after {transform: rotate(180deg);}
	.gall_list li a:hover .imgfit > i:before {animation:list_hover2 0.3s linear forwards;}
	.gall_list li a:hover .imgfit > i:after {animation:list_hover2 0.3s linear forwards; animation-delay:0.3s;}
	@keyframes list_hover2 {
		0% {clip-path:circle(500px at -500px -220px);}
		100% {clip-path:circle(500px at 433px -220px);}
	}

	.operating_personnel li a .imgfit > i {position: absolute; top:0; left:0; width: 100%; height: 100%; margin: 0; z-index: 1;}
	.operating_personnel li a .imgfit > i:before,
	.operating_personnel li a .imgfit > i:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: transparent 3px solid; border-radius: 10px; border-top-color: #2196F3; border-right-color: #2196F3; clip-path: circle(600px at -600px -460px);}
	.operating_personnel li a .imgfit > i:after {transform: rotate(180deg);}
	.operating_personnel li a:hover .imgfit > i:before {animation:list_hover3 0.3s linear forwards;}
	.operating_personnel li a:hover .imgfit > i:after {animation:list_hover3 0.3s linear forwards; animation-delay:.3s;}
	@keyframes list_hover3 {
		0% {clip-path:circle(600px at -600px -130px);}
		100% {clip-path:circle(600px at 458px -130px);}
	}


}


/* ------------------------------ Tablet PC ------------------------------ */
@media screen and (max-width:1023px){
/* header */
	.header .inner {height:80px;}
	.header .logo {line-height:80px; z-index:31;}
	.header .logo img {height:40px;}
	.header .btn_menu {height:80px;}
	.header.on .btn_menu {right:20px;}
	.header .lang_wrap {right:90px;}
	.header .gnb {display:none;}
	.header .sitemap {padding-left:0;}
	.header .sitemap:before {display:none;}
	.header .sitemap .inbox {justify-content:flex-start; padding:80px 0 0;}
	.header .sitemap .menu {margin-bottom:0; border-bottom:#ddd 1px solid; padding:0;}
	.header .sitemap.eng .menu {padding-left:0;}
	.header .sitemap .menu:first-child {border-top:#ddd 1px solid;}
	.header .sitemap .menu > a {position:relative; font-size:20px; line-height:60px; padding:0 20px;}
	.header .sitemap .menu .pc_vw {display:none !important;}
	.header .sitemap .menu .mo_vw {display:block !important;}
	.header .sitemap .menu .mo_vw:after {content:""; position:absolute; top:0; right:20px; width:22px; height:100%; background:url('/pub/images/arrow_menu.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
	.header .sitemap .menu.open .mo_vw:after,
	.header .sitemap .menu.on .mo_vw:after {transform:rotate(180deg);}
	.header .sitemap .menu.on.open .mo_vw:after {transform:rotate(0deg);}
	.header .sitemap .snb {flex-direction:column; gap:0; background:#F8F9FC; padding:10px 0; border-top:#ddd 1px solid; display:none;}
	.header .sitemap .menu.on .snb {display:block;}
	.header .sitemap .snb a {display:block; font-size:16px; line-height:50px; width:100%; padding:0 20px;}
	.header .sitemap .copy {display:none;}
/* footer */	
	.footer .family {position:relative; top:0; right:0; width:100%; margin-top:30px;}
/* main */
	.main_wrap {margin-top:80px; padding:0 0 60px;}
	.main_wrap .inner {position:relative; flex-direction:column; gap:0; padding-top:56vw;}
	.main_wrap .left,
	.main_wrap .right {width:100%; padding-top:50px;}
	.main_wrap .left {order:2;}
	.main_wrap .left .video {position:absolute; top:0; left:0; width:calc(100vw); border-radius:0; height:56vw;}
	.main_wrap .left .video p {bottom:30px; left:30px; font-size:28px; line-height:36px;}
	.main_wrap .right {order:1;}
	.main_wrap .right .list {gap:20px 20px;}
	.main_wrap .right .list li {width:calc(50% - 10px);}
	.main_wrap .right .list .imgfit {height:27vw;}
	
	.main_wrap_new .section01 .navi {bottom:23vh;}	
	
	.main_wrap_new .section02_start,
	.main_wrap_new .section02_end {position:unset;}
	.main_wrap_new .section02 .title {margin-bottom:80px;}
	.main_wrap_new .main_jq_tabonoff {min-height:auto; gap:80px;}
	.main_wrap_new .section02 .main_jq_tab {max-width:100%; gap:15px;}
	.main_wrap_new .section02 .main_jq_tab li {width: calc((100% - 60px ) / 5);}
	.main_wrap_new .section02 .main_jq_tab li button {width: 100%; height:50px; line-height:50px; font-size:18px;}
	.main_wrap_new .section02 .main_jq_tab li a {display:none;}
	.main_wrap_new .section02 .main_jq_cont {width:100%; margin-top:0;}
	.main_wrap_new .section02 .cont ul {margin-top:140px; padding-bottom:40px; display:flex;}
	.main_wrap_new .section02 .cont ul li {margin-bottom:0;}
	.main_wrap_new .section02 .cont ul .tit {width:500px;}
	.main_wrap_new .main_jq_tabonoff {flex-direction:column;}
	.main_wrap_new .main_jq_tabonoff .swiper { width: 100%;  height: 100%;}
	.main_wrap_new .section02 .cont .more {left:unset; right:20px; top:-260px;}
	.main_wrap_new .section02.on .inner {padding-top:0;}	
	.main_wrap_new .section02.on .cont .more, 
	.main_wrap_new .section02.on .title,
	.main_wrap_new .section02.on .main_jq_tab,
	.main_wrap_new .section02.btm .main_jq_tab {position:unset;}
	.main_wrap_new .section02.btm .main_jq_tab {height:auto;}
	.main_wrap_new .section02.btm .main_jq_cont {margin-top:-125px;}
    .main_wrap_new .section02 .swiper-scrollbar {display:block; height:8px;  border-radius: 4px; background-color: #eee; margin-top:40px;}
    .main_wrap_new .section02 .swiper-scrollbar-drag {background-color: #2196F3; height:8px; border-radius:11px;}
    .main_wrap_new .section02 .cont ul .imgfit {width:100%; height:33vw;}
    .main_wrap_new .section02 .cont ul .tit {width:100%;}
    .main_wrap_new .section02:after {top:unset; bottom:0; background:url('/pub/images/main_section02_bg_v3_m.png') no-repeat center center / cover;}
    
	
	.main_wrap_new .section03 .cont li a {height:30.5vw; padding:12%;}
	.main_wrap_new .section03 .cont li a .cate {margin-bottom:8%; font-size:16px;}
	.main_wrap_new .section03 .cont li a .tt {font-size:18px; line-height:30px; margin-bottom:6%;}
	.main_wrap_new .section03 .cont li a .date {font-size:14px; left:12%; bottom:12%;}
	.main_wrap_new .section03 .cont li a .new {width:14px; height:14px; line-height:14px; margin-left:5px;font-size:10px; margin-top:2px;}
	
/* sub */
	.svisual .inner {height:340px; }
	.svisual strong {font-size:40px; line-height:50px;}
	.aside dl {padding:0;}
	.aside a {font-size:18px; line-height:60px; width:180px;}
	.container {font-size:16px; padding:50px 0 140px;}
	.container .title {font-size:36px; line-height:46px; margin-bottom:50px;}
	.container .bctxt {font-size:24px; line-height:30px; margin-bottom:15px;}
	.container .btit {font-size:28px;}
	.container .btit.mt {margin-top:80px;}
	.container p.b {font-size:18px; line-height:22px;}
	.container .stit {font-size:26px; line-height:32px; margin-bottom:20px;}

	.coming {padding:60px 20px 80px;}
	.coming:before {width:40px; height:40px;}
	.coming strong {font-size:28px; line-height:30px; margin:20px 0 10px;}
/* 회사개요 */
	.overview01 {padding:50px 0;}
	.overview01 .tit {font-size:24px; line-height:40px; margin-bottom:40px;}
	.overview01 th,
	.overview01 td {line-height:30px; padding:10px 0;}
	.overview01 th {font-size:18px; width:150px;}
	.overview01 td {font-size:16px;}
	.overview li strong {font-size:18px; margin:30px 0 10px;}	
	.overview li p {font-size:16px; line-height:30px;}
	.overview02 {padding-top:70px;}
	.overview02 li:before {height:45px; background-size:contain;}
	/*.overview03 {padding-top:120px;}*/
	.overview03 ul {gap:20px;}
	.overview03 li {width:calc((100% - 40px)/3); height:320px; padding:32px 20px;}
	.overview03 li:before {background-size:contain; right:15px;}	
	.overview03 li.i1:before {max-width:176px; max-height:129px}
	.overview03 li.i2:before {max-width:133px; max-height:104px;}
	.overview03 li.i3:before {max-width:137px; max-height: 104px; right:15px;}
	.overview03 li strong {margin:0 0 10px; padding-bottom:10px;}
	
/* 대표이사 인사말 */
	.greeting {gap:60px; flex-direction:column;}
	.greeting .img,
	.greeting .txt {width:100%;}
	.greeting .img img {width:300px;}
	.greeting .img:before {left:50%; margin-left:-204px;}
	.greeting .img:after {left:50%; margin-left:-150px;}
	.greeting .tit {font-size:24px; line-height:40px; margin-bottom:40px;}
	.greeting .name strong {font-size:22px; line-height:30px;}
/* 연혁 */
	.history_top {height:30vw; margin-bottom:70px;}
	.history_area {padding-left:240px;}
	.his_end {bottom:192px;}
	.history_area .tit {font-size:24px; line-height:36px;}
	.history_area dl {padding:30px 0 30px 100px;}
	.history_area dt {top:30px; left:10px; font-size:22px;}
	.history_area li {padding:5px 10px 5px 50px; line-height:30px;}
	.history_area li span {top:5px;}
/* 찾아오시는 길 */
	.map_text dl {padding:20px 0 20px 120px;}
	.map_text dt {top:20px; font-size:18px; padding-left:30px;}
	.map_text dd span {font-size:14px; width:60px; margin-right:10px;}
/* 교보금융그룹 */
	.kyobo_group02 {padding:70px 0; margin-top:120px;}
/* 운용펀드 */
	.tabs {gap:10px; margin-bottom:70px;}
	.tabs a {font-size:18px; line-height:50px; height:50px; width:calc((100% - 40px)/5);}
/* 게시판 상단 */
	.board_top .search_area .text,
	.board_top .search_area .btn {height:45px;}
/* 갤러리 목록 */
	.gall_list {gap:20px 20px;}
	.gall_list li {width:calc(50% - 10px);}
	.gall_list .imgfit {height:27vw;}
	.btn_board_more {font-size:18px; line-height:50px; height:50px; width:180px; margin-top:50px;}
/* 게시판 목록 */
	.board_list dl > *:nth-child(1) {width:80px;}
	.board_list dl > *:nth-child(3) {width:100px;}
	.board_list dl > *:nth-child(4) {width:100px;}
	.board_list dl > *:nth-child(5) {width:100px;}
	.board_list dt {font-size:18px; line-height:60px;}
	.board_list dd {line-height:70px;}
	.board_list col.w1 {width:60px;}
	.board_list col.w2 {width:100px;}
	.board_list col.w3 {width:100px;}
	.board_list col.w4 {width:80px;}
	.board_list col.w5 {width:70px;}
	.board_list col.w6 {width:180px;}
	.board_list th {font-size:18px; line-height:60px;}
	.board_list .state {font-size:14px; width:60px;}
	.board_list td {line-height:70px;}
/* 게시판 상세 */
	.dl_tbl dt,
	.dl_tbl dd {min-height:60px;}
	.dl_tbl dt {font-size:16px; width:140px;}
	.dl_tbl dd {width:calc(100% - 140px); padding-left:15px;}
	.board_view .view_top {padding:30px 0;}
	.board_view .view_top strong {font-size:24px; line-height:28px;}
	.board_view .view_top .date {gap:20px; margin-top:20px;}
	.board_view .view_file {padding:10px 10px 10px 140px;}
	.board_view .view_file dt {top:10px;}
	.board_view .view_file dd a {margin-bottom:12px;}
	.board_view .prevnext li {padding:10px 10px 10px 140px;}
	.board_view .prevnext span {top:10px;}
	.btn_list {font-size:18px; line-height:50px; height:50px; width:180px; margin-top:40px;}
/* 주요운용인력 */
	.operating_personnel li {width:calc((100% - 40px)/3);}
	.operating_personnel .imgfit {height:42vw;}
	.operating_personnel span {font-size:15px; margin:20px 0 5px;}
	.operating_personnel strong {font-size:22px;}
	.operating_personnel i {font-size:13px;}
	.operating_personnel_view .txt {padding:50px 40px;}
/* 리스크 관리체계 */
	.jq_tab {gap:10px; margin-bottom:70px; padding:0 20px;}
	.jq_tab li {width:calc((100% - 20px)/3);}
	.jq_tab button {font-size:18px; line-height:50px; height:50px;}
	.tb {font-size:16px; margin:15px 0 30px;}

	.glbox {padding:40px 20px;}
	.risk_care {gap:20px; margin-bottom:60px;}
	.risk_care li {width:calc((100% - 40px)/3);}
	.risk_care .txt {margin-top:20px;}
	.risk_care strong {font-size:24px; line-height:30px; margin-bottom:15px;}
	.gbox {padding:70px 0;}
	.risk_process .inner {padding-left:200px;}
	.risk_process .tit {font-size:28px; line-height:40px;}
	.risk_box li {margin-bottom:25px; padding:30px 30px 30px 120px;}
	.risk_box li:before {width:120px; background-size:auto 50px;}
	.risk_box li strong {font-size:20px; margin-bottom:10px;}
	.risk_box li b {margin-bottom:5px;}
	.risk_box li p {font-size:14px; line-height:24px;}
	.risk_total {padding-bottom:120px;}
/* 인재상 */
	.qualifications {gap:40px 20px;}
	.qualifications li {width:calc(50% - 10px);}
	.qualifications strong {font-size:20px; margin:20px 0 15px;}
	.preferences {padding:20px; margin-top:40px;}
	.preferences li {margin-bottom:15px;}
	.promotion_system {flex-wrap:wrap;}
	.promotion_system li {width:calc((100vw - 160px)/4); height:calc((100vw - 160px)/4);}
	/*.promotion_system li:nth-child(5) {margin-left:40px;}*/
/* 복리후생 */
	.benefits {gap:30px 20px;}
	.benefits li {width:calc((100% - 40px)/3);}
/* 약관 */
	.yak_area {padding:30px 40px;}
}


/* ------------------------------Tablet PC  ------------------------------ */
@media screen and (max-width:1003px){

.aside.eng a:nth-child(2) {line-height:1.4;}

}

/* ------------------------------ Mobile ------------------------------ */
@media screen and (max-width:767px){
	.pc_vw {display:none !important;}
	.mo_vw {display:block !important;}	
	.mo_vw2 {display:block !important;}
/* header */
	.header .inner {height:55px; padding:0 15px;}
	.header .logo {line-height:55px; left:15px;}
	.header .logo img {height:32px;}
	.header .btn_menu {height:55px; width:22px;}
	.header .btn_menu p {width:20px; height:1px; margin-left:-10px;}
	.header.on .btn_menu p {width:26px; height:2px; margin-left:-13px; background:#666;}
	.header .lang_wrap {right:75px; gap:25px;}
	.header .lang_wrap a {font-size:13px; line-height:55px;}
	.header .lang_wrap a:nth-child(1):after {right:-13px;}
	.header .sitemap .inbox {padding-top:55px;}
	.header .sitemap .menu > a {font-size:14px; line-height:46px;}
	.header .sitemap .menu .mo_vw:after {width:14px;}
	.header .sitemap .snb a {font-size:13px; line-height:38px;}
/* footer */
	.footer .links {gap:15px; margin-bottom:15px;}
	.footer .links a {font-size:11px;}
	.footer .links a:after {right:-8px; height:10px; margin-top:-5px;}
	.footer .address {font-size:11px; line-height:20px; letter-spacing:-.5px;}
	.footer .address i {padding:0 3px;}
	.footer .address .br14 {width:auto;}
	.footer .address .brm i {display:none;}
	.footer .copy {margin-top:20px;}
	.footer .family {margin-top:20px;}
	.footer .family dt {font-size:12px; line-height:40px; padding:0 25px;}
	.footer .family dt:after {right:20px;}
	.footer .family dd a {font-size:12px; padding:0 25px;}
/* main */
	.main_wrap {margin-top:55px; padding-bottom:40px;}
	.main_wrap .left .video p {font-size:5vw; line-height:7.6vw; bottom:11vw; left:6.9vw}
	.main_wrap .left,
	.main_wrap .right {padding-top:35px;}
	.main_wrap .mtit {font-size:16px; line-height:20px; margin-bottom:15px;}
	.main_wrap .mtit .more {font-size:11px; padding-right:12px;}
	.main_wrap .mtit .more:after {width:7px;}
	.main_wrap .right .list {gap:16px 16px;}
	.main_wrap .right .list li {width:calc(50% - 8px);}
	.main_wrap .right .list .imgfit img {border-radius:5px; margin-bottom:20px;}
	.main_wrap .right .list .cate {bottom:-8px; font-size:11px; line-height:24px; height:24px; width:50px; border-radius:10px 0;}
	.main_wrap .right .list .tit {font-size:15px; line-height:22px; text-overflow:ellipsis; white-space:normal; text-align:left; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
	.main_wrap .right .list i {display:none;}
	.main_wrap .left .list {padding:0; border-radius:0; border:0; border-top:#222 1px solid; border-bottom:#ddd 1px solid;}
	.main_wrap .left .list li {border-bottom:#ddd 1px solid;}
	.main_wrap .left .list li a {font-size:12px; line-height:20px; padding:12px 10px;}
	.main_wrap .left .list li .date {position:relative; display:block; font-size:11px; margin-top:5px;}
	.main_wrap .left .list li.new a span {padding-right:20px;}
	.main_wrap .left .list li.new a span:after {width:13px;}
	
	.main_wrap_new .section01 .mv_wrap {height:100vh;}
	.main_wrap_new .section01 .mv_txt {left:15px; max-width:calc(100% - 30px);}
	.main_wrap_new .section01 .mv_txt .tt {font-size:32px; line-height:42px}
	.main_wrap_new .section01.eng .mv_txt .tt {font-size:16px; line-height:20px;}
	.main_wrap_new .section01 .mv_txt .stt {margin-top:30px; font-size:16px; line-height:24px;}
	.main_wrap_new .section01.eng .mv_txt .stt {font-size:14x; line-height:18px;}
	.main_wrap_new .navi * {line-height:55px; height:55px;}
	.main_wrap_new .section01 .navi {gap:20px; bottom:28vh;}
	.main_wrap_new .section01.eng .navi {bottom:24vh;}
	.main_wrap_new .navi .play_pause {width:55px; margin-right:10px;}
	.main_wrap_new .section01 .navi .arrow  {height:55px; line-height:55px; width:9px; background-size:9px;}
	.main_wrap_new .section01 .navi .next {background-size:9px;}
	.main_wrap_new .section01 .scrolldown span {line-height:0px; height:60px; width:103px; font-size:10px; bottom:40px; left:44.5vw;}
	.main_wrap_new .section01 .scrolldown i {left:50%; transform:translate(-50%,0);  height:17px; background-size:contain; width:9px; bottom:15px;}
	.main_wrap_new .section01 .navi .pro_round .progress circle {r:26; cx:29; cy:28;}
	
	.main_wrap_new .section02 {padding:85px 0;}
	.main_wrap_new .section02 .cont ul .imgfit {height:46vw;}
	.main_wrap_new .section02 .cont ul .imgfit .cate { font-size: 11px; line-height: 24px; height: 24px; padding: 0 10px; border-radius: 0 5px;}
	.main_wrap_new .section02 .title {font-size:25px; margin-bottom:40px;}
	.main_wrap_new .section02 .main_jq_tab {gap:10px;}
	.main_wrap_new .section02 .main_jq_tab li {width:calc((100% - 10px) / 2)}
	.main_wrap_new .section02 .main_jq_tab li button {height:45px; line-height:45px; font-size:14px;}
	.main_wrap_new .section02 .cont ul {margin-top:150px; padding-bottom:30px;}
	.main_wrap_new .section02 .cont .more {right:0; top:-280px; font-size:11px; line-height:39px;}	
	.main_wrap_new .section02.btm .main_jq_cont {margin-top:-235px;}
	.main_wrap_new .section02.btm .cont .more {top:-280px; bottom:unset; height:auto}
	.main_wrap_new .section02 .cont .more i {width:7px; height:7px;}
	/*.main_wrap_new .section02 .cont ul .swiper-slide {max-width:290px;}
	.main_wrap_new .section02 .cont ul .imgfit {width:290px; height:164px;}*/
	.main_wrap_new .section02 .cont ul .tit {font-size:17px; margin-top:18px; height:20px; width:100%;}
	.main_wrap_new .section02 .swiper-scrollbar,
	.main_wrap_new .section02 .swiper-scrollbar-drag {height:4px;}
	
	.main_wrap_new .section03 {padding:50px 0;}
	.main_wrap_new .section03 .title {font-size:25px; margin-bottom:20px;}
	.main_wrap_new .section03 .main_jq_tab2 {left:0px; gap:23px; top:-6px; }
	.main_wrap_new .section03 .main_jq_tab2 li button {font-size:13px; line-height:15px;}
	.main_wrap_new .section03 .main_jq_tab2 li button:before {bottom:0px;}
	.main_wrap_new .section03 .cont .more {font-size:11px;font-weight:700; top:-126px; line-height:39px;}
	.main_wrap_new .section03 .cont .more i {width:7px; height:7px;}
	.main_wrap_new .section03 .cont ul {gap:10px; flex-wrap:wrap;}
	.main_wrap_new .section03 .cont li {width:calc((100% - 10px) / 2); max-width:unset;}
	.main_wrap_new .section03 .cont li a {height:56.5vw; padding:20px; min-height: 200px;}
	.main_wrap_new .section03 .cont li a .tt {font-size:16px; line-height:24px;}
	.main_wrap_new .section03 .cont li a .date {font-size:13px; line-height:20px; left:20px; bottom:20px;}
	.main_wrap_new .section03 .cont li a .cate {font-size:13px; line-height:20px;}
	.main_wrap_new .section03 .cont li a .new {width:13px; height:13px; line-height:13px; margin-top:0; margin-left:0;}
	.main_wrap_new .section03 .main_jq_cont2 {padding-top:65px}
/* sub */
	.svisual .inner {height:215px; padding-bottom:0; flex-direction:column; justify-content:center; padding-top:55px;}
	.svisual strong {font-size:30px; line-height:35px; text-align:center;}
	.svisual .location {position:relative; bottom:0; left:unset; margin-top:20px;  justify-content:center;}
	.svisual .location i {width:10px; height:14px;}
	.svisual .location em {width:30px;}
	.svisual .location span {font-size:11px; line-height:14px;}
	.aside {position:relative; margin:0; display:flex; z-index:30;}
	.aside .g,
	.aside .s dt {display:block;}
	.aside dl {position:relative; width:50%;}
	.aside .g {border-right:rgba(221,221,221,.3) 1px solid;}
	.aside dt {position:relative; font-size:13px; color:#fff; font-weight:500; line-height:45px; padding:0 20px; background:#2196F3;}
	.aside.eng a {font-size:13px; justify-content: unset;}
	.aside.eng a:nth-child(1),
	.aside.eng a:nth-child(2),
	.aside.eng a:last-child {line-height:40px;}
	.aside dt:after {content:""; position:absolute; top:0; right:20px; width:12px; height:100%; background:url('/pub/images/arrow_aside.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
	.aside .on dt:after {transform:rotate(180deg);}
	.aside dd {position:absolute; top:100%; left:0; width:100%; display:none; gap:0; padding:0; background:#fff; border:#ddd 1px solid;}
	.aside dd a {display:block; font-size:13px; color:#222; line-height:40px; padding:0 20px; opacity:.48;}
	.aside a {text-align:left; width:100%; padding:0 20px;}
	.aside a:after {display:none;}
	.aside a.on {background:#fff;color:#222;  opacity:1;}

	.container {padding:50px 0 100px; font-size:13px; line-height:22px;}
	.container .title {font-size:26px; line-height:32px; padding:0 20px;}
	.container .btit {font-size:24px; line-height:30px; padding-top:15px; margin-bottom:30px;}
	.container .btit:before {width:24px; height:3px;}
	.container .btit.mt {margin-top:80px;}
	.container .bctxt {font-size:20px; line-height:30px; margin-bottom:14px;}
	.container p.b {font-size:14px; line-height:22px;}
	.container .stit {font-size:19px; line-height:24px; margin-bottom:15px;}
/* 준비중 */
	.coming {padding:50px 20px; border-radius:5px;}
	.coming:before {width:38px; height:38px;}
	.coming strong {font-size:20px; line-height:24px; margin:15px 0 9px;}
	.coming p {line-height:16px;}
/* 회사개요 */
	.overview01 {padding:50px 0;}
	.overview01 .tit {font-size:20px; line-height:30px; margin-bottom:30px; text-align:center;}
	.overview01 table {width:100%;}
	.overview01 th,
	.overview01 td {line-height:20px; padding:12px 0;}
	.overview01 th {font-size:13px; width:120px;}
	.overview01.eng th, .overview01.eng td {line-height:18px; padding:12px 0;}
	.overview01 td {font-size:12px;}
	.overview li strong {font-size:14px; margin:0 0 10px;}
	.overview02 li strong {font-size:16px;}
	.overview02 li p{font-size:14px; line-height:18px;}
	.overview02 {padding-top:50px; padding-bottom:50px;}
	.overview02 ul {flex-direction:column; gap:20px;}
	.overview02 li {position:relative; width:100%; height:110px; text-align:left; padding-left:115px; border:#ddd 1px solid; border-radius:5px; display:flex; flex-direction:column; justify-content:center;}
	.overview02 li:last-child {border-right:#ddd 1px solid;}
	.overview02 li:before {position:absolute; top:0; left:0; width:115px; height:100%; background-size:auto 60px;}
	/*.overview03 {padding-top:80px;}*/
	.overview03 ul {flex-direction:column; gap:20px;}
	.overview03 li {width:100%; padding:20px 20px 0; height:250px;}
	.overview03 li.i1:before {max-width:136px; max-height:89px;}
	.overview03 li.i2:before {max-width:113px; max-height:84px;}
	.overview03 li.i3:before {max-width:117px; max-height:84px;}
	.overview03 li strong {margin:0px 0 12px; padding-bottom:12px;}
/* 대표이사 인사말 */
	.greeting .img {padding:0 60px;}
	.greeting .img:before {bottom:25px; left:0; width:24px; height:24px; margin:0;}
	.greeting .img:after {bottom:-20px; left:24px; width:45px; height:45px; margin:0;}
	.greeting .img img {border-radius:39px 0 0 0;}
	.greeting .tit {font-size:20px; line-height:30px; padding-bottom:25px; margin-bottom:35px; text-align:center;}
	.greeting .tit:after {width:30px; height:2px; left:50%; transform:translateX(-50%);}
	.greeting .name {margin-top:35px;}
	.greeting .name strong {font-size:16px; line-height:24px;}
/* 연혁 */
	.history_top {height:44vw; margin-bottom:50px;}
	.history_area {padding:0 20px;}
	.history_area .tit {position:relative; left:0; font-size:20px; line-height:30px; margin-bottom:50px; text-align:center;}
	.history_area.fix .tit,
	.history_area.end .tit {position:relative; top:0; left:0;}
	.history_area dl {padding:25px 10px;}
	.history_area dt {position:relative; top:0; left:0; font-size:18px; line-height:22px; margin-bottom:20px;}
	.history_area li {padding:0 0 0 42px; line-height:28px;}
	.history_area li span {top:0;}
/* 찾아오시는 길 */
	.map_area {height:300px;}
	.map_text {margin-top:10px;}
	.map_text dl {padding:10px 0 10px 80px; line-height:24px;}
	.map_text dt {top:10px; font-size:14px; padding-left:24px; background-size:18px 18px;}
	.map_text dd span {font-size:12px; line-height:24px; height:24px; width:50px; margin-right:5px;}
	.map_text dd p {margin-bottom:10px;}
/* 교보금융그룹 */
	.kyobo_group01 img {margin-top:50px;}
	.kyobo_group02 {padding:50px 0; margin-top:80px;}
	.kyobo_group02 .btit {margin-bottom:12px;}
	.kyobo_group02 ul {margin-top:30px;}
	.kyobo_group02 li {width:50%;}
	.kyobo_group02 li a {height:21vw; padding:0 10px;}
	.kyobo_group02 li a img {max-height:30px;}
/* 운용펀드 */
	.tabs {flex-wrap:wrap; gap:0 8px; justify-content:flex-start; margin-bottom:50px;}
	.tabs a {font-size:13px; line-height:42px; height:42px; width:calc(50% - 4px); border-radius:0; background:#fff;border:unset; border-bottom:#E6E6E6 1px solid;}
	.tabs a.on {color:#2196F3; background:#fff; border-bottom-color:#2196F3;}
/* 게시판 상단 */
	.board_top {margin-bottom:20px;}
	.board_top .search_area {gap:10px;}
	.board_top .search_area .text,
	.board_top .search_area .btn {height:30px; font-size:12px;}
	.board_top .search_area .text {padding:0 15px;}
	.board_top .search_area select.text {width:70px; background-position:right 15px center; background-size:6px;}
	.board_top .search_area input.text {width:calc(100% - 150px);}
	.board_top .search_area .btn {width:60px;}
	.board_top .total {font-size:12px;}
/* 갤러리 목록 */
	.gall_list {gap:16px 16px;}
	.gall_list li {width:calc(50% - 8px);}
	.gall_list .imgfit {height:25vw; margin-bottom:10px;}
	.gall_list .imgfit img {border-radius:5px;}
	.gall_list .cate {font-size:11px; line-height:24px; height:24px; padding:0 10px;  border-radius:0 5px;}
	.gall_list .tit {font-size:15px; line-height:22px;}
/* 더보기 */
	.btn_board_more {font-size:14px; line-height:40px; height:40px; width:135px; margin-top:35px; gap:10px;}
	.btn_board_more:after {width:8px;}
/* 게시판 목록 */
	.board_list dl.dt {display:none;}
	.board_list dl.dd {display:flex; flex-wrap:wrap; padding:15px 10px; border-bottom:#ddd 1px solid;}
	.board_list dl.dd dd {border-bottom:0; line-height:22px; width:100% !important; text-align:left;}
	.board_list dl.dd dd.tal {font-weight:600;}
	.board_list .tal a {color:#222; font-weight:700; margin-bottom:5px;}
	.board_list dl.dd dd:before {display:inline-block; vertical-align:top;width:60px;}
	.board_list dl > *:nth-child(1) {display:none;}
	.board_list dl > *:nth-child(3):before {content:"설정일";}
	.board_list dl > *:nth-child(4):before {content:"설정금액";}
	.board_list dl > *:nth-child(5):before {content:"설정기간";}
	.board_list colgroup,
	.board_list thead,
	.board_list td {display:none;}
	.board_list table,
	.board_list tbody,
	.board_list td.tal,
	.board_list td.date,
	.board_list td.mostate {display:block; border:0; max-width:100%; width:100%; text-align:left; line-height:20px;}
	.board_list td.mostate {width:65px;}
	.board_list td.mostate + .tal {width:calc(100% - 65px);}
	.board_list tr {display:flex; flex-wrap:wrap; padding:12px 10px; border-bottom:#ddd 1px solid;}
	.board_list td {line-height:22px;}
	.board_list .state {font-size:12px; line-height:20px; height:20px; width:55px; margin-right:10px;}
	.g04 .board_list .tal {width:calc(100% - 65px);}
	.g04 .board_list .date {color:#222;}
	.g04 .board_list .date:before {content:"접수기간"; display:inline-block; vertical-align:top; width:55px; margin-right:10px; text-align:center;}
/* 게시판 하단 */
	.board_bottom .paging {margin-top:30px;}
	.board_bottom .paging a {width:30px; height:30px; line-height:30px; font-size:14px;}
/* 게시판 상세 */
	.board_view img {border-radius:5px;}
	.board_view .dl_tbl {margin-top:20px;}
	.btn_list {font-size:14px; line-height:40px; height:40px; width:135px; margin-top:35px;}
	.dl_tbl dl {width:100%;}
	.dl_tbl dt,
	.dl_tbl dd {min-height:50px;}
	.dl_tbl dt {font-size:14px; width:125px;}
	.dl_tbl dd {font-size:13px; width:calc(100% - 125px);}
	.dl_tbl .intbl {flex-direction:column;}
	.dl_tbl .intbl dt,
	.dl_tbl .intbl dd {width:100%;}
	.dl_tbl .intbl dl dt {width:125px;}
	.dl_tbl .intbl dl dd {width:calc(100% - 125px); padding:0;}
	.board_view .view_top {display:flex; flex-direction:column; align-items:center;}
	.board_view .view_top strong {font-size:17px; line-height:25px;}
	.board_view .view_top .date {gap:25px;}
	.board_view .view_con {padding:36px 0 30px;}
	.board_view .view_file,
	.board_view .prevnext li {padding:15px 10px 15px 100px;}
	.board_view .view_file dt,
	.board_view .prevnext span {top:15px; padding-left:32px;}
	.board_view .view_file dt:before,
	.board_view .prevnext span:before {left:10px; width:12px;}
	.board_view .view_top .state {font-size:10px; line-height:20px; height:20px; padding:0 5px; width:auto; margin:0 0 10px;}
	.board_view .view_info dl {line-height:25px; padding:10px 0;}
	.board_view .view_info dt {width:80px; padding-left:10px;}
	.board_view .view_info dd {width:calc(100% - 80px);}
/* 주요운용인력 */
	.operating_personnel {gap:30px 12px;}
	.operating_personnel li {width:calc(50% - 6px);}
	.operating_personnel .imgfit {height:65vw;}
	.operating_personnel span {font-size:11px; line-height:14px; margin:13px 0 8px;}
	.operating_personnel strong {font-size:17px; line-height:20px; margin-bottom:10px;}
	.operating_personnel i {font-size:10px; line-height:12px; gap:10px;}
	.operating_personnel i:after {width:4px; height:12px;}

	.fancybox-close {top:15px; right:15px; width:13px; height:13px;}
	.operating_personnel_view {flex-direction:column; min-width:260px;}
	.operating_personnel_view .imgfit {width:100%; min-height:190px; background:#F4F5F7; height:280px;}
	.operating_personnel_view .imgfit img {object-fit:cover; object-position:top;}
	.operating_personnel_view .txt {width:100%; padding:30px 25px;}
	.operating_personnel_view span {font-size:11px; line-height:14px;}
	.operating_personnel_view strong {font-size:17px; line-height:22px; margin:7px 0 20px;}
	.operating_personnel_view li {font-size:12px; line-height:25px; padding-left:9px;}
	.operating_personnel_view li:before {top:11px;}
	.fancybox-inner::-webkit-scrollbar {width:5px;}
/* 리스크 관리체계 */
	.jq_tab {flex-wrap:wrap; gap:0 8px; justify-content:flex-start; margin-bottom:50px;}
	.jq_tab li {width:calc(50% - 4px); border-bottom:#E6E6E6 1px solid;}
	.jq_tab button {font-size:13px; line-height:42px; height:42px; border-radius:0; background:#fff; border:unset;}
	.jq_tab .on {border-bottom-color:#2196F3;}
	.jq_tab .on button {color:#2196F3; background:#fff;}

	.risk_care {flex-direction:column;}
	.risk_care li {position:relative; width:100%; padding-left:100px;}
	.risk_care li img {position:absolute; top:0; left:0; width:80px;}
	.risk_care .txt {margin-top:0;}
	.risk_care strong {font-size:17px; line-height:20px; margin-bottom:10px;}
	.risk_care p {line-height:20px; padding-left:10px; margin-bottom:2px;}
	.risk_care p:before {top:8px;}
	.risk_process .inner {padding-left:20px;}
	.risk_process .tit {position:relative; left:0; font-size:18px; line-height:26px; margin-bottom:30px;}
	.risk_box li {margin-bottom:15px; padding:20px 20px 20px 80px;}
	.risk_box li:before {width:80px; background-size:auto 40px;}
	.risk_box li strong {font-size:17px; line-height:24px;}
	.risk_box li p {font-size:12px; line-height:20px;}
	.risk_total {padding-bottom:50px;}
	.gbox {padding:50px 0;}
/*고객라운지*/
	.inquiry_wrap h4 {font-size:17px; padding-bottom:15px;}
	.inquiry_wrap .form {margin-top:20px;}
	.inquiry_wrap .label {font-size:13px; line-height:16px; margin-bottom:5px;}
	.inquiry_wrap .form input {height:40px; line-height:40px; font-size:13px; padding:0 15px;}
	.inquiry_wrap .form textarea {font-size:13px; padding:15px; height: 140px;}
	.inquiry_wrap .form .captcha {gap:6px;}
	.inquiry_wrap .form .captcha .img {flex-basis:100px; height:40px;}
	.inquiry_wrap .form .captcha button {height:40px; width:40px; border-radius:10px;}
	.agree_wrap {margin-top:65px;}
	.agree_wrap .privacy {margin-bottom:15px; padding:15px;}
	.agree_wrap .privacy pre {font-size:13px;}
	.checkboxWrap {gap:15px;}
	.checkboxWrap .checkbox input + label {padding-left:20px; font-size:12px;}
	.checkboxWrap .checkbox input + label::before {width:13px; height:13px; top:1px;}
	.checkboxWrap .checkbox input:checked + label::after {width:13px; height:13px; top:1px;}
	.btnWrap {margin-top:30px; gap:12px;}
	.btnWrap > * {width: 100px;  height:35px;  line-height: 35px;  text-align: center;  font-size: 13px;}
/* 인재상 */
	.qualifications {gap:40px;}
	.qualifications li {width:100%;}
	.qualifications strong {font-size:18px; margin:15px 0 10px;}
	.preferences {padding:15px; margin-top:20px;}
	.promotion_system li {width:calc((100vw - 120px)/3); height:calc((100vw - 120px)/3); gap:10px;}
	.promotion_system li:nth-child(5) {margin-left:0;}
	/*.promotion_system li:nth-child(3n-2):before {display:none;}*/
	.promotion_system .level {font-size:13px;}
	.promotion_system .year {font-size:14px;}
/* 복리후생 */
	.benefits {gap:25px 10px;}
	.benefits li {width:calc(50% - 5px); padding:20px 20px 100px;}
	.benefits .num {font-size:14px;}
	.benefits strong {font-size:16px; line-height:24px; margin:10px 0 20px;}
	.benefits p {font-size:12px; line-height:18px;}
	.benefits li:after {bottom:20px; height:45px; background-size:contain; background-position:right 20px center;}

	.yak_area {padding:25px 30px; font-size:13px; line-height:22px;}
}

@media screen and (min-width: 1440px){
	.bctxt.bg{width: 80%; max-width: 900px; line-height: 50px;}
	
	.container.g01.s04 .kyobo_group02{margin: 200px 0;}
	.container.g01.s04 .kyobo_group02 .title {margin-bottom: 60px;}
	.container.g01.s04 .kyobo_group02 .bctxt{line-height: 50px;}
	
	.container.g01.s04 .overview .title {margin-bottom: 60px;}
}
@media screen and (min-width: 1024px) and (max-width: 1440px){
	.bctxt.bg{width: 80%; max-width: 800px; line-height: 50px;}
	.container.g01.s04 .kyobo_group02{margin: 200px 0;}
}
@media screen and (max-width: 1023px) and (min-width: 768px){
	.bctxt.bg{width: 98%; max-width: 700px; line-height: 40px;}
	.container.g01.s04 .kyobo_group02{margin: 100px 0;}
}
@media screen and (min-width:768px){
	.overview03 ul.icon li strong{margin-bottom: 25px;}
	
	.privacyContainer>ol>li::before,
	.privacyContainer>ol>li>h3{font-size: 24px; margin-bottom: 30px; }
	.privacyContainer>ol>li:first-of-type>ul>li:not(:last-of-type){margin-bottom: 30px;}
	.privacyContainer>ol>li>ul>li>ol>li:before{margin-top: 7px;}
	.privacyContainer>ol>li>ol>li:before{top:13px;}
	
	ul.talentContainer li{padding: 0 20px 0 180px; background-position: 60px center; height: 170px;}
	ul.talentContainer li b{font-size: 22px;}
	
	.overview03 ul.icon li strong{border: none; display: block; line-height: 80px; padding: 60px 0 0;}
}
@media screen and (max-width:767px){
	.bctxt.bg{width: 98%; max-width: 620px; line-height: 30px;}
	.container.g01.s04 .kyobo_group02{margin: 100px 0;}
	.container.g01.s04 .kyobo_group02 .title {margin-bottom: 30px;}
	.container.g01.s04 .kyobo_group02 .bctxt{line-height: 30px;} 
	
	.container.g01.s04 .overview .title {margin-bottom: 30px;}
	.overview03 ul.icon li strong{margin-bottom: 10px;}
	
	.privacyContainer>ol>li::before,
	.privacyContainer>ol>li>h3{font-size: 18px; margin-bottom: 20px;}
	.privacyContainer>ol>li:first-of-type>ul>li:not(:last-of-type){margin-bottom: 20px;}
	.privacyContainer>ol>li>ul>li>ol>li:before{margin-top: 4px;}
	.privacyContainer>ol>li>ol>li:before{top:10px;}
	
	ul.talentContainer li{padding: 30px 10px 30px 120px; background-position: 30px center;}
	ul.talentContainer li b{font-size: 18px;}
	ul.talentContainer li mark{display: block; margin-top: 10px;}
	ul.talentContainer li p{line-height: 20px;}
	
	.overview03 ul.icon li strong{border: none; display: block; line-height: 40px; padding: 60px 0 0;}
}