.cont1{position:relative;}
.cont1 .bg1{position:absolute; left:0; top:0; background:url(img/slider1/bg1.png) no-repeat; width:850px; height:743px;}
.cont1 .inner1{position:absolute; left:94px; top:40px; width:660px; height:473px;}
.cont1 .inner1 .box{position:relative; z-index:2; padding:10px; letter-spacing: -1px; height:100%;}
.cont1 .inner1 .box .s1{color:#aaa; font-size:14px; background:#000; padding:8px 15px; display:inline-block;}
.cont1 .inner1 .box .s2{color:#fff; font-size:60px; text-align:center; font-family: 'Noto Sans KR'; margin:0; line-height:1.1; font-weight:bold; display:table; width:100%; height:360px;}
.cont1 .inner1 .box .s2 .cell{vertical-align:middle; display:table-cell;}
.cont1 .inner1 .box .s3{color:#fff997; font-size:20px; text-align:center; margin:25px 0 0; font-weight:normal;}
.cont1 .inner1 .box .paging{position:absolute; bottom:24px; left:0; width:100%; text-align:center;}
.cont1 .inner1 .box .paging a:first-child{margin:0;}
.cont1 .inner1 .box .paging a{display:inline-block; width:13px; height:13px; border-radius:50%; background:#777; margin:0 0 0 3px;}
.cont1 .inner1 .box .paging a.on{background:#cc3344;}
.cont1 .arrowBox{position:relative; z-index:2;}
/*
.cont1 .arrowBox .arrow{position:absolute; top:0; display:inline-block; overflow:hidden; width:94px; height:513px;}
.cont1 .arrowBox .arrow.left{left:0;}
.cont1 .arrowBox .arrow.right{right:0;}
.cont1 .arrowBox .arrow span{display:inline-block; margin:228px 0 0; width:100%; height:100%; transition:all .2s;}
.cont1 .arrowBox .arrow.left span{background:url(img/sp_arrow_left.png) no-repeat;}
.cont1 .arrowBox .arrow.right span{background:url(img/sp_arrow_right.png) no-repeat;}
.cont1 .arrowBox .arrow.left:hover span{background:url(img/sp_arrow_left_hover.png) no-repeat;}
.cont1 .arrowBox .arrow.right:hover span{background:url(img/sp_arrow_right_hover.png) no-repeat;}
*/
.cont1 .inner1 .bg2{position:absolute; left:0; top:0; background:#000; width:100%; height:100%; opacity:0.8;}


.modBtnBox.on{padding:0 0 30px; margin:-19px 0 0;}
.modBtnBox{position:relative; text-align:center; padding:50px 0 30px;}
.modBtnBox a:first-child{display:inline-block; margin:0 0 0 0;}
.modBtnBox a{display:inline-block; margin:0 0 0 25px; color:#555; font-size:22px; padding:17px 0 17px 81px;}
.modBtnBox a.s1{background:url(img/ico_m1.png) no-repeat;}
.modBtnBox a.s2{background:url(img/ico_m2.png) no-repeat;}
.modBtnBox a.s3{background:url(img/ico_m3.png) no-repeat;}
.modBtnBox .snsBox{position:absolute; left:122px; top:-27px; width:600px; height:231px; border:2px solid #000; background:#fff; display:none; z-index:2;}
.modBtnBox .snsBox .tit{position:relative; background:#f0f0f0; text-align:center; color:#000; font-size:30px; font-family: 'Noto Sans KR'; padding:15px 0;}
.modBtnBox .snsBox .tit .btnClose{position:absolute; right:0; top:0; background:url(img/btnClose.png) no-repeat center; width:75px; height:75px; text-indent:-9999em; display:block;}
.modBtnBox .snsBox .inner{text-align:center; padding:45px 0;}
.modBtnBox .snsBox .inner a:first-child{display:inline-block; margin:0;}
.modBtnBox .snsBox .inner a{display:inline-block; margin:0 0 0 25px; color:#555; font-size:20px; padding:10px 0 10px 60px;}
.modBtnBox .snsBox .inner a.a1{background:url(img/ico_a1.png) no-repeat;}
.modBtnBox .snsBox .inner a.a2{background:url(img/ico_a2.png) no-repeat;}
.modBtnBox .snsBox .inner a.a3{background:url(img/ico_a3.png) no-repeat;}

.knowhowList h2{display:block;font:bold 15px malgun gothic;letter-spacing:-1px;color:#de4d57;margin:0 0 10px;}
.knowhowList .paging1{margin:13px 0 50px 0;}

.hashTag1{padding:30px 0 50px;}
.hashTag1 a.on{background:#333; color:#fff;}
.hashTag1 a{display:inline-block; background:#e9f2ff; padding:8px 20px; margin:0 2px 6px 0; color:#003074; font-size:16px;}


.detailBox{letter-spacing:-1px;}
.detailBox .tit{background:#172243; color:#fff; font-size:26px; font-family: 'Noto Sans KR'; text-align:center; padding:15px 0;}
.detailBox .tit{opacity:0;}
.detailBox .tit{opacity:1; transition:all .1s}


.detailBox .inner{position:relative;}
.detailBox .slider{width:600px; height:390px;}
.detailBox .left,
.detailBox .right{width:126px; /* height:390px; */ z-index:2; height:390px; top:0; background:#666;}
.detailBox .arrow{height:100%;}
.detailBox .arrow a{display:block; width:100%; height:100%; text-indent:-9999em; transition:all .2s;}
.detailBox .left{position:absolute; left:0;}
.detailBox .right{position:absolute; right:0;}
.detailBox .left a{background: url(img/sp_arrow_left.png) no-repeat center;}
.detailBox .right a{background: url(img/sp_arrow_right.png) no-repeat center;}
.detailBox .left a:hover{background: url(img/sp_arrow_left_hover.png) no-repeat center;}
.detailBox .right a:hover{background: url(img/sp_arrow_right_hover.png) no-repeat center;}


.detailBox.main .left, .detailBox.main .right{background:none;}





.detailBox.main .anythingControls{bottom:318px;}
.detailBox .anythingControls{text-align:center; width:100%; bottom:-35px;}
.detailBox .anythingControls .thumbNav{float:none;}
.detailBox .anythingControls .thumbNav li:first-child{margin:0;}
.detailBox .anythingControls .thumbNav li{float:none; display:inline-block; margin:0 0 0 3px;}
.detailBox .anythingControls .thumbNav li a{background:#777; width:14px; height:14px; border-radius:50%;}
.detailBox .anythingControls .thumbNav li a.cur{ background:#cc3344;}

.detailBox .btm_boxWrap.on{display:block;}
.detailBox .btm_boxWrap{background:#f4f4f4; padding:55px 114px; width:100%; min-height:285px; font-size:16px; line-height:1.8; color:#666; display:none;}
.detailBox .btm_box li{display:none; transition:all .3s;}
.detailBox .btm_box li.on{display:block;}
.detailBox .btm_box .txtBox{}
.detailBox .btm_box .txtBox .tRed{color:#cc3344;}
.detailBox .hashBox{margin:20px 0 0;}
.detailBox .hashBox span:first-child{margin:0;}
.detailBox .hashBox span{display:inline-block; background:#bbb; font-family:'dotum'; margin:0 0 2px 0; padding:0 5px 0; color:#fff; font-size:13px; height:23px; line-height:27px;}
.detailBox .anythingSlider .anythingWindow{overflow:visible;}



@import url('https://cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css');

.modBtnBox.on{margin:0; padding:43px 0 23px; letter-spacing:-1px;}
.main_slide{font-family:'nanumsquareround'; text-align:center; background:#000; letter-spacing:-1px;}
.main_slide li{position:relative;}
.main_slide li .ma{position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.6;}
.main_slide li .thumb{width:100%; height:auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} 
.main_slide li .innerBox{position:absolute; left:0; top:0; width:100%; height:100%;}
.main_slide li .innerBox .title{color:#fff; font-size:54px; font-weight:700; line-height:1.2; padding:140px 0 0;}
.main_slide li .innerBox .hash{margin:20px 0 0;}
.main_slide li .innerBox .hash li:first-child{margin:0;}
.main_slide li .innerBox .hash li{display:inline-block; border:2px solid #c88f1d; color:#c88f1d; font-size:24px; padding:7px 17px 5px; border-radius:20px; margin:0 0 0 5px; font-weight:700; line-height:1;}
.main_slide li .innerBox .txt_box{position:relative; align-items: center; justify-content: center; display: flex; width:100%; height:100%;}
.main_slide li .innerBox .txt_box .txt{position:relative; color:#000; font-size:20px; line-height:1.7; width:700px; z-index:2; padding:0 10px;}
.main_slide li .innerBox .txt_box .bg{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); background:#fff; opacity:0.6; border-radius:12px; width:700px; height:350px;}
.main_slide .slider{width:850px; height:516px;}

.main_slide .anythingControls{left:0; bottom:39px; text-align:center; width:100%;}
.main_slide .anythingControls ul{float:none;}
.main_slide .anythingControls li{float:none !important; display:inline-block;}
.main_slide .anythingControls li a{width:23px; height:23px; background:#9598b1; border-radius:100%; margin:0 5px 0 0; display:inline-block; text-indent:-9999em;}
.main_slide .anythingControls li a:hover,
.main_slide .anythingControls li a.cur{background:#d0021b;}