@charset "utf-8"; /*-------------------------------------------------------------------------------------------------------------
 File : base.css
 CSS 적용순서 : 아이디 > 태그와 클래스 > 클래스 > 태그
 CSS 선택자 선언순서 : Type Selector, Layout Selector, Class Selector, Etc
 CSS 속성 선언순서 : display, position, float/clear, overflow, width/height, margin/padding, border, background, font/color, align, etc
 -------------------------------------------------------------------------------------------------------------*/
 *, *:before, *:after,figure,figcaption { box-sizing:border-box; margin:0; padding:0; border:0; word-break:keep-all; word-wrap: break-word; } 
 html,
 body { -ms-font-smoothing:antialiased; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; -webkit-overflow-scrolling:touch; } 
 html { font-size:62.5%; } 
 body { font-size:1.8rem; line-height:1.5em; font-family:"SUIT-Regular", "맑은 고딕", "돋움", "Malgun Gothic", "Dotum", "Arial"; font-weight:400; color:#333; } 
 body:lang(en) { font-family:"Roboto"; font-weight:200; } 

 address, article, aside, canvas, details, figure, figcaption, footer, header, menu, nav, section { display:block; } 
 h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; } 
 img { vertical-align:top; } 
 ol, ul, li, dl, dt, dd { list-style:none; } 
 table { width:100%; border-spacing:0px; border-collapse:collapse; } 

 td span { font-weight:normal; line-height:1.2rem; } 

 fieldset, iframe { width:100%; } 
 em, address { font-style:normal; } 
 button { font-family:"SUIT-Regular", "맑은 고딕", "돋움", "Malgun Gothic", "Dotum", "Arial"; vertical-align:middle; cursor:pointer; background-color: transparent; } 
 select, input, label { font-family:"SUIT-Regular", "맑은 고딕", "돋움", "Malgun Gothic", "Dotum", "Arial"; vertical-align:middle; } 
 hr { display:none; } 
 legend { position:absolute; left:-9999em; top:-9999em; } 
 .categoryitems p.caption,
 caption,
 .caption { font-size:1.4rem; color:#666; caption-side: bottom; text-align:left; word-break:keep-all; word-wrap: break-word; } 
 caption { line-height:1.3em; margin-top:1rem; } 
 caption em { display:none; } 
 caption::before,
 .caption::before { content:"※"; } 
 .caption { line-height:1.3em; } 
 p.caption + p.caption { margin-top:1rem; } 
 caption em,
 .caption em { color:#133f75; } 
 a { text-decoration:none; font-size:1.8rem; } 
 
 a:focus-visible { outline:1px solid #000; } 
 button:focus-visible { outline:1 px solid #000; } 
 input:focus-visible { outline:1 px dotted #000; } 

 .row { position: relative; width:100%; display:block; overflow:hidden; } 
.scrollDisable { /*height:100vh; */ min-height:100%; overflow:hidden !important; touch-action:none; } 

 ::-webkit-input-placeholder { color:#585858; } 
 ::-moz-placeholder { color:#585858; } 
 :-ms-input-placeholder { color:#585858; } 
 :-moz-placeholder { color:#585858; } 

 .dis-b { display:block !important; } 
 .dis-i { display:inline !important; } 
 .dis-ib { display:inline-block !important; } 
 .dis-none { display:none !important; } 

 .align-l { text-align:left !important; } 
 .align-c { text-align:center !important; } 
 .align-r { text-align:right !important; } 
 .align-cl { align-items: center; } 

 .scroll-h { overflow:hidden !important; } 
 .scroll-y { overflow-y:hidden !important; } 
 .scroll-x { overflow-x:hidden !important; } 
 
 #skip-menu { z-index:200; } 
 #skip-menu a { display:block; overflow:hidden; height:1px; width:1px; margin:0 -1px -1px 0; font-size:0; line-height:0; text-align: center; } 
 #skip-menu a:focus { width:auto; height:32px; text-align: center; margin:0; padding:15px 0 0 15px; background:#20262c; font-size:1.25em; font-weight:700; line-height:1; color:#fff; text-decoration:none; outline:none } 

 .mar-t0 { margin-top:0rem !important; } 
 .mar-t5 { margin-top:0.5rem !important; } 
 .mar-t10 { margin-top:1rem !important; } 
 .mar-t20 { margin-top:2rem !important; } 
 .mar-t30 { margin-top:3rem !important; } 
 .mar-t40 { margin-top:3.3rem !important; } 
 .mar-t50 { margin-top:4.3rem !important; } 
 .mar-t60 { margin-top:5.3rem !important; } 
 .mar-t70 { margin-top:7rem !important; } 
 .mar-t80 { margin-top:8rem !important; } 
 .mar-t90 { margin-top:9rem !important; } 
 .mar-t100 { margin-top:10rem !important; } 

 .mar-r5 { margin-right:0.5rem !important; } 
 .mar-r10 { margin-right:1rem !important; } 
 .mar-r20 { margin-right:2rem !important; } 
 .mar-r30 { margin-right:3rem !important; } 
 .mar-r40 { margin-right:4rem !important; } 
 .mar-r50 { margin-right:5rem !important; } 
 .mar-r60 { margin-right:6rem !important; } 
 .mar-r70 { margin-right:7rem !important; } 
 .mar-r80 { margin-right:8rem !important; } 
 .mar-r90 { margin-right:9rem !important; } 
 .mar-r100 { margin-right:10rem !important; } 

 .mar-b5 { margin-bottom:0rem !important; } 
 .mar-b10 { margin-bottom:0.3rem !important; } 
 .mar-b20 { margin-bottom:1.3rem !important; } 
 .mar-b30 { margin-bottom:2.3rem !important; } 
 .mar-b40 { margin-bottom:3.3rem !important; } 
 .mar-b50 { margin-bottom:4.3rem !important; } 
 .mar-b60 { margin-bottom:5.3rem !important; } 
 .mar-b70 { margin-bottom:6.3rem !important; } 
 .mar-b80 { margin-bottom:7.3rem !important; } 
 .mar-b90 { margin-bottom:8.3rem !important; } 
 .mar-b100 { margin-bottom:9.3rem !important; } 
 .mar-b150 { margin-bottom:14.3rem !important; } 

 .mar-l5 { margin-left:0.55rem !important; } 
 .mar-l10 { margin-left:1rem !important; } 
 .mar-l20 { margin-left:2rem !important; } 
 .mar-l30 { margin-left:3rem !important; } 
 .mar-l40 { margin-left:4rem !important; } 
 .mar-l50 { margin-left:5rem !important; } 
 .mar-l60 { margin-left:6rem !important; } 
 .mar-l70 { margin-left:7rem !important; } 
 .mar-l80 { margin-left:8rem !important; } 
 .mar-l90 { margin-left:9rem !important; } 
 .mar-l100 { margin-left:10rem !important; } 
 .mar-l20p { margin-left:20% !important; } 

 .pd-t5 { padding-top:0.5rem !important; } 
 .pd-t10 { padding-top:1rem !important; } 
 .pd-t20 { padding-top:2rem !important; } 
 .pd-t30 { padding-top:3rem !important; } 
 .pd-t40 { padding-top:3.3rem !important; } 
 .pd-t50 { padding-top:4.3rem !important; } 
 .pd-t60 { padding-top:5.3rem !important; } 
 .pd-t70 { padding-top:7rem !important; } 
 .pd-t80 { padding-top:8rem !important; } 
 .pd-t90 { padding-top:9rem !important; } 
 .pd-t100 { padding-top:10rem !important; } 

 .pd-r5 { padding-right:0.5rem !important; } 
 .pd-r10 { padding-right:1rem !important; } 
 .pd-r20 { padding-right:2rem !important; } 
 .pd-r30 { padding-right:3rem !important; } 
 .pd-r40 { padding-right:4rem !important; } 
 .pd-r50 { padding-right:5rem !important; } 
 .pd-r60 { padding-right:6rem !important; } 
 .pd-r70 { padding-right:7rem !important; } 
 .pd-r80 { padding-right:8rem !important; } 
 .pd-r90 { padding-right:9rem !important; } 
 .pd-r100 { padding-right:10rem !important; } 

 .pd-b5 { padding-bottom:0.5rem !important; } 
 .pd-b10 { padding-bottom:1rem !important; } 
 .pd-b20 { padding-bottom:2rem !important; } 
 .pd-b30 { padding-bottom:3rem !important; } 
 .pd-b40 { padding-bottom:4rem !important; } 
 .pd-b50 { padding-bottom:5rem !important; } 
 .pd-b60 { padding-bottom:6rem !important; } 
 .pd-b70 { padding-bottom:7rem !important; } 
 .pd-b80 { padding-bottom:8rem !important; } 
 .pd-b90 { padding-bottom:9rem !important; } 
 .pd-b100 { padding-bottom:10rem !important; } 

 .pd-l5 { padding-left:0.5rem !important; } 
 .pd-l10 { padding-left:1rem !important; } 
 .pd-l20 { padding-left:2rem !important; } 
 .pd-l30 { padding-left:3rem !important; } 
 .pd-l40 { padding-left:4rem !important; } 
 .pd-l50 { padding-left:5rem !important; } 
 .pd-l60 { padding-left:6rem !important; } 
 .pd-l70 { padding-left:7rem !important; } 
 .pd-l80 { padding-left:8rem !important; } 
 .pd-l90 { padding-left:9rem !important; } 
 .pd-l100 { padding-left:10rem !important; } 
 
 i { display:flex; } 
 h1 { font-size:2.2rem; color:#333; } 
 h1.contents-title { font-size:4rem; font-weight:700; color:#333; letter-spacing: -0.25rem; } 
 h1.contents-title:lang(en) { font-size:4rem; font-weight:700; color:#333; letter-spacing:0rem; } 
 h2 { font-size:1.8rem; color:#333; } 
 h2.contents-title { font-size:2.4rem; color:#333; } 
 h2.contents-title-34 { font-size:3.4rem; color:#000; line-height: 3.4rem; font-weight:300; letter-spacing: -0.15rem; } 
 h2.contents-title-34:lang(en) { font-size:2.8rem; line-height: 3.4rem; font-weight:200; letter-spacing: 0rem; } 
 h2.contents-title-40 { font-size:4rem; font-weight:700; color:#333; } 
 h3.content-title-24.font-size2:lang(en),
 h3.content-title-24.font-size2 strong:lang(en) { font-size:2rem; } 
 p.text { font-size:1.8rem; color:#333; line-height:3.2rem; } 
 p.text-small { font-size:1.6rem; line-height:2.4rem; } 
 h3 { font-size:1.6rem; color:#333; font-weight:700; line-height:2.4rem; } 
 h3.content-title-24 { font-size:2.4rem; color:#333; line-height: 3.4rem; font-weight:400; letter-spacing: -0.15rem; } 
 h3.content-title-24:lang(en) { font-size:2.4rem; color:#333; line-height: 3.4rem; font-weight:400; letter-spacing: 0rem; } 
 h3.content-title-24 strong { color:#133f75; font-size:2.4rem; font-weight:400; } 
 h4.contents-title-18 { font-size:1.8rem; font-weight:700; } 
 h4.contents-title-18:lang(en) { font-size:1.8rem; font-weight:400; } 

 h4.contents-title-16 { font-size:1.6rem; font-weight:700; } 
 .row-warp.hiddne { display:none; } 
 .hiddne { overflow: hidden; border: 0; position: absolute; width: 0.1rem; height: 0.1rem; clip: rect(1px 1px 1px 1px); clip-path: inset(50%); } 
 .hidden_project_more_btn { display:none; } 
 .bprder-b { border-bottom:1px solid #ccc; } 
 .bprder-none { border:0 !important; } 
 .border-t { border-top:1px solid #ccc; } 
 .text-gray { color:#666 !important; display:inline-block !important; } 
 .font-size16 { font-size:1.6rem !important; line-height:2.4rem !important; } 
 .font-size14 { font-size:1.4rem !important; line-height:2rem !important; } 
 .clear { clear:both; } 

 .float-l { float:left !important; } 
 .float-r { float:right !important; } 
 .float-n { float:none !important; } 

 .bg-gray { background-color:#f1f1f1; } 
 .w100 { width:10rem; } 
 .w100p { width:100%; } 
 .w1200 { width:120rem; margin:0 auto; } 
 .w300 { width:30rem; margin:0 auto; } 
 .w110 { max-width:110rem; } 
 .m-auto { margin:0 auto; } 
 .w150 { max-width:150rem; } 
 .font-12 { font-size:1.2rem; } 
 .green { color:#133f75 !important; } 
 .pc_none { display:none } 
 .tpc_none { display:none; } 
 .mpc_none { display:none; } 
 .dott-ion { display:flex; } 
 .dott-ion span { line-height: 3.2rem; } 
 .dott-ion::before { content:"ㆍ"; font-size:1.8rem; } 
 .project_menu_pc_none { display:none !important; } 

 .flex-none { display:block !important; } 


/*매인스크롤*/
.scroll { display: block; position: absolute; left: 50%; bottom: 55px; /*background: url("../../assets/img/wheel-box.png") no-repeat 0 0; */ z-index: 2; } 
.scroll .arrow { background: url("../../assets/img/arroow.png") no-repeat 0 0; display: block; position: absolute; left: 50%; margin-left: -5px; height: 6px; width: 10px; }  
.arrow.top { opacity: 0.5; top: 18px; animation: arrowTop 1.2s infinite; -webkit-animation: arrowTop 1.2s infinite; } 
.arrow.bt { animation: arrowBt 1.5s infinite; -webkit-animation: arrowBt 1.5s infinite; top: 25px; } 

.main-banner-navi { position:absolute; width:100%; bottom:20px; text-align:center; z-index:1; } 
.main-banner-navi .swiper-pagination-bullet { background:#ffffff; width:10px; height:10px; margin:2px; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.3); } 
.main-banner-navi .swiper-pagination-bullet-active { background:var(--swiper-pagination-color, var(--swiper-theme-color)); } 

@keyframes arrowTop { 
 0% { opacity: 1; } 
 20% { opacity: 0.5; } 
 40% { opacity: 0.25; } 
 60% { opacity: 0; } 
 80% { opacity: 0.25; } 
 100% { opacity: 0.5; } 
 }

 

@keyframes arrowBt { 
 0% { opacity: 0.25; } 
 20% { opacity: 0; } 
 40% { opacity: 0.25; } 
 60% { opacity: 0.5; } 
 80% { opacity: 1; } 
 100% { opacity: 0.5; } 
 }

 

@-webkit-keyframes arrowTop { 
 0% { opacity: 1; } 
 20% { opacity: 0.5; } 
 40% { opacity: 0.25; } 
 60% { opacity: 0; } 
 80% { opacity: 0.25; } 
 100% { opacity: 0.5; } 
 }

 

@-webkit-keyframes arrowBt { 
 0% { opacity: 0.25; } 
 20% { opacity: 0; } 
 40% { opacity: 0.25; } 
 60% { opacity: 0.5; } 
 80% { opacity: 1; } 
 100% { opacity: 0.5; } 
 }

 /*인트로*/
 .intro { background-size: cover; width:100%; height:100vh; padding-top:4rem; padding-bottom:12rem; display: flex; flex-direction: column; justify-content: space-between; background-position: center; } 
 .intro-inner { width:110rem; margin:0 auto; } 
 .intro .logo { width:110rem; margin:0 auto; } 
 .intro .logo i { width:15.5rem; height:3rem; margin-left:30px; background-position: center; background-size:auto; background-repeat: no-repeat; background-image: url(../../assets/img/main-logo.svg); } 
 .intro .intro-copy { display:flex; flex-direction: column; justify-content: space-between; height:100%; margin-top:100px; } 
 .intro .intro-copy i { background-size: contain; background-position: center; background-repeat: no-repeat; width:100%; height:50rem; } 
 .intro .intro-button-group { display:flex; width:100%; position:absolute; bottom:10rem; } 
 .intro .intro-button-group .left { background-color:rgba(71,71,71,0.5); width:50%; padding-top:3rem; padding-bottom:3rem; padding-right:15rem; text-align: right; display: flex; justify-content: flex-end } 
 .intro .intro-button-group .left > div { text-align:left; width:25rem; } 
 .intro .intro-button-group .right { background-color:rgba(0,164,82,0.5); width:50%; padding-top:3rem; padding-bottom:3rem; padding-left:15rem; text-align: left; } 
 .intro .intro-button-group span { display:block; font-weight: 700; font-size:1.4rem; color:#fff; } 
 .intro .intro-button-group a { font-family: Roboto; font-size:4rem; color:#fff; font-weight: 700; display:block; } 

 .intro.intro-pc { display:flex !important; } 
 .intro.intro-mobile { display:none !important; } 



 /** VARIABLES
 ===================================*/
 /** RESET AND LAYOUT
 ===================================*/
 .banner1 .banner_pc { display:block; } 
 .banner1 .banner_moblie { display:none } 
 .close-warp { width:110rem; margin:0 auto; position: absolute; left:50%; top:0; transform: translate(-50%,-0%); } 
 .banner_close { position:absolute; right:1rem; top:1rem; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; } 
 .close-warp > p
 {
 position:absolute; right:1rem; top:6.7rem; display: flex; align-items: center; } 
 .close-warp > p span { font-size:1.5rem; } 
 .banner_close i.close { background-image: url(../../assets/img/close.png); width:2.2rem; height:2.2rem; display:block; background-repeat: no-repeat; background-size: contain; } 
 .bx-controls { z-index:5; } 
 .banner1 { z-index:1; } 
 .close-warp { z-index:10; } 
 
 .banner_close_check_text { margin-left:5px; font-size: 1.5rem; } 

 .bx-wrapper { position: relative; padding: 0; zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y; } 
 .bx-controls { position:absolute; width:100%; display:flex; justify-content: center; align-items: center; height:2rem; bottom:1rem; } 
 .bx-wrapper img { width: 100%; display: block; position:relative; left:0%; margin-left:0px; } 
 .bx-wrapper .banner_moblie { width: initial; } 
 .bxslider { margin: 0; padding: 0; } 
 ul.bxslider { list-style: none; } 
 .bx-viewport { /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); transform: translateZ(0); z-index:3; } 
 /** THEME
 ===================================*/
 .top-banner { width:100%; position: relative; z-index:4; } 
 .banner1 .bx-wrapper .banner-inner p { width:110rem; margin:0 auto; } 
 .bx-wrapper { width:100%; height:10rem; } 
 .bx-wrapper a { display:block; } 

 

 /*위치*/
 .flex-box { display:flex; } 
 .flex-box-none { display:block !important; } 
 .right-align { justify-content: flex-end; } 
 .justify-center { justify-content: center; } 
 .space-between { justify-content: space-between; } 
 .row-warp { width:110rem; margin:0 auto; position:relative; } 
 .row-wide-warp { width:100%; border-bottom:1px solid #ccc; } 

 /*버튼 디자인*/
 .a-btn:hover i::before { background-size:contain; } 
 .a-btn { display:flex !important; text-align:center; justify-content: center; height:4rem; line-height:1.2em; align-items: center; color:#333; border:1px solid #ccc; font-size:1.4rem; background-color:#fff; padding-top:1.5rem; padding-bottom:1.5rem; padding-left:3rem; padding-right:3rem; min-width:15rem; } 
 .a-btn:lang(en) { display:flex; text-align:left; justify-content: center; height:4rem; line-height:1.2em; align-items: center; color:#333; border:1px solid #ccc; font-size:1.4rem; background-color:#fff; padding-top:1.5rem; padding-bottom:1.5rem; padding-left:3rem; padding-right:3rem; min-width:15rem; } 
 .a-btn i { display:block; width:2.5rem; height:2rem; margin-right:0.5rem; } 
 .a-btn:hover { background-color:#133f75; color:#fff; border:1px solid #133f75; } 
 .a-btn:hover:lang(en) { color:#fff; } 
 .a-btn.on { background-color:#133f75; color:#fff; border:1px solid #133f75; } 
 .copy-size a { min-width:16.5rem; } 
 .a-btn90 { width:90% !important; } 
 
 
 

 /*버튼 아이콘*/
.a-btn i::before { background-size:auto; } 
.a-btn:hover .download-icon:before,
button.download-icon:hover { content:""; margin-right:1.5rem; background:url("../../assets/img/download-icon-on.svg") no-repeat; width:1.8rem; height:2rem; display:inline-block; } 
.download-icon:before { content:""; margin-right:1.5rem; background:url("../../assets/img/download-icon.svg") no-repeat; width:1.8rem; height:2rem; display:inline-block; background-position: center; } 
.download-icon-irpublic:before { margin-right:0 !important; } 

.a-btn:hover .submit-icon:before { content:""; margin-right:1.5rem; background:url("../../assets/img/submit-icon-on.svg") no-repeat; width:2.5rem; height:2rem; display:inline-block; } 

.a-btn:hover .modi-icon:before { content:""; margin-right:1.5rem; background:url("../../assets/img/modi-icon-on.svg") no-repeat; width:2.5rem; height:2rem; display:inline-block; } 
.a-btn:hover .mody-icon:before { content:""; margin-right:1.5rem; background:url("../../assets/img/mody-icon-on.svg") no-repeat; width:2.5rem; height:2rem; display:inline-block; background-position: center; } 
.mody-icon:before { content:""; margin-right:1.5rem; background:url("../../assets/img/mody-icon.svg") no-repeat; width:1.8rem; height:2rem; display:inline-block; background-position: center; } 

/*두개 버튼*/
.btn-tow{width:100%; display:flex;}
.btn-tow a{ display:flex; height:5rem; text-align:center;border:1px solid #ccc; justify-content: center; align-items: center;padding-top:1.1rem; padding-bottom:1.1rem;   min-width:15rem;color:#333;}
.btn-tow a:hover{background-color:#133f75; color:#fff;border:1px solid #133f75;}
.btn-tow a + a{border-left:none;}
.btn-tow a:hover .download-icon:before{content:"";margin-right:1.5rem; background:url("../../assets/img/download-icon-on.svg") no-repeat; width:2.5rem; height:2rem; display:inline-block;}
.btn-tow a + a{border-left:none;}


 /*인풋 폼*/
 #searchLang { height:5rem; border-right:0; } 
 .select-box 
 {
height:4.7rem; border-radius: 0; min-width:15rem; padding-left:1rem; font-family: inherit; /*-webkit-appearance: none; -moz-appearance: none; appearance: none; */
border-bottom: 0; color: #333; background-color: #ffffff; border: 1px solid #ccc; font-size: 1.6rem; background-image: url(../../assets/img/down-b.png); background-repeat: no-repeat; background-position: 95% 50%; -webkit-appearance:none; -moz-appearance:none; appearance:none; } 
 
 
 .check input { margin-right:1rem; } 
 .check input[type="checkbox"] { display: inline-block; width: 20px; height: 20px; border: 2px solid #bcbcbc; cursor: pointer; } 
 .check input[type="checkbox"]:checked { background-color:#133f75 } 
 .check input[type="checkbox"]:checked :root { --swiper-theme-color:#133f75; } 

 /*정렬*/
 .list-sort { height:4.7rem; border:1px solid #ccc; display:flex; } 
 .list-sort button { height:4.5rem; width:4.7rem; display:flex; justify-content: center; align-items: center; padding-left:1rem; padding-right:1rem; background-color:#fff; } 
 .list-sort button:nth-child(2) { border-left:1px solid #ccc } 

 

 

 /*레이아웃*/
 .content-warp { width:100%; position: relative; margin:0 auto; } 
 .content-warp.po-none,
 .content-box.po-none { position: inherit !important; } 


 /*main 헤더*/
 .main .header-warp { background-color:transparent; position: absolute; width:100%; z-index:2; left:50%; top:0; transform: translate(-50%,0%); } 
 .main .header-warp.on { background-color:#fff; } 
 .main .header { height:100vh; width:100%; /*overflow:hidden; z-index:3; */ } 
 .main .header-inner { width:110rem; margin:0 auto; } 
 .main .header-inner .logo a { display:block; } 
 .main .header-inner .logo a i { width:15.5rem; height:4rem; background-position: center; background-size:auto; background-repeat: no-repeat; background-image: url(../../assets/img/main-logo.svg); } 
 .main .header-warp.on .logo a i { background-image: url(../../assets/img/logo.svg); } 

 .main .header .gnb .depth1 > a,
 .main .h-blank-link,
 .main .pc-global a span { color:#fff; } 
 .main .header-warp.on .gnb .depth1 > a,
 .main .header-warp.on .h-blank-link { color:#333; } 
 .main .header-warp.on .pc-global a span { color:#a3a3a3; } 
 .main .header-warp.on .gnb .depth1:hover > a { color:#133f75 } 
 .main .global { background-image: url(../../assets/img/w-global.svg); } 
 #menu > div.main-visual-position > div > ul > li.swiper-slide > a:focus::after { content:""; position: absolute; width:100%; height: 100%; border: 4px dashed #fff; } 
 
 /* 전체메뉴 */
 .full_menu_button { display:block; margin-left:20px; height:20px; } 
 
 .full_menu { display:none; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.93); z-index:10; overflow-y:auto; } 
 .full_menu>ul { position:relative; width:1000px; margin:0 auto; margin-top:80px; } 
 .full_menu a { color:#ffffff; font-weight:200; font-size:1.4rem; line-height:1rem; } 
 .full_menu a:focus { outline-color:#c00 } 
 .full_menu a:hover { text-decoration:underline; } 
 
 .full_menu_depth1 { display:inline-block; vertical-align:top; color:#ffffff; } 
 .full_menu_depth1>a { font-size:2rem; font-weight:500; color:#ffffff; } 
 
 .full_menu_depth2>ul>li { margin-top:30px; line-height:1rem; } 
 .full_menu_depth2>ul>li>a { font-size:1.6rem; color:#b0b0b0; } 


 
 .full_menu_depth3>ul>li { margin-top:10px; } 
 
 .full_menu>ul>li:nth-child(2) { margin-left:170px; } 
 .full_menu>ul>li:nth-child(3) { margin-left:170px; } 
 .full_menu>ul>li:nth-child(4) { margin-left:170px; } 
 
 
 .full_menu_etc { display:block; margin-top:20px; font-size:1.6rem !important; } 

 .full_menu_close { position: absolute; top:30px; left:1400px; } 
 
 
 

 /*헤더 공통*/
body { animation: fadeIn ease 0.5s; -moz-animation: fadeIn 0.5s; /* Firefox */
 -webkit-animation: fadeIn 0.5s; /* Safari and Chrome */
 -o-animation: fadeIn 0.5s; /* Opera
 -ms-overflow-style: none; /* IE and Edge
 scrollbar-width: none; Firefox */ } 


 @keyframes fadeIn { 
 from { opacity: 0; } 

 to { opacity: 1; } 
 }

 @-moz-keyframes fadeIn { /* Firefox */
 from { opacity: 0; } 

 to { opacity: 1; } 
 }

 @-webkit-keyframes fadeIn { /* Safari and Chrome */
 from { opacity: 0; } 

 to { opacity: 1; } 
 }

 @-o-keyframes fadeIn { /* Opera */
 from { opacity: 0; } 

 to { opacity: 1; } 
 }


 .main .header-warp.nav-down.on { position: fixed; height:6rem; background-color:rgba(255, 255, 255, 0.92); box-shadow: 10px 5px 15px 1px rgba(0, 0, 0, 0.3); } 
 
 .header-warp.nav-down { background-color:#fff; -ms-overflow-style: none; } 
 /*.header-warp.nav-down .header-inner { position: fixed; } 
 .main .header-warp.nav-down .header-inner { position: absolute; } */

 .main .header.nav-down { min-height:10rem; height:10rem; } 
 .main .header.nav-down .main-visual-position .main-visual li { display:none; } 
 .main .header.nav-down .gnb .depth1 > a,
 .main .header.nav-down .h-blank-link,
 .main .header.nav-down .pc-global a span { color:#000; } 
 /* .main .header.nav-down .h-etc i.search { background-image: url(../../assets/img/search.svg); } */
 .main .header.nav-down .h-etc i.full_menu_button_icon { background-image: url(../../assets/img/full_menu_icon2.png); } 
 .main .header.nav-down .global { background-image: url(../../assets/img/global.svg); } 
 .main .header.nav-down .header-inner .logo a i { background-image: url(../../assets/img/logo.svg); } 


 /*메인헤더*/

 /* .main .header-warp.on .h-etc i.search { background-image: url(../../assets/img/search.svg); } */
 .main .header-warp.on .h-etc i.full_menu_button_icon { background-image: url(../../assets/img/full_menu_icon2.png); } 
 .main .header-warp.on .global { background-image: url(../../assets/img/global.svg); } 

 .main-visual-position li p.row-warp img { width: auto; } 

 .main-section1 { padding-top:8rem; padding-bottom:6rem; } 
 .main-section1 h1 { color:#054493 !important; font-size:5rem; text-align: center; margin-bottom:3rem; font-family: "SUIT-Bold"; line-height:5rem; } 
 .main-section1 p { font-size:2rem; color:#000; line-height:2.8rem; text-align: center; } 
 .main-section1 p:lang(en) { font-weight: 200; } 
 .main-section1 .count-warp { display:flex; justify-content: space-between; margin-top:10.5rem; margin-bottom: 5rem; } 
 .main-section1 .count-warp dl { overflow:hidden; } 
 .main-section1 .count-warp dl dt { display:flex; overflow:hidden; justify-content: space-between; flex-direction: row-reverse; width:21rem; height:15rem; background-position: center right; background-size:auto; background-repeat: no-repeat; } 
 .main-section1 .count-warp dl dd { margin-top:2.5rem; display:flex; justify-content: flex-end; align-items: flex-end; } 
 .main-section1 .count-warp dl dd strong { font-size:5.5rem; line-height:0.7em; line-height:5.5rem; font-weight: 300; } 
 .main-section1 .count-warp dl dd strong:lang(en) { font-size:5.5rem; line-height:0.7em; line-height:5.5rem; font-weight: 200; } 
 .main-section1 .count-warp dl dd span { font-size:1.5rem; font-weight:700; color:#666; } 
 .main-section1 .count-warp dl dt span { font-size:1.5rem; margin-right:1rem; height:7rem; display:block; font-weight:700; line-height:1.7rem; color:#133f75; } 
 .main-section1 .count-warp dl dt i { display:block; background-size:auto; background-repeat: no-repeat; background-position: center right; } 
 .main-section1 .count-warp dl:nth-child(1) dt i { width:19rem; height:15rem; background-image: url(../../assets/img/main/main1.svg); } 
 .main-section1 .count-warp dl:nth-child(2) dt i { width:17.2rem; height:13rem; background-image: url(../../assets/img/main/main2.svg); } 
 .main-section1 .count-warp dl:nth-child(3) dt i { width:15.3rem; height:13rem; background-image: url(../../assets/img/main/main3.svg); } 
 .main-section1 .count-warp dl:nth-child(4) dt i { width:19rem; height:13rem; background-image: url(../../assets/img/main/main4.svg); } 
 
 .main_count_icon_area { position:relative; width:100%; height:100px; text-align:center; } 
 .main_count_icon { position:absolute; left:50%; margin-left:-65px; } 


 .main-section2 { padding-top:8rem; padding-bottom:8rem; background-color:#f3f3f3; } 
 .main-section2 h1,
 .main-section2 ul { width:110rem; margin:0 auto; } 
 .main-section2 h1 { font-size:3.4rem; font-weight:700; margin-bottom:4rem; line-height:3.4rem; } 
 .main h1 { color:#000; } 
 .main-section2 .main-news { display:flex; justify-content: space-between; } 
 .main-section2 .main-news li { width:50%; border-right:1px solid #ccc; margin-left:2rem; padding-right:2rem; } 
 .main-section2 .main-news li a { display:block; } 
 .main-section2 .main-news li:first-child { padding-left:0; margin-left:0; } 
 .main-section2 .main-news li:last-child { border-right:0; border-bottom:none; } 
 .main-section2 .main-news dl dt { margin-bottom:2rem; line-height:3.4rem; } 
 .main-section2 .main-news dl dt .meta { margin-bottom:1rem; display:flex; } 
 .main-section2 .main-news dl dt .meta span::after { content:""; width:1px; height:1rem; display:inline-block; background-color:#ccc; margin-left:0.5rem; margin-right:0.5rem; } 
 .main-section2 .main-news dl dt .meta span { color:#133f75; font-size:1.2rem; } 
 .main-section2 .main-news dl dt .meta span:last-child:after { content:none; } 
 .main-section2 .main-news dl dt strong { font-size:3rem; font-weight: 300; color:#333; word-break: break-all; } 
 .main-section2 .main-news dl dt strong:lang(en) { font-weight: 400; word-break: keep-all; } 
 .main-section2 .main-news dl dd { line-height: 2.4rem; color: #333; font-size: 1.7rem; font-weight: 400; } 
 .main-section2 a.main-more { color:#133f75; display:flex; align-items: center; position: absolute; right:0; top:-7.5rem; } 
 .main-section2 a.main-more i::before { content: "+"; font-weight:700; font-style: normal; line-height:1.8rem; display:block; font-size:1.8rem; color:#133f75; margin-right:0.5rem; } 
 .main-section2 a.main-more span { color:#133f75; font-weight:700; font-size:1.8rem; line-height:1.8rem; display:block; } 

 

 .main-section3 .m-title { display:none; } 
 .main-section3 { background-image: url(../../assets/img/main/main5.png); background-position: bottom center; background-size:auto; background-repeat: repeat-x; } 
 .main-section3 ul { width:110rem; height:26.3rem; margin:0 auto; display:flex; justify-content: space-between; } 
 .main-section3 ul li { display:flex; width:100%; align-items: center; } 
 .main-section3 ul li a { color:#fff; display:flex; flex-wrap: wrap; flex-direction: row; width:100%; justify-content: center; } 
 .main-section3 ul li a span { display:block; width:17rem; text-align:center; } 
 .main-section3 ul li i { background-position: center; width:12rem; display:block; background-size:cover; background-repeat: no-repeat; margin-bottom: 15px; } 
 .main-section3 ul li:nth-child(2) i { height:9rem; background-image: url(../../assets/img/main/main3_icon3.svg); } 
 .main-section3 ul li:nth-child(3) i { height:9rem; background-image: url(../../assets/img/main/main3_icon1.svg); } 
 .main-section3 ul li:nth-child(4) i { height:9rem; background-image: url(../../assets/img/main/main3_icon2.svg); } 
 .main-section3 ul li:nth-child(5) i { height:9rem; background-image: url(../../assets/img/main/main3_icon4.svg); } 
 .main-section3 ul li:nth-child(6) i { height:9rem; background-image: url(../../assets/img/main/main3_icon5.svg); } 
 

 .main-section4 { padding-top:8rem; padding-bottom:0rem; } 
 .main-section4 h1 { font-size:3.4rem; font-weight:700; margin-bottom:4rem; width:110rem; margin:0 auto; margin-bottom:4rem; letter-spacing: -0.25rem; } 
 .main-section4 h1:lang(en) { font-size:3.4rem; font-weight:700; margin-bottom:4rem; width:110rem; margin:0 auto; margin-bottom:4rem; letter-spacing: 0rem; } 
 .main-section4 .masonry { margin-bottom:0; } 
 
 .main-section4 a.main-more { color:#133f75; display:flex; align-items: center; position: absolute; right:1rem; top:-6rem; } 
 .main-section4 a.main-more span { color:#133f75; font-weight:700; font-size:1.8rem; line-height:1.8rem; display:block; } 
 .main-section4 a.main-more i::before { content: "+"; font-weight:700; font-style: normal; line-height:1.8rem; display:block; font-size:1.8rem; color:#133f75; margin-right:0.5rem; } 

 .main-section5 { position:relative; padding-top:5rem; padding-bottom:1rem; background-image: url(../../assets/img/main/main11.jpg); background-position: center; background-size:cover; background-repeat: no-repeat; } 
 .main-section5 h1 { color:#fff; font-size:3.4rem; font-weight:300; margin-bottom:4rem; width:110rem; margin:0 auto; margin-bottom:4rem; letter-spacing: -0.25rem; line-height:4.8rem; text-shadow: 2px 2px 10px rgba(0,0,0,0.5); } 
 .main-section5 .main-down { width:110rem; margin:0 auto; display:flex; justify-content: space-between; } 
 .main-section5 .main-down a { width:40%; padding-top:2.5rem; border-left:2px solid #133f75; margin-right: 2rem; align-items: center; padding-bottom:2.5rem; padding-left:4rem; height:9.3rem; display:flex; flex-wrap: wrap; background-color:rgba(255,255,255,0.86); background-position: center left 5%; background-size:auto; background-repeat: no-repeat; } 
 .main-section5 .main-down a p { display:inline-flex; } 
 .main-section5 .main-down a span { width:100%; display:block; line-height:1rem; } 
 .main-section5 .main-down a p { font-size:2rem; color:#666; } 
 .main-section5 .main-down a span { color:#133f75; font-size:1.2rem; font-weight: 700; margin-top:1rem; } 
 .main-section5 .main-down a i { height:5rem; width:5rem; background-repeat: no-repeat; margin-right: 2rem; background-size:contain; background-position: top; } 
 
 .main-section5 .main-down a:nth-child(2) i { background-image: url(../../assets/img/main/brochure.png); } 

 .section-top { position: fixed; right: 2%; bottom: 30px; padding: 0; margin: 0; display: block; z-index: 50; transform: translate(2%, -50%); } 
 .section-top i { width:5rem; height:5rem; background-image: url(../../assets/img/main/main15.png); } 

 .header-inner .logo a i { width:15.5rem; height:4rem; background-position: center; background-size:auto; background-repeat: no-repeat; background-image: url(../../assets/img/logo.svg); } 
 .header-inner .logo a { display:block; } 
 .header-inner .logo a:focus-visible { outline:1px solid #000; } 
 
 .main_link_banner { margin-top:35px; } 

 /*모바일 리셋*/
 .m-set { display:none; } 

 /*소셜*/
 .shiddne-box { display:none; position:absolute; top:3.5rem; right:4.8rem; } 
 .newsroom .shiddne-box { right:0rem; } 
 .breadcrumbs .shiddne-box a { display:flex; } 
 .social_hide_box { position: relative; min-width: 28.7rem; padding-left: 2rem; padding-right: 2rem; background-color: #ffffff; height: 7rem; border: 1px solid #e6e6e6; display: flex; flex-wrap: inherit; justify-content: space-between; align-items: center; } 

 .social_hide_box li::after,
 .social_hide_box a::after { content: none !important; } 
 .social_hide_box a i { width:2.6rem; height:2.6rem; } 
 .social_hide_box a i.youtube { background-image: url(../../assets/img/u-on.svg); background-repeat: no-repeat; margin-right:0; } 
 .social_hide_box a i.naver { background-image: url(../../assets/img/n-on.svg); background-repeat: no-repeat; margin-right:0; } 
 .social_hide_box a i.facebook { background-image: url(../../assets/img/f-on.svg); background-repeat: no-repeat; margin-right:0; } 
 .social_hide_box a i.instargram { background-image: url(../../assets/img/i-on.svg); background-repeat: no-repeat; margin-right:0; } 
 .social_hide_box a i.kakaotalk { background-image: url(../../assets/img/k-on.svg); background-repeat: no-repeat; margin-right:0; } 
 .social_hide_box a i.in { background-image: url(../../assets/img/in-on.svg); background-repeat: no-repeat; margin-right:0; } 
 .social_hide_box a i.twi { background-image: url(../../assets/img/twi.png); background-repeat: no-repeat; margin-right:0; background-size: contain; } 

 .main-visual-position .main-visual li a { display: flex; width: 100%; height: 100%; align-items: center; } 
 
 
 
 @media only all and (min-width:1300px) { /*main*/
 .main-visual-position { position:absolute; top:0; left:0; width:100%; height:100vh; z-index:1; } 
 .main-visual-position .main-visual li { display:flex; align-items: center; height:100vh; width:100%; overflow:hidden; background-position: center; background-size:cover; background-repeat: no-repeat; } 
 .main-visual-position .main-visual li p { z-index:10; color: #fff; font-size:4rem; margin:0 auto; text-shadow: 2px 2px 5px rgba(1, 1, 1, 1); text-align: center; line-height: 6rem; font-family: "Chosunilbo_myungjo"; letter-spacing: -1px; } 
 .main-visual-position video.bgvid { min-width: 100%; min-height: 100%; height: auto; width: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: inline-block; display: inline; zoom: 1; } 

 .main-visual-position .main-visual .output { text-align:center; color:white;}
 
 /* Cursor Styling */ 
 .main-visual-position .main-visual .cursor::after { content:''; display:inline-block; margin-left:3px; background-color:white; animation-name:blink; animation-duration:0.5s; animation-iteration-count: infinite; } 
 .main-visual-position .main-visual p.cursor::after { height:24px; width:13px; } 
 .main-visual-position .main-visual p.cursor::after { height:3rem; width:6px; } 
 
 @keyframes blink { 
 0% { opacity:1; } 
 49% { opacity:1; } 
 50% { opacity:0; } 
 100% { opacity:0; } 
 }

 



 .main-banner-navi .header .gnb ul > li:hover > div,
 .header .gnb ul > li.on > div
 .header .gnb ul.on { display:block !important; /*top:10rem; */
 opacity: 1; -webkit-transition: opacity .5s; transition: opacity .5s; } 
 .newsroom .header .gnb ul > li:hover > div,
 .newsroom .header .gnb ul > li.on > div
 .newsroom .header .gnb ul.on { display:block !important; top:10rem; opacity: 1; -webkit-transition: opacity .5s; transition: opacity .5s; } 
 


 /*기본 헤더 */
 .header { width:100%; position: relative; top:0; background-color: #fff; box-shadow: 10px 5px 15px 1px rgba(0, 0, 0, 0.3); z-index:10; } 
 .header.nav-down { position: fixed; height:6rem; } 
 .header-warp.nav-down.on .gnb > ul li,
 .sub.nav-down .gnb > ul li,
 .sub.nav-down .header-warp { height:6rem; } 
 .header-warp.nav-down.on .gnb ul > li:hover > div, 
 .header-warp.nav-down.on .gnb ul > li.on > div .header .gnb ul.on { top:6rem; } 
 .sub.nav-down .gnb ul > li:hover > div { top:6rem; } 
 
 .main .header.nav-down { position: relative; } /* 메인 스티키 */
 .header-warp { display: block; width:110rem; margin:0 auto; height:9rem; } 
 .header .gnb { display:block; } 
 .header .gnb > ul { display:flex; justify-content: space-between; } 
 .header .gnb > ul li { height:9rem; display:flex; align-items: center; } 
 
 

 /*메뉴 hover*/
 .header .gnb ul > li > div { display:none; position:absolute; top:-5000px; opacity: 0; -webkit-transition: opacity .3s, visibility 0s .3s, left 0s .3s; transition: opacity .3s, visibility 0s .3s, left 0s .3s; box-shadow: 0px 3px 2px 1px rgba(0, 0, 0, 0.1); min-height:26rem; background-color:#ffffff; border-top:1px solid #ccc; width: 100%; left: 0; } 
 .header .gnb ul > li > div.chart10:focus { opacity:1; top:9rem; } 
 .depth1 a.mmenu > div.on { display:block; /* border:1px solid #c00; */ } 
 .header .gnb ul > li:hover > div,
 .header .gnb ul > li.on > div,
 .header .gnb ul.on { display:block !important; top:9rem; opacity: 0.95; -webkit-transition: opacity .5s; transition: opacity .5s; } 
 .m_menu-warp { left:0; display:flex !important; width: 79.2rem; justify-content: space-between; } 
 .newsroom .m_menu-warp { width:100%; } 

 /*각 뎁스 hover 시 리셋*/
 .header .gnb .depth2 .inner1 ul > li:hover .depth3 a { color:#333; } 
 .header .gnb .depth2 .inner1 ul > li:hover .depth3 a:hover { color:#133f75 } 

 /*각 뎁스 위치 */
 .header .gnb .depth3 { top:-4.1rem !important; box-shadow:none; border-top:0; } 
 .header .gnb .depth3 .depth4 { top:-4rem !important; box-shadow:none; border-top:0; } 
 .header .gnb .depth2 .inner1 ul > li:nth-child(2) .depth3 { top:-7.1rem !important; } 
 .header .gnb .depth3 li:nth-child(2) .depth4 { top:-7rem !important } 
 .header .gnb .depth3 li:nth-child(3) .depth4,
 .header .gnb .depth2 .inner1 ul > li:nth-child(2) .depth3 li:nth-child(3) .depth4 { top:-10rem !important; } 
 .header .gnb > ul > li:nth-child(3) .depth2 li:nth-child(3) .depth3 { top:-10.1rem !important; } 
 .header .gnb .depth3 li:nth-child(4) .depth4,
 .header .gnb > ul > li:nth-child(2) .depth2 .inner1 .depth3 li:nth-child(4) .depth4 { top:-13rem !important; } 
 .header .gnb .depth3 li:nth-child(5) .depth4,
 .header .gnb .depth2 .inner1 ul > li:nth-child(2) .depth3 li:nth-child(5) .depth4,
 .header .gnb > ul > li:nth-child(4) .depth2 .inner1 .depth3 .depth4 { top:-16rem !important; } 
 .header .gnb > ul > li:nth-child(4) .depth2 .inner1 li:nth-child(7) .depth3 { top:-22.1rem !important; } 
 .header .gnb > ul > li:nth-child(2) .depth2 .inner1 ul,
 
 .header .gnb > ul > li:nth-child(2) .depth2 .inner1 .depth3 ul { width:21rem !important; } 
 .header .gnb > ul > li:nth-child(1) .depth2 .inner1 ul li:nth-child(1) .depth3 ul li:nth-child(2) ul { width:27rem; } 
 .header .gnb > ul > li:nth-child(1) .depth2 .inner1 ul li:nth-child(2) .depth3 ul li:nth-child(3) ul { width:27rem; } 
 
 .header .gnb > ul > li:nth-child(2) .depth2 .inner1 .depth3 .depth4 { left:21rem; } 

 .header .gnb li .depth2 ul li:nth-child(4) .depth3 { top:-13.1rem !important; } 
 .header .gnb li .depth2 ul li:nth-child(5) .depth3 { top:-16.1rem !important; } 


 /*.header .gnb ul:hover div { display:block; } */

 .header .gnb > ul li a { color:#333; } 
 .m_menu-warp { display:flex; } 
 .m-toggle,
 .search-toggle,
 .m-menu-close { display:none; } 
 .m-menu-right { display:flex; justify-content: space-between; align-items: center; } 
 .global { display:inline-block; background-image: url(../../assets/img/global.svg); width:2rem; height:2rem; } 
 .pc-global { display:inline-block; margin-top:-2px; } 
 .pc-global a { display:flex; align-items: center; } 
 .pc-global a span { display:block; color:#a3a3a3; margin-left:0.5rem; font-weight:300; } 
 .header-inner { display:flex; align-items: center; justify-content: space-between; } 

 /*1뎁스*/
 .header .gnb .depth1 { min-width:15rem; } 
 .header .gnb .depth1:nth-child(2) { min-width:20rem; } 
 .header .gnb .depth1 > a { display:block; text-align:center; font-size:1.8rem; width:100%; color:#000; font-weight:300; } 
 .newsroom .header .gnb .depth1 > a { display:block; text-align:center; font-size:1.6rem; width:100%; color:#000; font-weight:400; } 

 .header .gnb .depth1 > a:hover,
 .header .gnb .depth1.on > a,
 .newsroom .header .gnb > ul li a { font-weight: 400; } 
 .newsroom .header .gnb .depth1 > a:hover { color:#133f75; } 
 .header .gnb .depth1 > a:hover,
 .header .gnb .depth1.on > a,
 .header .gnb .depth1 > a:active { color:#133f75; } 
 .header .gnb .depth1:nth-child(2) .depth2 .inner1 ul > li:nth-child(2) ul:lang(en),
 .header .gnb .depth1:nth-child(2) .depth2 .inner1 ul > li:nth-child(2) .depth3:lang(en),
 .header .gnb .depth1:nth-child(2) .depth2 .inner1 ul > li:nth-child(2) .depth3:lang(en) ul { width:40rem !important; } 
 .header .gnb .depth1:nth-child(3) .depth2 .inner1 ul:lang(en) { width:28rem; } 
 .header .gnb .depth1:nth-child(3) .depth2 .inner1 ul .depth3:lang(en) { left:28rem; } 

 

 
 /*1뎁스*/
 

 /*.header .gnb .depth2.on { display:block; transition: all 0.5s ease-in-out; } 
 /*.header .gnb .depth1:hover .depth2 { display:block !important; } */
 .header .gnb .depth2 .inner1 { display:flex; width:110rem; margin:0 auto; } 
 .header .gnb .depth2 .inner1 span { display:flex; line-height:3.5rem; padding-top:4rem; height:100%; min-height:26rem; border-right:1px solid #eaeaea; width:25rem; text-align:left; font-size:3rem; font-weight: 300; } 
 .header .gnb .depth2 .inner1 span:lang(en) { font-size:4rem; font-weight: 300; } 
 .header .gnb .depth2 .inner1 ul { width:20rem; padding-top:4rem; height:100%; min-height:26rem; box-shadow: inset -1px 0px rgba(0,0,0,0.1); } 
 .header .gnb .depth2 .inner1 ul:lang(en) { width:26rem; } 
 .header .gnb .depth2 .inner1 ul > li,
 .main .header-warp.nav-down.on .gnb .depth2 .inner1 ul > li { display:flex; position:relative; padding-left:2rem; padding-right:1.5rem; height:3rem !important; align-items: center; } 
 .header .gnb .depth2 .inner1 ul > li:hover::before,
 .header .gnb .depth2 .inner1 ul > li.on::before { content:""; display:inline-block; width:0.3rem; height:2rem; background-color: #133f75; position:absolute; left:0; } 
 .header .gnb .depth2 .inner1 ul > li a { font-size:1.6rem; } 
 .header .gnb .depth2 .inner1 ul > li a:focus div.depth3,
 .header .gnb .depth2 .inner1 ul > li a:active div.depth3 { display:block; } 
 .header .gnb .depth2 .inner1 ul > li a:lang(en) { line-height:1em; } 
 .header .gnb .depth2 .inner1 ul > li.on > a,
 .header .gnb .depth2 .inner1 ul > li:hover a { color:#133f75; } 
 .header .gnb .depth2 .inner1 ul > li a::after,
 .header .gnb .depth2 .inner1 ul > li:hover li a::after { content:"+"; display:inline-block; font-size:2rem; font-weight:400; position:absolute; right:1.5rem; color:#000 } 
 
 .header .gnb .depth1:nth-child(3) .depth2 .inner1 ul > li:nth-child(3):lang(en) { margin-top:1rem; } 
 
 
 
 .header .gnb .depth2 .inner1 ul > li:hover a::after,
 .header .gnb .depth2 .inner1 ul > li.on > a::after,
 .header .gnb .depth2 .inner1 ul > li:hover li:hover a::after { content:"-"; color:#133f75; font-size:2rem; font-weight:400; position:absolute; right:1.5rem; } 
 
 .header .gnb ul li a:only-child::after,
 .header .gnb .depth2 .inner1 ul > li:hover li:hover a:only-child::after,
 .header .gnb .depth2 .inner1 ul > li:hover a:only-child::after,
 .header .gnb .depth2 .inner1 ul > li a:only-child::after { display:none; } 

 .header .gnb ul li a:only-child:lang(en)::after,
 .header .gnb .depth2 .inner1 ul > li:hover li:hover a:only-child:lang(en)::after,
 .header .gnb .depth2 .inner1 ul > li:hover a:only-child:lang(en)::after,
 .header .gnb .depth2 .inner1 ul > li a:only-child:lang(en)::after { display:none; } 

 .header .gnb .depth2 .inner1 ul > li:hover a:lang(en)::after,
 .header .gnb .depth2 .inner1 ul > li.on a:lang(en)::after,
 .header .gnb .depth2 .inner1 ul > li:hover li:hover a:lang(en)::after { content:"-"; font-size:4rem; font-weight:300; color:#133f75; position:absolute; right:1.5rem; } 
 .header .gnb .depth2 .inner1 ul > li a:lang(en)::after,
 .header .gnb .depth2 .inner1 ul > li:hover li a:lang(en)::after { content:"+"; display:inline-block; font-size:2rem; font-weight:400; position:absolute; right:1.5rem; color:#000 } 

 

 /*3뎁스*/
 .header .gnb .depth3 { display:none; min-height:27rem; background-color:#f8f8f8; border-top:1px solid #ccc; position: absolute; width: 100%; left: 20rem; top:-4.1rem; } 
 
 .header .gnb .depth3:lang(en) { left:26rem; } 
 .header .gnb .depth3.on { display:block; transition: all 0.5s ease-in-out; } 

 

 /*4뎁스*/
 .header .gnb .depth4 { display:none; min-height:27rem; background-color:#f8f8f8; border-top:1px solid #ccc; position: absolute; width: 100%; left: 20rem; top:-4.1rem; } 
 .header .gnb .depth4:lang(en) { left:26rem; min-width:37rem; } 
 .header .gnb .depth4 ul:lang(en) { min-width:37rem; } 
 .header .gnb .depth4.on { display:block; transition: all 0.5s ease-in-out; } 
 }

 /*ETC*/
 .h-etc { display:flex; width:18rem; justify-content: space-between; align-items: center; } 
 .h-etc:lang(en) { display:flex; width:18rem; justify-content: space-between; align-items: center; } 
 .h-etc button { background:transparent; display:block; margin-top:-2px; } 
 .h-blank-link { font-weight:300; color:#000; margin-left:1rem } 
 /* i.search { background-image: url(../../assets/img/search.svg); width:1.9rem; height:2rem; display:block; background-repeat: no-repeat; background-size: contain; } */
 i.full_menu_button_icon { background-image: url(../../assets/img/full_menu_icon2.png); width:1.9rem; height:2rem; margin-right:4px; display:block; background-repeat: no-repeat; background-size: contain; } 
 .main .h-etc i.full_menu_button_icon { background-image: url(../../assets/img/full_menu_icon2-w.png); width:1.9rem; height:2rem; display:block; background-repeat: no-repeat; background-size: contain; } 
 .main .h-etc { width:18rem; } 
 .main .full_menu { height:inherit; } 
 .main .h-etc:lang(en) { width:10rem; } 
 .search-layer i.del { background-image: url(../../assets/img/del.svg); width:2.8rem; height:2.8rem; display:block; background-repeat: no-repeat; background-size: contain; } 
 .search-layer i.close { background-image: url(../../assets/img/close.png); width:2.2rem; height:2.2rem; display:block; background-repeat: no-repeat; background-size: contain; } 
 .lang_text { margin:0; padding:0; overflow:hidden; } 

 /*검색*/
 .search-layer { z-index:10; background-color: #f1f1f1; width:100%; height:30rem; position:absolute; top:-1000px; left:0; display:none; } 
 .search-layer .box-tag { width:100%; margin-top:2rem; margin-bottom:2rem; } 
 .search-inner { width:110rem; height:25rem; margin:2rem auto; margin-bottom:2rem; display: flex; flex-direction: column; justify-content: space-between; align-content: space-between; } 
 .search-input { display:flex; border-bottom:1px solid #ccc; width:100%; justify-content: space-between; align-items: center; } 
 
 .search-input div { width:20%; display: flex; justify-content: flex-end; } 
 .search-input div button { margin-right:1rem; } 
 .search-input input { width:94%; font-size:3.4rem; color:#666; background-color:transparent; padding-left:1rem; padding-right:1rem; font-weight:300; } 
 .close-button { margin:0 auto; display:flex; justify-content: center; } 
 .search-tag { height:11rem; overflow:hidden; margin-bottom:1rem; } 
 input::placeholder { color:#585858; } 

 /*뉴스룸 링크*/
 .news-room { position: fixed; right:0; top:0; z-index:2; } 
 .news-room::before { content:""; position:absolute; right:0rem; top:0; width: 0; z-index: 1; height: 0; border-top: 25.2rem solid #057c2d; border-left: 14.4rem solid transparent; } 
 .news-room::after { content:""; position:absolute; right:0rem; top:0; width: 0; z-index: 1; height: 0; border-top: 22.3rem solid #0CA950; border-left: 14.4rem solid transparent; } 
 .news-room a { display:flex; flex-wrap: wrap; justify-content: center; text-align:center; z-index:3; position: absolute; width: 5rem; left: -7rem; top:2rem; } 
 .news-room a strong.pc-count { color:#fff; position:absolute; left:3.2rem; top:0.2rem; display:flex; align-items: center; height:1.5rem; padding-left:0.7rem; padding-right:0.7rem; background-color: #0b4da7; border-radius: 1.2rem; font-size:1rem; font-family: "roboto"; } 
 .news-room a i { background-image: url(../../assets/img/news-room.svg); width:4.9rem; height:5rem; background-repeat: no-repeat; } 
 .news-room a span { font-size:1.5rem; font-weight:700; color:#fff; } 
 .news-room a span:lang(en) { font-size:1.3rem; line-height:1em; } 
 .news-room a i:lang(en) { height:4.5rem; } 
 .m-count { display:none; } 

 .newsroom_icon_area { position:absolute; top:8px; left:-79px; z-index:2; } 
 .newsroom_impact_icon { position:absolute; top:30px; left:30px; width:10px; } 
 


 /*콘텐츠*/
 .content-box { width:100%; display:block; position:relative; } 

 /*키 비쥬얼*/
 .key-visual { width:100%; position:relative; background-position: center; display:flex; flex-wrap: wrap; align-items: center; justify-content: center; width:100%; background-repeat: no-repeat; background-size: cover; } 
 .key-visual::after { content: ""; height:40rem; background-image: linear-gradient(to bottom, #00000061, transparent 80% ); background-image: -ms-linear-gradient(top, rgba(0,0,0,.3), transparent 70% ); display: block; top:0; width: 100%; position: absolute; left: 0; } 
 .key-visual.big { height:65rem; } 
 .key-visual.small { height:40rem; } 
 /*.key-visual.small::before { z-index:1; content: ""; width:100%; height:40rem; left:0; position: absolute; top:0; opacity: 0.2; filter: alpha(opacity = 20); display:block; background-image: url(/common/img/pattern.png); background-repeat: repeat; } */
 .key-visual.small h1 { z-index:1; font-size:5rem; color:#fff; width:100%; text-align: center; text-shadow: 2px 2px 10px #000000; font-family: "GmarketSansMedium"; } 
 .key-visual.small h1:lang(en) { font-weight: 200; line-height:1em; } 

 /*콘텐츠 브레드 크럼*/
 .breadcrumbs-box { width:120rem; margin:0 auto; position:relative; background-color:#fff; z-index:2; } 
 .breadcrumbs { width:110rem; margin:0 auto; margin-top:-5rem; padding-bottom:0.5rem; height:5rem; display:flex; align-items: flex-end; justify-content:flex-end } 
 .breadcrumbs .link-box { display:none; } 
 .social-box a.m-social { display:none; } 
 .breadcrumbs .m-social-inner { display:flex; height:2.8rem; } 
 .breadcrumbs ul { display:flex; } 
 .breadcrumbs ul > li { position:relative; } 
 .breadcrumbs ul > li::after { content:""; margin-left:2.8rem; margin-right:2rem; display:inline-block; width:1px; height:1rem; background-color:#dedede; } 
 .breadcrumbs ul > li:last-child::after { content:none; } 
 .breadcrumbs ul > li a { font-size:1.4rem; color:#666666; } 
 .breadcrumbs ul > li a::after { content:"+"; display:inline-block; font-size:1.4rem; font-weight:200; position:absolute; margin-left:0.3rem; color:#666666 } 
 .breadcrumbs ul > li a .project_bc_icon { font-size:10px; line-height:normal; display:inline-block; position:relative; top:-1px; } 
 .breadcrumbs ul > li a.project_bc::after { content:none; } 
 .breadcrumbs ul > li a.project_bc::after { content:none; } 
 .breadcrumbs ul > li a.on::after { content:"-"; } 
 .breadcrumbs ul > li ul li a::after { content:none; } 
 .breadcrumbs ul > li a span.point,
 .breadcrumbs ul > li > span { color:#333; font-size:1.4rem; } 
 /*
 .breadcrumbs ul > li:last-child a:after,
 .breadcrumbs ul > li:first-child a:after { content:none; } 
*/
 .breadcrumbs ul > li.swiper-slide ul { position:absolute; display:none; top:2.5rem; min-width:18rem; border:1px solid #ccc; padding:1rem; width:100%; background-color:#fff; } 
 .breadcrumbs ul > li.swiper-slide ul li { margin-bottom:1rem; line-height:1em; } 
 .breadcrumbs ul > li.swiper-slide ul li:last-child { margin-bottom:0; } 
 .breadcrumbs ul > li.swiper-slide ul li a:hover { color:#133f75; } 
 .breadcrumbs ul > li.swiper-slide ul li::after { content:none; } 
 .m-social { display:none; } 
 .project .breadcrumbs { display:flex; justify-content: space-between; } 
 .project .breadcrumbs .link-box { display:block; } 

 

 

 /*스와이프 리셋*/
 .breadcrumbs .swiper-container { margin-left: 0; margin-right: 0; position: inherit; overflow: inherit; list-style: inherit; padding: inherit; z-index: inherit; } 
 .breadcrumbs .swiper-slide { margin-right: 0 !important; width: auto; height: auto; display:flex; align-items: center; flex-wrap: wrap; } 
 .breadcrumbs .swiper-wrapper { width: auto; height: auto; } 
 .swiper-button-next, .swiper-container-rtl .swiper-button-prev { display:none; } 

 

 /*footer*/
 .footer { width:100%; /* margin-top:3rem; */ display:block; position: relative; z-index:3; } 
 .footer-inner { width:100%; background-color: #262626; min-height:5rem; display:block; padding-top:1rem; padding-bottom:0rem; position: relative; } 
 .footer-black { width:110rem; margin:0 auto; } 
 .footer-black a:focus-visible { outline:solid 2px #fff; } 
 .company-address { display:flex; justify-content: space-between; } 



 .news-latter { display:none; } 
 .newsroom .header { box-shadow: none; } 
 .newsroom .footer-inner { padding-top:1rem; } 
 .newsroom .news-latter { width:110rem; margin:0 auto; margin-bottom:6rem; position: relative; display:block; } 
 .newsroom .news-latter p { font-size:1.4rem; font-weight: 700; color:#fff; } 
 .newsroom .news-latter button { width:22.9rem; height:6.9rem; display:block; position: absolute; top:-5.4rem; right:0; background-image: url(../../assets/img/news-img/newsletter.png); } 
 .newsroom .news-latter button span { color:#fff; font-size:1.8rem; font-weight: 500; overflow:hidden; margin-left:2.7rem; margin-top:20px; padding-top:0; display: flex; align-items: center; margin-top:0; } 

 .footer-menu ul { display:flex; align-items: center; } 
 .footer-menu ul li a { color:#707070; font-size:1.4rem; display:inline-block; } 
 .footer-menu ul > li:nth-child(4) > a,
 .footer-menu ul > li:nth-child(5) > a,
 .footer-menu ul > li:nth-child(6) > a { color:#fff; font-weight:700; } 
 .footer-menu ul > li:nth-child(4) > button:lang(en) { color:#133f75; position:relative; } 
 .footer-menu ul > li:nth-child(4) > button:lang(en)::before { content:"+"; top:0; display:inline-block !important; font-style:normal; font-size:1.4rem; font-weight:300; position:absolute; right:-1rem; color:#133f75; } 
 .footer-menu ul > li:nth-child(7) > button { margin:0; height:auto; font-size:1.4rem; background-color:transparent; padding:0; color:#133f75; padding-right:1.5rem; position: relative; } 
 .footer-menu ul > li:nth-child(7) > button i { display:inline-block; font-size:1.4rem; } 
 .footer-menu ul > li:nth-child(7) > button i::before { content:"+"; top:0; display:inline-block !important; font-style:normal; font-size:1.4rem; font-weight:300; position:absolute; right:0rem; color:#133f75; } 
 .footer-menu ul > li::after { content:""; width:1px; height:1rem; background-color:#707070; display:inline-block; margin-left:2rem; margin-right:2rem; } 
 .footer-menu ul > li:last-child:after { content: none; } 
 .footer-menu ul li .family ul:lang(en) { justify-content: center; } 

 /*패밀리*/
 .footer-menu ul li .family { display:none; position:absolute; top:0; left:0; width:100%; background-color: #133f75; } 
 .footer-menu ul li .family.on { display:block; } 
 .footer-menu ul li .family ul { width:75rem; margin:0 auto; height:4rem; display:flex; align-items: center; position: relative; } 
 .footer-menu ul li .family ul li { margin-right:2rem; } 
 .footer-menu ul li .family i.open { /*width:110rem; */ position:absolute; left:50%; top:0; transform: translate(-50%, 0%); height:4rem; margin:0 auto; display:block; } 
 /*.footer-menu ul li .family i.open::before { content:" "; right:36%; bottom: -1rem; margin-top:-1.3rem; margin-left:3rem; display:block; position:absolute; width:0; height:0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 10px solid #133f75; } */
 .footer-menu ul li .family ul li:last-child { margin-right:0; } 
 .footer-menu ul li .family ul li::before { content:"·"; display:inline-block; color:#000; font-size:1.4rem; margin-right:0.5rem; } 
 .footer-menu ul li .family ul li::after { content:none; } 
 .footer-menu ul li .family ul a { color:#000; font-weight:400; } 
 .newsroom .footer-menu ul li .family { top:4.5rem; } 
 .newsroom .footer-menu ul li .family:lang(en) { top:3.5rem; } 

 

 /*주소*/
 .company-address { display:flex; justify-content: space-between; margin-top:2rem; } 
 .company-address address { margin-bottom:4rem; line-height:1em; } 
 .company-address p { font-size:1.3rem; color:#979797; margin-bottom:1rem; line-height:1.5em; } 
 .company-address p span { color:#133f75; font-size:1.2rem; line-height:1em; } 

 /*소셜*/
 .social { display: flex; } 
 .social ul { display:flex; } 
 .social ul li { margin-right:2.9rem; } 
 .social ul li:last-child { margin-right:0; } 
 .social ul li a { display:block; } 
 .social ul li a i { width:5.9rem; height:5.9rem; display:block; } 
 .social ul li a:hover i.youtube { background-image: url(../../assets/img/u-on.svg); } 
 .social ul li a:hover i.naver { background-image: url(../../assets/img/n-on.svg); } 
 .social ul li a:hover i.facebook { background-image: url(../../assets/img/f-on.svg); } 
 .social ul li a:hover i.instargram { background-image: url(../../assets/img/i-on.svg); } 
 .social ul li a:hover i.kakaotalk { background-image: url(../../assets/img/k-on.svg); } 
 .social ul li a:hover i.in { background-image: url(../../assets/img/in-on.svg); } 

 .youtube { background-image: url(../../assets/img/u.svg); } 
 .naver { background-image: url(../../assets/img/n.svg); } 
 .facebook { background-image: url(../../assets/img/f.svg); } 
 .instargram { background-image: url(../../assets/img/i.svg); } 
 .kakaotalk { background-image: url(../../assets/img/k.svg); } 
 .in { background-image: url(../../assets/img/in.svg); } 

/*어워드*/
 .awerds { width:110rem; margin:0 auto; margin-top:3rem; padding-bottom:4rem; } 
 .awerds button { background-color: transparent; } 
 .awerd-box { width:77rem; line-height:initial; transition: all 0.5s ease-in-out; position: absolute; bottom:10rem; display:block; box-shadow: 10px 5px 15px 1px rgba(0, 0, 0, 0.3); background-color:#fff; } 
 .awerd-box:lang(en) { width:80rem; line-height:initial; transition: all 0.5s ease-in-out; position: absolute; bottom:10rem; display:block; box-shadow: 10px 5px 15px 1px rgba(0, 0, 0, 0.3); background-color:#fff; } 
 .awerd-box ul { display: flex; position: relative; height:35rem; padding:3rem 5rem; justify-content: space-between; flex-direction: column; flex-flow:column wrap; align-content: center; } 
 .awerd-box ul:lang(en) { padding:3rem 3rem; align-content:start; } 
 .awerd-box ul:lang(en) { height:35rem; } 
 .awerd-box li { display:inline-flex; width:30rem; line-height:initial; } 
 .awerd-box li:lang(en) { display:inline-flex; width:32rem; line-height:initial; align-items: center; } 
 .awerd-box li:nth-child(1) { margin-bottom:10px; margin-right:3rem; } 
 .awerd-box li:nth-child(2) { margin-bottom:10px; margin-right:3rem; } 
 .awerd-box li:nth-child(3) { margin-bottom:10px; margin-right:3rem; } 
 .awerd-box li:nth-child(4) { margin-bottom:10px; margin-right:3rem; } 
 .awerd-box li:nth-child(4) dt { padding-top:1rem; } 
 .awerd-box li:nth-child(5) { margin-bottom:10px; margin-right:3rem; } 
 .awerd-box li:nth-child(6) { margin-bottom:0; width:36rem; } 
 .awerd-box li:nth-child(7) { display:block; margin-top:-10px; } 
 .awerd-box li:nth-child(7) dl { margin-left:10px; } 
 .awerd-box li:nth-child(8) { margin-bottom:0; } 
 .awerd-box li:nth-child(8) dt { padding-top:1rem; } 
 .awerd-box li:nth-child(9) { margin-bottom:0; } 
 .awerd-box li:nth-child(8) a { min-width: 7rem; width:7rem; padding-left:10px; } 
 
 .awerd-box li:nth-child(1):lang(en) { width:37rem; } 
 .awerd-box li:nth-child(2):lang(en) { width:37rem; } 
 .awerd-box li:nth-child(3):lang(en) { width:38rem; } 
 .awerd-box li:nth-child(4):lang(en) { width:37rem; } 
 .awerd-box li:nth-child(5):lang(en) { width:38rem; } 
 .awerd-box li:nth-child(6):lang(en) { width:35rem; } 
 .awerd-box li:nth-child(7):lang(en) { width:35rem; } 
 .awerd-box li:nth-child(8):lang(en) { width:35rem; } 
 .awerd-box li:nth-child(8):lang(en) dt { margin-top:-2.5rem; } 
 
 .awerd-box li p { min-width:7rem; line-height:initial; } 
 .awerd-box li img { display:block; } 
 .awerd-box li dl dt { font-weight:700; font-size:1.2rem; color:#666; margin-bottom:0.2rem; line-height:initial; } 
 .awerd-box li dl dd { font-weight:400; font-size:1.2rem; color:#666; line-height:1.2em; } 
 .awerds-close { display:block; position:absolute; right:0; top:0; width:5rem; height:5rem; } 
 .awerds-close::focus { display:block; width:2rem; height:2rem; z-index:2; } 
 .awerds-close::after { content:""; position:absolute; right:0; top:0; width: 0; z-index: 1; height: 0; } /* border-top: 9rem solid #133f75; border-left: 5rem solid transparent; */
 /*.awerds-close::before { content:"X"; font-family: "roboto"; display:block; color:#000; position:absolute; right:1rem; top:1rem; z-index: 2; } */
 .awerds-close i.close { background-image:url(../../assets/img/close.svg); position:absolute; right:0.5rem; top:1rem; width:2rem; height:2rem; z-index:2; background-repeat: no-repeat; } 
 .awerd-box li p i { background-repeat: no-repeat; background-size: contain; } 
 .awerd-box li p i.a1 { background-image: url(../../assets/img/a1.png); width:3.6rem; height:3rem; } 
 .awerd-box li p i.a2 { background-image: url(../../assets/img/a2.png); width:4.5rem; height:3rem; } 
 .awerd-box li p i.a3 { background-image: url(../../assets/img/a3.png); width:6.6rem; height:4.4rem; } 
 .awerd-box li p i.a4 { background-image: url(../../assets/img/a4.png); width:19.4rem; height:5rem; } 
 .awerd-box li p i.a5 { background-image: url(../../assets/img/a5.png); width:4.7rem; height:3.8rem; } 
 .awerd-box li p i.a6 { background-image: url(../../assets/img/a6.png); width:5.2rem; height:5rem; } 
 .awerd-box li p i.a6:lang(en) { background-image: url(../../assets/img/a6-e.png); width:4.7rem; height:3.8rem; } 
 
 .awerd-box li p i.a7 { background-image: url(../../assets/img/a7.png); width:5.2rem; height:4rem; } 
 .awerd-box li p i.a8 { background-image: url(../../assets/img/a8.png); width:5.2rem; height:3rem; } 
 .awerd-box li p i.a9 { background-image: url(../../assets/img/a9.png); width:6rem; height:4rem; } 
 .awerd-box li p i.a9:lang(en) { background-image: url(../../assets/img/a9.png); width:6rem; height:3rem; } 

 /*에러 페이지*/
.error-warp .logo i { width:15.5rem; height:3rem; background-image: url(../../assets/img/company/e-logo.png); background-position: center; background-size:100%; background-repeat: no-repeat; } 
.e-inner .logo { width:110rem; margin:0 auto; margin-top:5.5rem; margin-bottom:20rem; } 
.g-line { width:100%; background-color:#133f75; padding-top:7.5rem; padding-bottom:7.5rem; } 
.g-line .row-warp { display:flex; justify-content: space-between; } 
.g-line h2 { color:#fff; font-size:6rem; font-weight:100; font-family:Roboto; line-height:1em; margin-bottom:3rem; } 
.g-line p { color:#fff; font-size:1.4rem; font-weight:400; line-height:1.1em; } 
.g-line .left { display:block; } 
.g-line .btn-warp { width:45rem; display:flex; justify-content: space-between; position:relative; left:0; transform: none; } 
.g-line .right { width:50%; display: flex; align-items: center; } 
.error-img { width:44.8rem; height:20rem; background-image: url(../../assets/img/error1.png); background-position: center; background-size:100%; background-repeat: no-repeat; } 

@media only all and (max-width: 820px) 
 {
 .g-line .right { position:absolute; bottom:320px; right:10px; width:300px; } 
 .g-line .btn-warp { display:block; width:100%; } 
 .g-line .btn-warp a + a { margin-top:0.5rem; } 
 .g-line h2 { font-size: 3rem; } 
 .error-warp .logo { width:100%; margin-left:0rem !important; padding-left:2rem; } 
 .a-btn90 { width:100% !important; } 
 }

 @media only all and (max-width: 1299px) 
 {
 .project_menu_pc_none { display:block !important; } 
 .intro-inner { padding:2rem; width:100%; margin:0 auto; } 
 .intro .logo { width:100%; } 
 
 .a-a { padding-top:8rem; } 
 .a-b { padding-top:8rem; } 
 .a-c { padding-top:8rem; } 
 .a-d { padding-top:8rem; } 
 .a-e { padding-top:8rem; } 
 .key-visual i { margin-bottom:-3.5rem !important; z-index:2 !important; } 
 
 .key-visual.small h1 { margin-top:7rem; } 
 .key-visual.small h1:lang(en) { margin-top:7rem; } 

 
 .main .global { display:inline-block; background-image: url(../../assets/img/global.png); width:2rem; height:2rem; } 
 .m-menu-right .global { display:inline-block; background-image: url(../../assets/img/global.png); width:2rem; height:2rem; } 
 button.s-toggle { display:none; } 
 button.full_menu_button { display:none; } 
 button.full_menu_button:lang(en) { display:none; } 
 

 /*커튼배너*/
 .banner1 { width:100%; } 
 .close-warp,
 .btn-warp { width:100%; } 
 .btn-warp button { margin-right:2rem; } 
 .banner_close { right:1rem; } 
 .latter-content .write-row dl dd div + div { margin-left:0; } 
 .news-latter-insert .row-warp { padding-left:0; padding-right:0; } 
 .latter-content ul.small-tabs { padding-left:2rem; padding-right:2rem; } 
 .news-latter-insert { display:none; bottom:-1000px; left:0; position: absolute; z-index:10; width:100%; } 


 /*메인*/


 .shiddne-box { display:none; position:absolute; top:5rem; right:4.8rem; } 
 .social_hide_box { border-top:0; } 


 /*main*/
 .main-visual-position { position:absolute; top:0; left:0; width:100%; height:100vh; z-index:1; } 
 .main-visual-position .main-visual li { display:flex; align-items: center; height:100vh; width:100%; overflow:hidden; background-position: center; background-size:cover; background-repeat: no-repeat; } 
 .main-visual-position .main-visual li p { z-index:10; display:none} 

 .main-visual-position video.bgvid { min-width: 100%; min-height: 100%; height: auto; width: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: inline-block; display: inline; zoom: 1; } 

 
 .main-section1 .count-warp dl { height:100% } 
 .main-section1 .count-warp dl dt { display:block; height:17rem; } 
 .main-section1 .count-warp dl dt i { background-position: center; margin:0 auto; } 
 .main-section1 .count-warp dl dt span { width:100%; height:7rem; display:block; text-align:center; margin-top:2rem; } 
 .main-section1 .count-warp dl dd { justify-content: center; } 


 .main-section1 .count-warp dl:nth-child(1) dt i { width:19rem; height:10rem; background-image: url(../../assets/img/main/main1.svg); } 
 .main-section1 .count-warp dl:nth-child(2) dt i { width:17.2rem; height:10rem; background-image: url(../../assets/img/main/main2.svg); } 
 .main-section1 .count-warp dl:nth-child(3) dt i { width:15.3rem; height:10rem; background-image: url(../../assets/img/main/main3.svg); } 
 .main-section1 .count-warp dl:nth-child(4) dt i { width:19rem; height:10rem; background-image: url(../../assets/img/main/main4.svg); } 
 

 

 .main .header .header-inner,
 .main .header-warp.on { background-color: transparent; } 
 .main-visual-position li p.row-warp { width:100%; text-align:center; } 
 .main .header-warp.on .logo a i { background-image: url(../../assets/img/logo.svg); } 
 .main .header-inner { width:100%; } 
 .main .header .gnb .depth1 > a, .main .h-blank-link, .main .pc-global a span { color:#000; } 
 .content-warp { overflow:hidden; } 

 

 /*기본 헤더 */
 .header { width:100%; position: relative; top:0; background-color: #fff; box-shadow: 10px 5px 15px 1px rgba(0, 0, 0, 0.3); z-index:5; } 
 .header.nav-down { position: fixed; } 
 .main .header.nav-down { position: relative; } /* 메인 스티키 */
 .header-warp { display: block; width:110rem; margin:0 auto; height:10rem; } 
 .header .gnb { display:block; width:48rem; } 
 .header .gnb:lang(en) { width:initial; } 
 .header .gnb > ul { display:flex; justify-content: space-between; } 
 .header .gnb > ul li { height:10rem; display:flex; align-items: center; } 

 
 
 
 
 /*메뉴 hover*/
 .header .gnb ul > li > div { display:none; position:absolute; top:-5000px; opacity: 0; -webkit-transition: opacity .3s, visibility 0s .3s, left 0s .3s; transition: opacity .3s, visibility 0s .3s, left 0s .3s; box-shadow: 0px 3px 2px 1px rgba(0, 0, 0, 0.1); min-height:27rem; background-color:#f8f8f8; border-top:1px solid #ccc; width: 100%; left: 0; } 
 .depth1 a.mmenu > div.on { display:block; border:1px dotted #333; } 
 .m_menu-warp { left:0; display:flex; width: 79.2rem; justify-content: space-between; } 

 

 

 /*a메뉴 */

 .header .gnb ul > li > div { display:none; position:absolute; top:-5000px; opacity: 1; -webkit-transition: opacity .3s, visibility 0s .3s, left 0s .3s; transition: opacity .3s, visibility 0s .3s, left 0s .3s; box-shadow: 0px 3px 2px 1px rgba(0, 0, 0, 0.1); min-height:27rem; background-color:#f8f8f8; border-top:1px solid #ccc; width: 100%; left: inherit; } 

 .header .gnb ul li.on div { display:block; top:inherit; opacity: initial; -webkit-transition: opacity .5s; transition: opacity .5s; } 

 .header .header-inner { display:flex; align-items: center; height:7rem; justify-content: center; flex-direction: row-reverse; background-color:#fff; } 
 .main .header-warp.nav-down.on { height:7rem; } 
 .m_menu-warp { display:block; background-color: #ffffff; position: fixed; top: 0rem; left:-2999px; width: 100%; height: 100vh; z-index: 500; overflow-y: scroll; transition: All 0.2s ease; -webkit-transition: All 0s ease; -moz-transition: All 0s ease; -o-transition: All 0s ease; } 
 
 .m-set { position: absolute; align-items: center; left: 2rem; display:flex; } 
 button.m-toggle,
 .serch-toggle { width:1.9rem; height:1.5rem; background-size:auto; display:block; background-color:transparent; background-repeat: no-repeat; } 
 button.m-toggle { background-image: url(../../assets/img/menu-toggle.svg); height:1.5rem; margin-right:1.5rem; } 
 
 .main button.m-toggle { background-image: url(../../assets/img/menu-toggle-on.svg); width:1.9rem; height:1.9rem; margin-right:1.5rem; } 
 .main .nav-down button.m-toggle { background-image: url(../../assets/img/menu-toggle.svg); height:1.9rem; margin-right:1.5rem; } 
 
 

 button.m-menu-close { display:block; position: absolute; top:2rem; right:2rem; background-color: transparent; } 
 button.m-menu-close img { width:1.7rem; height:1.7rem; } 

 


 
 .m-count { display:none; } .m-menu-right { display:inline-flex; align-items: center; flex-direction: row-reverse; } 
 .pc-global { display:inline-block; margin-right:0; } 
 .pc-global a { display:flex; align-items: center; } 
 .pc-global a span { display:block; color:#a3a3a3; } 
 .h-blank-link { display:inline-block; margin-right:2.75rem; } 
 .h-blank-link.pc_none { display:none; } 

 
 

 .header .gnb,
 .header-warp { width:100%; } 
 .h-etc { display: flex; position: absolute; width:100% !important; background-color:#fff; height: 6.5rem; padding-bottom:2rem; top:0rem; padding-left: 2rem; align-items: flex-end; padding-right: 2rem; } 
 .newsroom .h-etc { width:12rem !important; } 
 .h-etc:lang(en) { width:100% !important; } 
 .header .gnb,
 .header-warp { height:100%; } 
 .main .header-warp { height:7rem; } 
 .header .gnb { margin-left:0; margin-right:0; margin-top:6.5rem; margin-bottom:11.5rem; } 
 .search-layer { z-index:10; padding-left:2rem; padding-right:2rem; } 
 .search-tag { height:15.5rem; } 
 .search-inner { width:100%; height:24rem; } 
 .h-etc .close-button { position:absolute; top:2rem; left:2rem; } 
 
 .search-layer .box-tag { margin-top:1rem; } 
 .email-dot { display:grid; align-content:center; color:#b9b9b9; } 


 /*모바일 메뉴 리셋*/
 .header .gnb a { color:#000; } 
 .header .gnb > ul > li.depth1 > a { font-weight:700; } 
 .header .gnb .depth2 .inner1 span { display:none; } 
 .header .gnb { border-top: 1px solid #ccc; } 
 .header .gnb > ul,
 .header .gnb .depth2 .inner1 ul > li { display:block; } 
 .header .gnb > ul > li { border-bottom: 1px solid #ccc; } 
 .header .gnb > ul li { height:100%; padding-top:0rem; padding-bottom:0rem; } 
 .header .gnb .depth1 > a { text-align:left; } 
 .header .gnb .depth1 { width:100%; min-width:100%; } 
 .header .gnb .depth1:nth-child(2),
 .header .gnb .depth1:nth-child(3) { padding-left:0rem; padding-right:0rem; } 
 .header .gnb ul > li > div { position:relative; left:inherit; top:inherit; min-height:100%; box-shadow:none; } 
 .header .gnb .depth2 .inner1 ul { padding-top:0; min-height:initial; } 

 


 .header .gnb .depth3,
 .header .gnb .depth4,
 .header .gnb .depth3 .depth4,
 .header .gnb .depth3 li:nth-child(3) .depth4, .header .gnb .depth2 .inner1 ul > li:nth-child(2) .depth3 li:nth-child(3) .depth4,
 .header .gnb > ul > li:nth-child(3) .depth2 li:nth-child(3) .depth3 { position:relative; left:inherit; min-height:auto; height:auto; top:0 !important; } 
 .header .gnb .depth2 .inner1,
 .header .gnb .depth2 .inner1 ul,
 .header .gnb > ul > li:nth-child(1) .depth2 .inner1 .depth3 ul li:nth-child(2) ul { width:100%; display:block; } 
 .header .gnb .depth2 .inner1 ul > li { height:100%; display:block; padding-left:0; padding-right:0; border-bottom:1px solid #ccc; } 
 .header .gnb .depth2 .inner1 ul > li:last-child { border-bottom:0; } 
 .header .gnb ul li { display:block; position:relative; height:100%; align-items: center; } 

 .header .gnb ul li a { width:80%; padding-left:2rem; line-height:1em; padding-right:2rem; padding-top:1.7rem; padding-bottom:1.7rem; display:block; } 
 .header .gnb ul li.on::before,
 .header .gnb ul li a.open::before { content:""; display:inline-block; width:0.3rem; height:5.5rem; background-color: #133f75; position:absolute; left:0; top:0; } 
 .header .gnb ul li a.open { color:#133f75; font-weight:700; } 
 .header .gnb ul li li a.open::before { content:none; } 

 

 

 .header .gnb ul li a:hover { font-weight:700; color:#133f75; } 
 .header .gnb ul li a::after,
 .header .gnb ul li a.mmenu::after { content:"+"; display:inline-block; font-size:2rem; font-weight:400; position:absolute; right:1.5rem; color:#000 } 
 .header .gnb ul li a.mmenu.open::after { content:"-"; color:#133f75; font-size:2rem; font-weight:400; position:absolute; right:1.5rem; } 

 .header .gnb ul li a:only-child::after,
 .header .gnb ul li.on li.on a:only-child::after,
 .header .gnb ul li.on a:only-child::after,
 .header .gnb ul li a:only-child::after { display:none; } 


 .header .gnb .depth2 li > a { padding-left:3rem; } 
 .header .gnb .depth2 li > a ul li a { padding-left:6rem; } 

 .header .gnb .depth3 li { border-bottom:1px solid #ccc; } 
 .header .gnb .depth3 li > a { padding-left:4rem; } 
 .header .gnb .depth4 { border-top:1px solid #ccc !important; } 
 .header .gnb .depth4 li:last-child { border-bottom:0 !important;; } 
 .header .gnb .depth4 li { border-bottom:1px dashed #ccc !important; } 
 .header .gnb .depth4 li a { font-size:1.6rem; } 
 .header .gnb .depth4 li:last-child { border-bottom:0; } 
 .header .gnb .depth4 li > a { padding-left:6rem; } 
 .header .gnb .depth4 li > a ul li a { padding-left:6rem; } 


 .header .gnb li.depth1.on li a,
 .header .gnb li.on li a { color:#000; } 

 


 /*리셋*/
 .table-warp,
 .content-style1,
 .w110,
 .tab .tab-inner,
 .row-warp,
 .breadcrumbs,
 .breadcrumbs-box,
 .footer-black,
 .awerds,
 .content-style1 { width:100%; max-width:initial; } 
 .w110 { padding-left:2rem; padding-right:2rem; } 

 .footer-inner,
 .awerds,
 .breadcrumbs,
 .tab .tab-inner,
 .table-warp,
 .row-warp { padding-left:2rem; padding-right:2rem; } 
 .main-section1 .row-warp { max-width:118rem; } 
 .main-section2 .row-warp { max-width:110rem; padding-left:2rem; padding-right:2rem; } 
 .main-section2 .main-news { flex-wrap: wrap; justify-content: space-between; } 
 .main-section2 .main-news li { width:48%; margin-bottom: 3rem; border-right: 1px solid #ccc; } 
 .main-section2 .main-news li:nth-child(2) { border-right:0; } 
 .main-section2 .main-news li:nth-child(4),
 .main-section2 .main-news li:nth-child(3) { margin-left:0; } 
 .content-set-list .row-warp { padding-left:0; padding-right:0; } 

 .tab .tab-inner { width:100% !important; padding-left:0rem !important; padding-right:0rem !important; } 
 
 .error-warp .logo { margin-left:2rem; } 
 


 .project .breadcrumbs .link-box { display:flex; padding-left:1rem; padding-right:1rem; align-items: center; background-color:#fff; z-index:2; } 
 /*.breadcrumbs .m-social-inner { display:none; } */
 .social-box > a { display:none } 
 .breadcrumbs { margin-top: 0; border-bottom: 1px solid #cccccc; align-items: center; padding-bottom:0; } 
 .breadcrumbs .social-box a.m-social { display:block; margin-right:0; } 
 /*.breadcrumbs .social-box a.m-social span { display:none; } */
 .breadcrumbs ul > li.swiper-slide ul { top:3.9rem; left: -1.5rem; } 

 

 

 .newsroom .news-latter { width:100%; } 

 .main-section2 ul,
 .main-section2 h1,
 .main-section5,
 .main-section5 h1,
 .main-section5 .main-down { width:100%; } 
 .main-section2 h1,
 .main-section5 h1,
 .main-section5 .main-down { max-width:110rem; padding-left:2rem; padding-right:2rem; } 
 .main-section2 h1 { max-width:110rem; padding-left:2rem; padding-right:2rem; } 
 .main-section4 h1 { padding-left:2rem; padding-right:2rem; } 
 .main-section2 a.main-more { right:2rem; } 
 .main-section4,
 .main-section4 .masonry { padding-bottom:5; } 
 .main-section4 { padding-top:5rem; } 
 .main-section4 .masonry { margin-bottom:0; } 
 .main-section5 .main-down a { margin-right:1rem; } 
 .main-section5 .main-down a:last-child { margin-right:0; } 

 }
 @media only all and (max-width: 1262px){
 .footer-menu ul li .family i.open::before { content:none; } 
 .intro-inner { padding:2rem; width:100%; margin:0 auto; } 
 }
 
 @media only screen and (min-width :1043px) and (max-width :1064px) 
 {
 .pc_none { display:none !important; } 
 }


 @media only all and (max-width: 1062px){
 .main-section3 ul,
 .main-section2 ul { width:100%; } 

 .main-section5 .main-down a { padding-left:0; justify-content: center; flex-wrap: initial; } 
 .main-section5 .main-down a div { display:block; flex-wrap: wrap; justify-content: start; } 
 .section-top { display:none; } 
 }
 
 
 @media only all and (max-width: 1024px){
 .meeting-info { margin-top:1.5rem; } 
 .a-btn { height:4.7rem; } 
 .main-section2 .main-news { flex-wrap: wrap; justify-content: space-between; } 
 .main-section2 .main-news li { width:48%; padding-left: 0; margin-left: 0; margin-bottom:3rem; } 
 .main-section2 .main-news li:nth-child(2) { border-right:0; } 
 .main-section2 .main-news li:nth-child(3),
 .main-section2 .main-news li:nth-child(4) { margin-bottom:0; } 
 .nav-down .content-box.mar-t100 { margin-top:15rem !important; } 
 .content-box.mar-t100 { margin-top:115px !important; } 
 .room-right-toggle { display:none !important; } 

 .social { margin-top:2rem; margin-right:5rem; } 
 .intro .intro-copy i { background-image: url(../../assets/img/intro-copy.png); background-size: contain; background-position: center; background-repeat: no-repeat; width:80%; } 
 .intro .intro-button-group .left { padding-right:0; justify-content:center; } 
 .intro .intro-button-group .right { padding-left:0; justify-content:center; display:inline-grid; } 
 }

 @media only all and (max-width: 938px){
 .company-address { display:block; } 

 .main-visual-position .mm_none { display:none; } 
 .main-visual-position .mpc_none { display:block; } 
 
 .h-etc:lang(en) { width:100%; } 
 .a-btn90 { width:100% !important; } 
 }

@media (orientation: landscape)
 {
 .intro .intro-copy i { height:50%; } 
 }

 @media only all and (max-width: 850px){
 .main .header-warp.on .logo a i { background-image: url(../../assets/img/main-logo.svg); } 
 .main .header-warp.nav-down.on .logo a i { background-image: url(../../assets/img/logo.svg); } 
 .a-btn90 { width:100% !important; } 
 }

 @media only all and (max-width: 820px){
 .main-section1 h1 { line-height:1em; } 
 .m_none,
 .mm_none { display:block; } 
 .pc_none,
 .mpc_none,
 .down_none { display:none; } 
 .main .pc_none,
 .main .mpc_none { display:block; } 
 .h-blank-link.pc_none { display:none; } 
 
 
 .main-section5 .main-down a i { margin-right:1rem; } 
 .main-section5 { padding-top:5rem; padding-bottom:5rem; } 
 .main-section5 .main-down a { padding:1rem; } 
 .main-section5 .main-down a p { font-size:1.6rem; line-height:1em; } 
 .main-section5 .main-down a div { text-align:center; } 

 .main .main-section1 .pc_none { display:none; } 
 .a-btn90 { width:100% !important; } 

 

 /*푸터*/
 .footer-black,
 .awerds,
 .awerds img { width:100%; } 
 .newsroom .footer-menu ul li .family { top:auto; } 
 .newsroom .news-latter p { width:100%; line-height:2.4rem; padding-top:3rem; } 
 .footer-inner { padding-top:1.6rem; padding-bottom:1.6rem; padding-left:2rem; padding-right:2rem; } 
 .footer-menu { display:flex; justify-content: space-between; } 
 .footer-menu ul { display:block; } 
 .footer-menu ul li { margin-bottom:0rem; } 
 .footer-menu ul > li::after { content:none; } 
 .company-address { flex-direction: column-reverse; } 
 .social { margin-top:3rem; margin-bottom:2rem; } 
 .social ul { display:flex; justify-content: space-between; flex: auto; } 
 .social ul li { margin-right:0; } 
 .company-address address { margin-bottom: 0; margin-top:1.8rem; } 

 .header { position:inherit; z-index:100; } 
 .news-room { position:fixed; right:0; top:0; } 
 .news-room a strong.pc-count { display:none; } 
 .news-room a strong.m-count { display:block; position:absolute; left:3.1rem; top:0.4rem; } 
 .news-room a strong.m-count i { background-image:none; width:1rem; height:1rem; background-color:#0b4da7; border-radius: 10px; } 

 .breadcrumbs { margin-top:0; border-bottom:1px solid #cccccc; } 
 .bread-left { position:relative; width:100%; } 
 .breadcrumbs .swiper-slide { height: 5rem; } 

 /*푸터*/
 .company-address p span { font-size:1rem; } 
 .footer-menu ul li.on:after { content:""; display:block; position:relative; height:8rem; width:100%; background-color: transparent; } 
 .footer-menu ul li .family { position: absolute; top:inherit; padding:1rem 2rem; margin-top:1rem; } 
 .footer-menu ul li .family > ul::after { content:none; } 
 .footer-menu ul li .family ul { width:100%; flex-wrap: wrap; height:100%; } 
 .footer-menu ul li .family > ul li { width:44%; margin-bottom:0; line-height:2rem; } 


 .awerd-box { top:25px; width:100%; height:44rem; left:0; box-shadow:none; background-color:#fff; } 
 .awerd-box:lang(en) { top:-168px; width:100%; height:fit-content; left:0; box-shadow:none; background-color:#fff; } 
 .awerd-box:lang(en) { height:54rem; } 
 .awerd-box ul li p,
 .awerd-box ul li a { width:8rem; } 
 .awerd-box ul { display:block; padding:2rem; min-height:32rem; height:100%; } 
 .awerd-box ul:lang(en) { height:50rem; } 
 
 .awerd-box li { width: 100%; align-items: center; } 
 .awerd-box li:lang(en) { width: 100% !important; align-items: center; } 
 .awerd-box li:nth-child(1) { margin-bottom:2rem; } 
 .awerd-box li:nth-child(2) { margin-bottom:2rem; } 
 .awerd-box li:nth-child(3) { margin-bottom:2rem; } 
 .awerd-box li:nth-child(4) { margin-bottom:2rem; margin-left:0; } 
 .awerd-box li:nth-child(4) p i.a3 { margin-left:-10px; } 
 .awerd-box li:nth-child(5) { margin-bottom:1.5rem; margin-left:0; display:flex; } 
 .awerd-box li:nth-child(5) dl { margin-left:0; } 
 .awerd-box li:nth-child(5) p i.a4 { margin-top:18px; background-image: url(../../assets/img/m-a4.png); width:4.4rem; } 
 .awerd-box li:nth-child(6) { margin-left:0; } 
 
 .awerd-box li:nth-child(1):lang(en) { margin-bottom:0; } 
 .awerd-box li:nth-child(2):lang(en) { margin-bottom:10px; } 
 .awerd-box li:nth-child(3):lang(en) { margin-bottom:10px; } 
 .awerd-box li:nth-child(4):lang(en) { margin-bottom:10px; } 
 .awerd-box li:nth-child(5):lang(en) { margin-bottom:0; } 
 .awerd-box li p { min-width:3rem; } 
 .awerd-box li p:lang(en) { min-width:7rem; width:7rem; } 
 .awerd-box li:nth-child(5) { margin-left:0; } 
 .search-input input { font-size:2.4rem; } 
 .close-button { position:absolute; left:2rem; top:2rem; } 
 
 .intro .intro-button-group { bottom:5rem; } 
 }
 @media only all and (max-width: 652px) 
 {
 .main-visual-position video.bgvid { height:100%; } 
 .a-btn90 { width:100% !important; } 
 }
 @media only all and (max-width: 500px) 
 {
 .awerd-box { top:-25px; } 
 .awerd-box:lang(en) { top:-180px; } 
 .awerd-box ul:lang(en) { height:51rem; } 
 .a-btn90 { width:100% !important; } 
 }
 
 @media only all and (max-width: 450px) 
 {
 .awerd-box li:nth-child(3) dl { width:200px; } 
 .awerd-box li:nth-child(1) { margin-bottom:1rem; } 
 .awerd-box li:nth-child(2) { margin-bottom:1rem; } 
 .awerd-box li:nth-child(3) { margin-bottom:1rem; } 
 .awerd-box li:nth-child(4) { margin-bottom:1rem; } 
 .awerd-box li:nth-child(5) { margin-bottom:1rem; } 
 .a-btn90 { width:100% !important; } 
 }

 @media only all and (max-width: 768px) { img { width:100% } 
 

 .key-visual.small h1 { margin-top:0; } 
 .banner1 .banner_pc { display:none; } 
 .banner1 .banner_moblie { display:block; margin:0 auto; } 
 .banner1 .bx-wrapper .banner-inner p { width:100%; } 
 

 .shiddne-box { right:0rem; } 
 .m-social-inner a.print_none { display:none !important; } 
 .social-box button span { display:none; } 
 .w300 { width:100%; } 


 .main-visual-position li p.row-warp img { width: 100%; } 
 .categoryitems.bg-gray { background-color: #fff; } 
 /*메인*/
 .main-section1 .count-warp { flex-wrap: wrap; width:100%; margin-top: 5rem; } 
 .main-section1 .count-warp dl { width:48%; margin-bottom:4rem; height:100%; position: relative; } 
 .main-section1 .count-warp dl:nth-child(3),
 .main-section1 .count-warp dl:nth-child(4) { margin-bottom:0; } 
 .main-section1 .count-warp dl dt { width:100%; flex-wrap: wrap; min-height: 17.1rem; -ms-flex-direction: column-reverse; flex-direction: column-reverse; justify-content: center; } 
 .main-section1 .count-warp dl dt i { background-position: center; display:block; } 
 .main-section1 .count-warp dl dt span { text-align: center; margin-top:2rem; font-size:1.4rem; width:100%; text-align: center; display:block; } 
 .main-section1 .count-warp dl dd { justify-content: center; margin-top:0; } 
 .main-section1 { padding-bottom:5rem; } 
 .main-section2 .main-news dl dd { margin-top:1rem; } 
 .main-section1 .count-warp dl dd strong { font-weight: 400; } 
 .main-section1 .count-warp dl dd strong:lang(en) { width: 100%; text-align: center; } 

 .main-section2 h1,
 .main-section4 h1 { padding-left:2rem; padding-right:2rem; } 
 .main-section2 h1 { margin-bottom:1.7rem; } 
 .main-section2 a.main-more { right:2rem; top:-5.5rem; } 
 .main-section2 .main-news li { border-bottom:1px solid #ccc; width:100%; padding-bottom:1rem; } 
 .main-section2 .main-news li dt strong
 {
 font-size: 2rem; font-weight: 700; margin-bottom: 1rem; color: #333; } 
 .main-section2 .main-news dl dt { line-height:inherit; } 
 .main-section2 .main-news dl { margin-top:2rem; } 
 .main-section2 .main-news li:first-child dl { margin-top:0; } 
 .main-section2 .main-news dl dt { margin-bottom: 0; } 
 
 .main-section1 h1 { font-size: 3rem; line-height: 4.5rem; } 
 .main-section1 .count-warp dl dt { display:block; } 


 .main-section2 h1,
 .main-section3 h1,
 .main-section4 h1,
 .main-section5 h1 { font-size:3.5rem; margin-bottom: 2rem; line-height:4.5rem; } 

 .main-section2 .main-news { width:100%; flex-wrap: wrap; } 
 .main-section2 .main-news li { border-right:0; margin-left:0; padding-right:0; } 
 
 .main-section5 .main-down a div { display: flex; justify-content: start; } 
 .main-section5 .main-down a span { display:none; } 


 /*레이아웃*/
 .content-warp { min-width: initial; width:100%; } 
 .flex-box { flex-wrap: wrap; } 
 .m_none-flex { flex-wrap: nowrap; } 

 .mar-l20p { margin-left:0% !important; } 
 .mar-t80 { margin-top:5rem !important; } 
 .pd-b40 { padding-bottom:3.5rem !important; } 

 .row-warp { width:100%; padding-left:2rem; padding-right:2rem; } 
 .row-warp .content-set-list,
 .row-warp .row-warp { padding-left:0; padding-right:0; } 
 .content-set-list .row-warp { padding-left:0; padding-right:0; } 

 

 /*헤더*/
 .header .header-inner,
 .header .gnb > ul,
 .breadcrumbs-box,
 .breadcrumbs { width:100%; align-items:center; padding-bottom:0; z-index:10; } 
 .breadcrumbs { padding-left:2rem; padding-right:0rem; } 
 .breadcrumbs .swiper-container { position:relative; margin-left: auto; margin-right: auto; list-style: none; padding: 0; z-index: 1; display:flex; } 
 .breadcrumbs .swiper-wrapper { transform: translate3d(0px, 0, 0); width: 100%; height: 100%; } 
 .breadcrumbs .bread-left .navigator-swiper-button-prev,
 .breadcrumbs .bread-left .navigator-swiper-button-next { width:2.2rem; height:2.2rem; } 
 .breadcrumbs .bread-left .navigator-swiper-button-next { position: absolute; top: 11px; right: 0%; } 
 .breadcrumbs .bread-left .navigator-swiper-button-prev { left:1rem; } 
 .breadcrumbs .bread-left .navigator-swiper-button-next:after { content: url(../../assets/img/btn-swiper.png); background-size:contain } 
 .project .breadcrumbs .link-box { display:flex; height:5rem; justify-content: center; padding-left:1rem; padding-right:0rem; align-items: center; border-left:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#fff; z-index:2; } 
 /*.breadcrumbs .m-social-inner { display:none; } */
 .social-box > a { display:none !important; } 
 .breadcrumbs .social-box a.m-social { display:flex; margin-right:0; } 
 /*.breadcrumbs .social-box a.m-social span { display:none; } */

 .breadcrumbs ul > li.swiper-slide ul { top: 4.9rem; left: -1.5rem; } 

 /*브레드 크럼 스크롤 업*/
 .breadcrumbs.nav-down { position: fixed; top: 0; left: 0; width: 100%; height: 5rem; background: #fff; transition: top 0.2s ease-in-out; } 
 .breadcrumbs.nav-up { top:-5rem; } 
 .breadcrumbs.nav-down .bread-left .navigator-swiper-button-next { right: 15%; } 

 


 .tab-inner .swiper-button-next { top:3.2rem; right:2rem; width:2.2rem; height:2.2rem; } 
 .tab-inner .swiper-button-next:after { background-size:contain; content: url(../../assets/img/btn-swiper-tap.png); } 
 .tab-inner .swiper-button-prev { top:3.2rem; left:2rem; width:2.2rem; height:2.2rem; } 
 .tab-inner .swiper-button-prev:after { background-size:contain; content: url(../../assets/img/btn-swiper-tap-pre.png); } 


 .main .global { display:inline-block; background-image: url(../../assets/img/global.png); width:2rem; height:2rem; } 
 .pc-global { display:inline-block; margin-right:0rem; } 
 .pc-global a { display:flex; align-items: center; } 
 .pc-global a span { display:block; color:#a3a3a3; margin-left:0.5rem; } 

 

 

 /*컴펌 버튼 */
 .com-btn { width:100%; } 

 /*btn-group*/
 .btn-group { display:block !important; width:100%; column-gap: 0; } 
 .down_none { display:none !important; } 
 
 .a-btn90 { width:100% !important; } 
 }

 @media only all and (max-width: 768px){
 .main-section4 a.main-more { top:-10rem; } 
 .m_none { display: none !important; } 
 .intro.intro-pc { display:none !important; } 
 .intro.intro-mobile { display:flex !important; } 
 .com-btn + .com-btn { margin-left:0; } 
 .com-btn { margin-bottom:1rem; } 
 .content-btn { margin-top:1rem; width:100%; } 
 .mar-b40 { margin-bottom:1.7rem !important; } 

 .editor-box b { font-size:inherit; } 
 .editor-box img { width:100%; float: none; display:block; } 

 .row-warp .content-info-set { padding-left:0; padding-right:0; } 
 .news-room a { top:2rem; } 
 h2 + .flex-box { margin-top: 1rem; width:100%; } 
 .btn-group a + a { margin-top:1rem; } 


 .main-section1 .count-warp dl dt i { margin:0 auto; } 
 .main-section1 .count-warp dl dt span { height:auto; } 
 .main-section1 .count-warp dl dd { margin-top:1rem; } 
 .main-section1 .count-warp dl dd:lang(en) { flex-wrap: wrap; } 
 .newsroom .footer-menu ul li .family:lang(en) { top:auto; } 
 

 /*인트로*/
 
 .intro-inner { padding:2rem; width:100%; margin:0 auto; } 
 .intro .logo { padding:2rem; width:100%; margin:0 auto; } 
 .intro .logo i { width:15.5rem; height:2.7rem; background-position: center; background-size:cover; background-repeat: no-repeat; background-image: url(../../assets/img/main-logo.svg); } 
 .intro .intro-copy { align-items: center; } 
 .intro .intro-copy i { background-image: url(../../assets/img/intro-copy.png); background-size: contain; background-position: center; background-repeat: no-repeat; width:80%; height:15rem; } 
 .intro .intro-button-group { display:block; bottom:0; } 
 .intro .intro-button-group .left { background-color:rgba(71,71,71,0.5); width:100%; padding-top:3rem; padding-right:0; padding-bottom:3rem; padding-left:2rem; text-align: center; display: flex; justify-content: flex-start } 
 .intro .intro-button-group .left > div { text-align:left; width:100%; } 
 .intro .intro-button-group .right { background-color:rgba(0,164,82,0.5); width:100%; padding-top:3rem; padding-bottom:3rem; padding-left:2rem; text-align: left; display:inherit; } 
 .intro .intro-button-group span { display:block; font-weight: 700; font-size:1.4rem; color:#fff; } 
 .intro .intro-button-group a { font-family: Roboto; font-size:4rem; color:#fff; font-weight: 700; } 

.ci-inner i { width:100%; } 
.h-etc:lang(en) { margin-left:0; } 
 .a-btn90 { width:100% !important; } 
 }

 @media only all and (max-width: 610px){
 .main-section3 { background-image: url(../../assets/img/main/m-main5.png); } 
 .main-section2 .main-news dl dd { display:none; } 
 .main-section2 { padding-top:4rem; padding-bottom:4rem; } 
 .main-section3 .m-title { display:flex; align-items: center; justify-content: center; color:#fff; font-size: 3.5rem; line-height:4.5rem; font-family: "SUIT-BOLD"; text-align: center; } 
 .main-section3 ul { flex-wrap: wrap; height:100%; } 
 .main-section3 ul li { width:50%; } 
 .main-section3 ul li a { flex-wrap: wrap; } 
 .main-section3 ul li a span { width:100%; } 
 .main-section5 .main-down a { width:30%; min-height: 15.8rem; padding:2.5rem 2rem; justify-content: center; display:block; } 
 .main-section5 .main-down a div { justify-content: center; } 
 .main-section5 .main-down a i { margin-right:0; background-position: center; margin:0 auto; } 
 .main-section5 .main-down a span { display:none; } 
 .main-section5 .main-down a p { text-align: center; color:#000; font-size:1.6rem; margin-top:1rem; line-height:2.4rem; } 
 .main-section5 { background-image: url(../../assets/img/main/m-main11.png); padding-top:4rem; padding-bottom:4rem; } 
 h2.contents-title-40 { width:100%; line-height:1em; } 
 .biz { padding:1.2rem !important; } 
 .biz.active::after { content: "" !important; } 
.main-section3 ul li i { background-size:80%; margin-bottom: 0px; } 
.main-section3 ul li a { margin-bottom: 1rem; } 


 .breadcrumbs .swiper-wrapper { width: auto; height: auto; } 
 .section-top { display:none; } 


 caption,
 .caption { margin-top:2rem; } 
 .latter-content ul.small-tabs li a { padding:0; } 
 .intro.intro-mobile { justify-content:unset; } 
 .intro .intro-button-group { bottom:0; } 
 
 .a-btn90 { width:100% !important; } 
 }
 
 
 /* Mobile 디자인 (해상도 ~ 479px)*/
 @media only all and (max-width: 500px){
 .main-section1 .count-warp dl dt i { width:100% !important; height:7rem !important; } 
 .main-visual-position .main-visual li { height:51rem; } 
 
 .main .header { min-height:51rem; height:100%; } 
 .main-section1 { padding-top:3rem; } 
 .main-visual-position { height:51rem; } 
 .m_none { display:none; } 
 .h-blank-link.pc_none { display:block; } 
 .pc_none { display:block; } 
 h2.contents-title-34 { font-size:2.7rem; } 
 .m-mar-t80 { margin-top:4.5rem !important; } 
 .mar-t80 { margin-top:4.5rem !important; } 
 .mar-t60 { margin-top:3.3rem !important; } 
 .mar-b150 { margin-bottom:9.3rem !important; } 
 .mar-b40 { margin-bottom:1.7rem !important; } 
 .awerds { padding-bottom:0; } 
 .newsroom .header .gnb.pc_none > ul,
 .newsroom .header .gnb.pc_none,
 .newsroom .header .gnb.pc_none ul li { width:100%; } 
 .newsroom .header .gnb.pc_none > ul { padding-left:0rem; } 

 .m_none-flex { flex-wrap: wrap; } 
 .m_none-flex select { margin-bottom:1rem; height:4rem; } 
 .m_none-flex select,
 .m_none-flex .serch-box { width:100%; } 
 .m_none-flex .serch-box.mar-l5 { margin-left:0 !important; } 
 
 
 .m_menu-warp { height:100%; min-height:90rem; } 

 .news-latter-insert { display:none; bottom:-1000px; position:relative; left:0; z-index:10; width:100%; } 
 .serch-box { width:100%; } 
 
 .newsroom .shiddne-box { right:0 !important; z-index:10; } 
 .newsroom .social_hide_box { border-top:1px solid #e6e6e6; } 
 .newsroom .editor-box { padding-left:2rem !important; padding-right:2rem !important; } 
 
.newsroom .news-latter button { display:block; height:6.9rem; } 
.newsroom .news-latter button span { display: flex; align-items: center; margin-top:0; } 


 .main-section1 p { font-size: 1.6rem; line-height: 3rem; } 
 
 .newsroom .header .logo img { width:74%; } 
 .header .logo img { width:100%; } 
 .scrollUp { background: #fff; position: fixed; transition: all 0.5s; position: fixed; top: 0; left: 0; z-index: 9998; } 
 .m-social { display:block; } 
 
 .social ul li a i { width:3.75rem; height:3.75rem; background-size: auto; background-repeat: no-repeat; } 
 .key-visual.big { height:38.5rem; } 
 
 
 .content-box { overflow:hidden; } 

 .main-section2 .main-news li { margin-bottom:1rem; } 
 
 .newsroom_icon_area { top:-7px; left:-53px; } 
 

 .search-inner { height:23rem; margin-top:5rem; } 
 .search-tag { height:17.5rem; margin-bottom:2rem; } 
 
 .view-icon:before { padding-right:1.5rem; } 
 .a-btn { width:100%; min-width:inherit; } 
 .arrowlistmenu > li a.a-btn.m_none { display:none; } 

 .mar-b30 .a-btn { margin-bottom:0; } 
 h2 + a { margin-top:2rem; } 
 .serch-box input { width:100%; } 
 .serch-box .select-box { width:100%; } 
 
 .a-btn90 { width:100% !important; } 

 
 .select-box { width:100%; } 
 }

 @media only screen and (min-width : 1024px) and (max-width : 1042px) 
 {

 .breadcrumbs { align-items: center; } 
 /*.newsroom .header-warp { left:0 !important; } */ } 

 /* 타블릿 (세로) ----------- */
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){
 .breadcrumbs { align-items: center; } 
 
 /*.newsroom .header-warp { left:0 !important; } */ } 

 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
 .newsroom .content-warp { overflow:hidden; } 
 .key-visual,
 .w-img,
 .main-section5 { background-size: cover !important; } 
 .social-voll a { background-size:32% !important; } 
 .img-list::before { height:2rem; width:2.8rem; } 
 button:hover .img-list::before { height:1.9rem; width:2.8rem; } 
 button:hover .list-list::before { width:1.8rem; height:2.8rem; } 
 .newsroom .global { width:1.9rem !important; height:1.9rem !important; background-size:auto !important; } 
 .newsroom .news-r-menu { height:2rem !important; } 
 .list-list::before { width:2.8rem; height:1.85rem; } 
 

 html { overflow: auto; height: 100%; } 
 
 
 
 .header { position:relative; } 
 /*.m-set { top:2.2rem } */
 .search-layer .box-tag { margin-top:1.1rem; } 
 .search-tag { margin-bottom:0; } 
 button.m-toggle { margin-right:2rem; } 
 .tab-inner .swiper-button-next { top:1.5rem; } 
 .tab-inner .swiper-button-prev { top:1.5rem; } 
 .header .gnb .depth2 .inner1 ul > li:hover::before,
 .header .gnb .depth2 .inner1 ul > li.on::before { top:0.5rem; } 
 body { font-weight: 300; } 
 body:lang(en) { font-weight: 200; } 
 
 .main-visual-position .main-visual li { background-size:cover !important; } 
 
 .main .header,
 .top-banner { overflow:hidden; } 
 .news-room a strong.pc-count { left:2.2rem; } 
 .news-room { position:absolute; } 
 
 .serch-box .serch-btn { width:6rem; } 
 .list-sort button { padding-left:0; padding-right:0; } 
 .breadcrumbs ul > li.swiper-slide ul { left:-2rem; } 
 select::-ms-expand { display:none } 
 }
 
 .ph-thin { /* use !important to prevent issues with browser extensions that change fonts */
 font-family: "Phosphor-Thin" !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color:#fff; /* Enable Ligatures ================ */
 letter-spacing: 0; -webkit-font-feature-settings: "liga"; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; font-feature-settings: "liga"; -webkit-font-variant-ligatures: discretionary-ligatures; font-variant-ligatures: discretionary-ligatures; /* Better Font Rendering =========== */
 -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } 
 
 
 .ph-thin.ph-mouse-simple:before { content: "\e644"; } 
 .ph-thin.ph-caret-double-down:before { content: "\e126"; } 


 /* 상단 슬라이드 */
.scroll-down { bottom: 5%; left: 50%; position: absolute; transform: translateX(-50%); z-index: 999; } 
.scroll-down a { display: inline-block; color: #fff; text-align: center; text-decoration: none; opacity: 0.9; } 
.scroll-down a:hover { opacity: 1; } 
.scroll-down i { display: block; transition: all ease 0.15s; } 
.scroll-down i:nth-of-type(1) { font-size: 35px; } 
.scroll-down i:nth-of-type(2) { font-size: 22px; } 
.scroll-down a:hover i:nth-of-type(2) { transform: translateY(5px); } 

.logout { color:#ff5537; font-size:1.6rem; } 
 


.file { font-size: 1.5rem; } 
.file a { font-size: 1.5rem; margin-left: 10px; color: #000; text-decoration: underline; }