.d-xl-none{display:none !important;}

@media screen and (max-width:1279px) {
.d-md-block{display:block !important;}
.d-md-inline{display:inline !important;}
.d-md-inline-block{display:inline-block !important;}
.d-md-none{display:none !important;}
}

@media screen and (max-width:767px) {
.d-sm-block{display:block !important;}
.d-sm-inline{display:inline !important;}
.d-sm-inline-block{display:inline-block !important;}
.d-sm-none{display:none !important;}
}

body,input,textarea,select,button,a{font-family:'Noto Sans KR','Malgun Gothic',dotum,sans-serif;font-size:13px;color:#393939;}
body.no-scroll {
    overflow: hidden;
}
#wrap{position:relative;overflow:hidden;}
.col-full{position:relative;max-width:1280px;margin:0 auto;text-align:left;}

.header{position:relative;z-index:10;background:#fff;}
.header .main-navi-outer{position:relative;z-index:3;color:#ffffff;}
.header .main-navi-outer:after{content:'';clear:both;display:block;width:100%;}
.header .col-full{position:relative;z-index:2;}
.header .logo{display:inline-block;vertical-align:top;width:32%;padding:46px 0 15px 0;text-align:left;}
.header .logo a{font-size:35px;color:#fff;}
.header .main-navi{display:inline-block;width:68%;vertical-align:top;}
.header .main-navi .top-nav-items{float:left;width:14.28%;}
.header .main-navi .top-nav-items .top-nav-item-outer{position:relative;z-index:2;}
.header .main-navi .top-nav-item{position:relative;display:block;padding:7px 7px 7px 7px;margin:59px 24px 53px 24px;text-align:center;color:#404040;font-size:16px;}
.header .main-navi .top-nav-items .top-nav-item-outer:hover .top-nav-item{font-weight:600;color:#E50019; transition:all 0.2s;}
.header .main-navi .top-nav-items.active .top-nav-item{font-weight:300;color:#404040;}
.header .main-navi .top-nav-items.active .top-nav-item-outer:hover .top-nav-item {
    font-weight: 300; 
    color: #404040;   
}
.header .main-navi .top-nav-items .main-navi-layer{display:block;visibility: hidden;position:absolute;opacity:0;z-index:-1;
    top:149.5px;left:0;width:100%;height:265px;
background:#FEFEFE;overflow:hidden;box-shadow: inset 0 40px 60px -40px rgba(0, 0, 0, 0.1);}
.header .main-navi .top-nav-items .main-navi-layer.show {
    visibility: visible;
    opacity: 1;}
//.header .main-navi .top-nav-items .top-nav-item-outer:hover ~ .main-navi-layer {visibility: visible;opacity:1;}
//.header .main-navi-outer:hover .main-navi-layer {display: block;}
.header .main-navi:not(:hover) .top-nav-items .main-navi-layer {
    visibility: hidden;
    opacity: 0;
}
.header .main-navi .top-nav-items .main-navi-reddot {
    width:4px;
    height:4px;
	top:-64px;
	left:50%;
    background-color: #E50019;
    border-radius: 50%;
	transform: translateX(-50%);
    position: absolute;
}
.header .main-navi .top-nav-items .main-navi-reddot.active {
    top: 1px !important; 
}
.header .main-navi-layer .main-navi-thumbnail{position:absolute;top:0;left:0;z-index:0;height:100%;width:241px}
.header .main-navi-layer .main-navi-thumbnail ul{position:absolute;top:20px;left:23px;color:#fff;}
.header .main-navi-layer .main-navi-thumbnail ul li:nth-child(1){font-size:26px;}
.header .main-navi-layer .main-navi-thumbnail ul li:nth-child(2){margin-top:10px;font-size:16px;line-height:25px;}
.header .main-navi-layer .main-navi-thumbnail img{height:100%}
.header .main-navi-layer .sub{margin-left:240px;}
.header .main-navi-layer .sub dl{position:relative;float:left;width:25%;}
.header .top-nav-items:nth-child(1) .main-navi-layer .sub dl{width:20%;}
.header .main-navi-layer .sub dl:before{content:'';position:absolute;top:13px;left:0;width:1px;height:225px;background:#D5D4D4;z-index:1000;}
.header .main-navi-layer .sub dl:first-child:before{display:none;}
.header .top-nav-items:nth-child(5) .main-navi-layer .sub dl:before{height: 60px;}
.header .top-nav-items:nth-child(5) .main-navi-layer .sub dl:nth-child(4n+1):before{display:none; height: 60px;}
.header .main-navi-layer .sub dl dt{padding:10px 23px 10px 23px;margin:0 1px;}
.header .main-navi-layer .sub dl dt a{position:relative;display:inline-block;width:90%;padding:5px 12px;top:-10px;font-size:16px;line-height:30px;color:#404040;font-weight:600;}
.header .main-navi-layer .sub dl dt:hover{background:#E50019;color:#fff;}
.header .main-navi-layer .sub dl dt:hover a{color:#ffffff}
.header .main-navi-layer .sub dl dd{padding:0 35px;}
.header .main-navi-layer .sub dl dd li a{font-size:16px;line-height:28px;color:#fff;font-weight:300;display:block;width:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;word-wrap:normal;}
.header .main-navi-layer .sub dl dd .more{display:block;margin-top:6px;font-size:16px;color:#6AC1FF;}

.content-nav{display:none;}

@media screen and (min-width:768px) {
.exist-sidebar{max-width:1280px;margin:0 auto;text-align:left;overflow:hidden;}
.exist-sidebar .sidebar{float:left;width:21%;}
.exist-sidebar .content{float:right;width:74%;}
.exist-sidebar .sidebar{display:block;}

.sidebar{display:none;margin:158px 0 200px 0;text-align:center;}
.sidebar .top-nav-item-outer{display:none;}

.sidebar ul.dp2{border-top:3px solid #E50019;text-align:left;}
.sidebar ul.dp2 a{display:block;padding:15px 0 15px 2px;font: normal normal bold 20px/29px Noto Sans KR;letter-spacing: -0.5px;color: #42454A;}
.sidebar ul.dp2>li>a{border-bottom:1px solid #B0B1B3;}
.sidebar ul.dp3{padding:14px 0;border-bottom:1px solid #B0B1B3;}
.sidebar ul.dp3 a{padding:4px 0 4px 2px;font-size:18px;color:#42454A;font-weight:normal;}
.sidebar ul.dp3 .active a{color:#E50019;}

.content-nav{position:relative;z-index:10;display:block;background:#F3F3F3;height:68px;border-bottom:1px solid #e1e1e1;}
.content-nav .home{display:inline-block;height:30px;padding:19px 36px 19px 36px;border-right:1px solid #e1e1e1;}
.content-nav .nav-block{position:relative;display:inline-block;vertical-align:top;width:150px;padding:15px 20px 21px 25px;border-right:1px solid #e1e1e1;}
.content-nav .nav-block .actived-nav-item{position:relative;display:block;}
.content-nav .nav-block .actived-nav-item .arrow{position:absolute;top:15px;right:0;display:inline-block;border:solid #636161;border-width:0 2px 2px 0;padding:3px;transform:rotate(45deg);}
.content-nav .nav-block a{display:block;padding:8px 0;height:16px;font-size:16px;color:#636161;}
.content-nav .nav-block .nav-select{display:none;position:absolute;z-index:1;top:68px;left:0;width:100%;padding:0 0 15px 0;background:#F3F3F3;}
.content-nav .nav-block:hover .nav-select{display:block;}
.content-nav .nav-block .nav-select a{padding-left:25px;}
.content-nav .nav-block.nav2:before{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:3px;background:#E50019;}
.content-nav .nav-block.nav2:hover:before{display:none;}
.content-nav .main-navi-layer{display:none;}
}

.footer{margin-top:185px;background:linear-gradient(to right, #383838 0, #383838 50%, #292929 50%, #292929 100%);overflow:hidden;}
.footer .col-full{position:relative;}
.footer .c1{position:relative;float:left;width:50%;}
.footer .c1 ul{padding:47px 0 62px 0;text-align:left;line-height:30px;background:#383838;}
.footer .c1 li:nth-child(1){font-size:28px;color:#fff;}
.footer .c1 li:nth-child(2){margin-top:12px;font-size:21px;color:#959595;}
.footer .c1 li:nth-child(3){font-size:16px;color:#959595;}
.footer .c1 li:nth-child(4){font-size:16px;color:#959595;}
.footer .c1 li:nth-child(5){font-size:16px;color:#6F7175;}
.footer .c2{float:left;width:50%;}
.footer .c2-inside{padding:47px 0 47px 45px;line-height:30px;background:#292929;}
.footer .c2 .r1{line-height:16px;}
.footer .c2 .r1 a{display:inline-block;font-size:16px;line-height:16px;color:#fff;}
.footer .c2 .r1 .line{display:inline-block;vertical-align:top;font-size:13px;color:#fff;margin:0 15px;}
.footer .c2 .r2{margin-top:15px;font-size:16px;color:#959595;line-height:30px;}
.footer .c2 .r2 .line{display:inline-block;vertical-align:top;font-size:12px;line-height:24px;color:#959595;margin:0 15px;}
.footer .c2 .r3{margin-top:24px;font-size:16px;color:#4D4D4D;}
.footer .top-arrow{position:absolute;top:91px;right:0;}
.footer-hidden-checkbox {
    display: none;
}

#footer-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00000080;
    z-index: 1000;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s;
    overflow-y: auto;
    justify-content: center;
    align-items: center;
}

.footer-hidden-checkbox:checked + #daeduk-overlay {
    opacity: 1;
    pointer-events: auto;
}

.footer-content {
    background-color: white;
    width: 800px;
	max-width: 100%;
    margin: 50px auto;
    overflow-y: auto;
    padding: 60px 40px 40px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	position: relative;
	line-height:20px;
	font-size:15px;
    overflow-y: auto; /* ������ ���� ��� ��ũ���� �����ϰ� �մϴ�. */
}

#footer-close-btn::before,
#footer-close-btn::after {
    position: absolute;
    content: "";
	top:20px;
	right:-5px;
    width: 24px;
    height: 2px;
    background-color: black;
    transform-origin: center;
}
.footer-close-wrapper {
    position: absolute;
	cursor: pointer;
    top: 30px;
    right: 30px;
    width: 40px;  /* ũ�⸦ �����ϰ� �����Ͽ� Ŭ�� ������ Ȯ���մϴ�. */
    height: 40px;
    cursor: pointer;
}

#footer-close-btn::before {
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

#footer-close-btn::after {
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.wrap-main .footer{margin-top:0;}

.main{margin-top:-151px;}
.main .block-title{padding-bottom:15px;font-size:35px;font-weight:600;color:#030303;border-bottom:2px solid #E50019;}

.main .block1{text-align:center;}
.main .block1 .slick-slide img{display:inline;}
.main .block1 .box-wrap{position:relative;}
.main .block1 .box{position:relative;color:#fff;}
.main .block1 .box .txt-wrap{position:absolute;top:284px;left:0;width:100%;}
.main .block1 .box .r1{font-size:20px;line-height:29px;}
.main .block1 .box .r2{margin-top:12px;font-size:35px;font-weight:100;}
.main .block1 .box .r2 strong{font-weight:600;}
.main .block1 .box .r3{color:#fff;width:195px;height:57px;text-align:center;line-height:57px;font-size:18px;display:inline-block;margin-top:61px;border:1px solid #fff;}
.main .block1 .slick-dots{display:none !important;}

.main .block2{position:relative;overflow:hidden;background:url('../../../../data/lo/16/4cc0c5faadc1b733fdbcc5b7a75b1f4b.jpg') no-repeat top center;}
.main .block2 .col-full{max-width:1920px;}
.main .block2 .block2-inside{padding:108px 0 170px 343px;}
.main .block2 .r1{padding-top:104px;font: normal normal bold 35px/47px Noto Sans KR;color: #030303;}
.main .block2 .r2{margin-top:23px;font: normal normal normal 20px/30px Noto Sans KR;color: #030303;}
.main .block2 .box-wrap{margin-top:93px;overflow:hidden;}
.main .block2 .box-wrap .box{display:block;float:left;width:20%;}
.main .block2 .box-wrap .box .box-r1{overflow:hidden;}
.main .block2 .box-wrap .box .box-r1 img{transition:all 0.4s;}
.main .block2 .box-wrap .box .box-r1:hover img{transform:scale(1.25, 1.25);}
.main .block2 .box-wrap .box .box-r2{padding:38px 5px 0 20px;font: normal normal bold 25px/45px Noto Sans KR;color: #030303;}
.main .block2 .box-wrap .box .box-r3{padding:22px 5px 0 20px;font: normal normal normal 15px/25px Noto Sans KR;color: #030303;letter-spacing:-1px;}
.main .block2 .box-wrap .box-line{display:none;}

.main .block3{background:url('../../../../data/lo/43/324ecedb83c5cafcf8eb7b93e5085bb1.jpg') no-repeat top center;}
.main .block3.box-idx-1{background:url('../../../../data/lo/43/88833a6d330527dd378126fac2477a86.jpg') no-repeat top center;}
.main .block3.box-idx-2{background:url('../../../../data/lo/43/787fd3d970214011e984addb4156d308.jpg') no-repeat top center;}
.main .block3 .col-full{max-width:1920px;height:824px;overflow:hidden;}
.main .block3 .box{display:block;float:left;width:33.333333%;}
.main .block3 .box1{padding:170px 0 0 0;text-align:center;}
.main .block3 .box1 .r2{margin-top:13px;font: normal normal 600 35px/55px Noto Sans KR;color: #FFFFFF;}
.main .block3 .box1 .r3{margin-top:15px;font: normal normal 200 20px/30px Noto Sans KR;color: #FFFFFF;}
.main .block3 .box1 ul{margin-top:25px;}
.main .block3 .box1 ul li a{display:inline-block;width:266px;height:52px;margin-top:13px;line-height:52px;border:2px solid #959595;border-radius:26px;font-size:20px;color: #FFFFFF;transition:background-color .3s;}
.main .block3 .box1 ul li a:hover{color:#030303;background:#ffffff;border-color:#ffffff;}
.main .block3 .box2{position:relative;height:100%;}
.main .block3 .box2:before{content:'';position:absolute;top:0;left:0;width:1px;height:100%;background:#e9e9e9;}
.main .block3 .box2:after{content:'';position:absolute;top:0;right:0;width:1px;height:100%;background:#e9e9e9;}
.main .block3 .box3{height:100%;}
.main .block3 .box-common{padding:307px 0 0 0;text-align:center;}
.main .block3 .box-common .r1{font: normal normal 600 35px/45px Noto Sans KR;color: #FFFFFF;}
.main .block3 .box-common .r2{margin-top:21px;font: normal normal 200 20px/30px Noto Sans KR;color: #FFFFFF;}

.main .block4{padding:113px 0 165px 0;background:url('../../../../data/lo/16/5436d787a0a8d12d0454799b87a47d3f.jpg') no-repeat top center;overflow:hidden;}
.main .block4 .left{float:left;width:50%;}
.main .block4 .left-inside{margin-right:20px;}
.main .block4 .left .r1{margin-top:99px;text-align:center;}
.main .block4 .left .r2{margin-top:52px;text-align:center;font-size:27px;color:#030303;}
.main .block4 .left .r3{margin-top:36px;text-align:center;}
.main .block4 .left .r3 a{display:inline-block;width:195px;height:57px;line-height:57px;border:1px solid #a7a7a7;color:#a7a7a7;font-size:16px;}
.main .block4 .right{float:left;width:50%;}
.main .block4 .right-inside{margin-left:20px;}
.main .block4 .right .r1 .row{margin-top:27px;overflow:hidden;}
.main .block4 .right .r1 .row:nth-child(1){margin-top:67px;}
.main .block4 .right .r1 dl{float:left;width:50%;}
.main .block4 .right .r1 dt{font-size:20px;color:#030303;}
.main .block4 .right .r1 dd{font-size:25px;font-weight:bold;color:#030303;}
.main .block4 .right .r2{padding:25px;margin-top:27px;background:#F2F2F2;}
.main .block4 .right .r2 .desc{line-height:30px;font-size:17px;}

@media screen and (max-width:1279px) {
.header{position:relative;z-index:100;}
.header .mobile-hamburger-menu-outer{height:55px;}
.header .mobile-hamburger-menu{display:block;position:fixed;z-index:1001;top:0;width:100%;height:54px;background:#fff;border-bottom:1px solid #f2f2f2;}
.header .mobile-hamburger-menu .col-full{position:relative;text-align:center;}

.header .mobile-hamburger-menu .nav-left{float:left;width:25%;height:43px;padding-top:14px;text-align:center;cursor:pointer;}
.header .mobile-hamburger-menu .nav-left div.box{display:inline-block;}
.header .mobile-hamburger-menu .nav-left ul{display:inline-block;}
.header .mobile-hamburger-menu .nav-left ul li{display:block;width:19px;height:3px;margin-top:4px;border-radius:8px;background:#ccc;}

.header .mobile-hamburger-menu .nav-center{float:left;width:50%;height:54px;line-height:54px;margin:0;text-align:center;font-size:20px;font-weight:bold;}
.header .mobile-hamburger-menu .nav-center img{max-height:32px;vertical-align:middle;}

.header .mobile-hamburger-layer{position:fixed;z-index:1002;top:0;left:-100%;width:85%;height:100%;text-align:left;font-size:15px;overflow-y:scroll;background:#fff;}
.header .mobile-hamburger-layer a{font-size:15px;}
.header .mobile-hamburger-layer .border-top{border-top:1px solid #707070;}
.header .mobile-hamburger-layer .inner_box{position:relative;z-index:2;padding:30px 20px 5px 20px;}
.header .mobile-hamburger-layer .control_box .navi_layer_back{position:fixed;z-index:-1;top:0;left:85%;width:15%;height:200%;background:#333;filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;}
.header .mobile-hamburger-layer .control_box .navi_layer_close_btn{position:fixed;top:34px;right:0;width:15%;padding:.8em 0;text-align:center;font-size:2em;color:#fff;font-weight:bold;}
.header .mobile-hamburger-layer .top-nav-item-outer{position:relative;}
.header .mobile-hamburger-layer a{display:block;text-align:left;color:#454545;}
.header .mobile-hamburger-layer .top-nav-item{height:18px;line-height:18px;padding:14px 50px 14px 0;font-size:18px;}
.header .mobile-hamburger-layer .top-nav-items.active .top-nav-item{color:#E50019 !important;}
.header .mobile-hamburger-layer ul{display:none;padding:5px 0;}
.header .mobile-hamburger-layer ul li a{height:14px;padding:10px 50px 10px 9px;font-size:14px;}
.header .mobile-hamburger-layer .cbtn-wrap{display:inline-block;position:absolute;z-index:2;top:0;right:0;width:60px;height:100%;cursor:pointer;}
.header .mobile-hamburger-layer .cbtn{position:absolute;z-index:2;top:22px;right:20px;border:solid #787878;border-width:0 2px 2px 0;display:inline-block;padding:3px;}
.header .mobile-hamburger-layer .cbtn.up{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
.header .mobile-hamburger-layer .cbtn.down{transform: rotate(45deg);-webkit-transform: rotate(45deg);}

.wrap-main .content{margin-top:0;}
.main{margin-top:0;}

.main .block1 .box .txt-wrap{top:85px;text-align:center;}
.main .block1 .box .r1{padding:0 14px;font-size:20px;line-height:29px;}
.main .block1 .box .r2{padding:0 14px;margin-top:32px;font-size:20px;}
.main .block1 .box .r3{margin-top:46px;width:165px;height:46px;line-height:46px;}
.main .block1 .box img{max-width:none;max-height:480px;}
}

@media screen and (max-width:767px) {
.header{height:auto;}

.exist-sidebar .content{float:none;width:100%;}

.sidebar .top-nav-item-outer a{display:block;padding:15px 12px;font-size:16px;background:#E50019;color:#fff;}
.sidebar ul.dp2{display:none;padding:6px 0;text-align:left;}
.sidebar ul.dp2 a{display:block;padding:10px 12px 10px 12px;font-size:15px;color: #42454A;}
.sidebar ul.dp2>li.active>a{color:#E50019;}
.sidebar ul.dp3 a{padding:8px 12px 8px 28px;font-size:15px;color:#42454A;font-weight:normal;}
.sidebar ul.dp3 .active a{color:#E50019;}

.footer{margin-top:80px;background:none;}
.footer .c1{float:none;width:auto;}
.footer .c1 ul{padding:47px 0 42px 20px;}
.footer .c2{float:none;width:auto;}
.footer .c2-inside{padding:47px 0 47px 20px;}
.footer .top-arrow{display:none;}

.main .block-title{font-size:28px;padding-bottom:6px;}

.main .block2{padding:0 15px;background:#F7F7F7;}
.main .block2 .block2-inside{padding:68px 0 90px 0;}
.main .block2 .r1{padding-top:54px;font: normal normal bold 28px/32px Noto Sans KR;}
.main .block2 .box-wrap{margin-top:53px;}
.main .block2 .box-wrap .box{width:50%;}
.main .block2 .box-wrap .box .box-r2{padding:20px 15px 0 5px;font: normal normal bold 22px/42px Noto Sans KR;}
.main .block2 .box-wrap .box .box-r3{padding:15px 15px 0 5px;font: normal normal normal 16px/22px Noto Sans KR;}
.main .block2 .box-wrap .box-line{display:block;height:20px;clear:both;}

.main .block3{padding-bottom:70px;}
.main .block3 .col-full{height:auto;}
.main .block3 .box{float:none;width:100%;}
.main .block3 .box1{padding:40px 0 0 0;}
.main .block3 .box1 .r2{margin-top:10px;font-size:30px;line-height:42px;}
.main .block3 .box1 .r3{margin-top:12px;font-size:18px;line-height:28px;}
.main .block3 .box1 ul{padding:0 12px;margin-top:15px;}
.main .block3 .box1 ul li{display:inline-block;width:33.333333%;}
.main .block3 .box1 ul li a{width:90%;height:42px;margin-top:11px;line-height:42px;font-size:16px;border:2px solid #fff;}
.main .block3 .box-common{padding:30px 0 0 0;}
.main .block3 .box-common .r1{font-size:30px;line-height:42px;}
.main .block3 .box-common .r2{margin-top:15px;font-size:18px;line-height:28px;}

.main .block4{padding:80px 15px 100px 15px;background:#F7F7F7;}
.main .block4 .left{float:none;width:100%;}
.main .block4 .left-inside{margin-right:0;}
.main .block4 .right{float:none;width:100%;margin-top:60px;}
.main .block4 .right-inside{margin-left:0;}
.main .block4 .right .r1 dl{float:none;width:100%;}
.main .block4 .right .r1 dl:nth-child(2){margin-top:27px;}
}