/* ÀÛ¼ºÀÏ, Á¶È¸¼ö */
.section_regist{overflow:hidden; text-align:right;}
.section_regist dl{display:inline-block; margin:0 0 0 30px;}
.section_regist dl *{display:inline-block; font-size:11px; color:#777; font-weight:bold;}


.DB_tab6 ul, .DB_tab6 li{list-style:none;margin:0;padding:0}
.DB_tab6 img{border:none;vertical-align:top;}
.DB_tab6 {position:relative;width:730px;height:auto;padding:0;overflow:hidden;}
.DB_tab6 .DB_mask{position:relative;width:100%;height:435px;overflow:hidden;}
.DB_tab6 .DB_img{position:relative;}
.DB_tab6 .DB_img li{position:absolute;width:730px/*Çʼö*/;height:435px/*Çʼö*/}
.DB_tab6 .DB_info{position:relative;height:auto;line-height:20px;margin-top:9px; background:url(/Knowledge/SelfStudy/img/img_storyTopBg.png) no-repeat; width:100%; height:100px;}
.DB_tab6 .DB_info li{padding:38px 0 0 218px; color:#fff; font-size:22px; font-family:Malgun Gothic, '¸¼Àº °íµñ'; display:none; }
.DB_tab6 .DB_info .dec{overflow-y: scroll;position:absolute; font-size:15px; color:#666; line-height:1.5; -webkit-box-sizing:border-box; box-sizing:border-box; padding:50px 50px 0 50px; top:534px; left:0; background:#f8f3e8 url(/Knowledge/SelfStudy/img/img_storyBottomBg.png) no-repeat bottom right; width:730px; height:212px;}
.DB_tab6 .DB_info .dec .red{color:#b25353; font-weight:bold;}
.DB_tab6 .DB_menu{width:110%;padding:0; margin:241px 0 0;}
.DB_tab6 .DB_menu li img{width:136px;height:82px}
.DB_tab6 .DB_menu li{float:left;margin:0 10px 0 0;border:1px solid #fff;cursor:pointer; opacity:0.8}
.DB_tab6 .DB_menu li.DB_select{border:1px solid #ff3300; opacity:1}
.DB_tab6 .DB_dir{position:absolute;top:297px;cursor:pointer}
.DB_tab6 .DB_prev{left:11px}
.DB_tab6 .DB_next{right:11px}


/* knowhowList */
.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;}



.list_st01 .thumb, .list_st02 .thumb{width:80px; height:auto;}
.list_st01 .thumb img, .list_st02 .thumb img{width:100%; height:100%; left:auto; top:auto;}
.list_st01 .section_left{width: calc(100% - 95px);}
.list_st02 .section_left{width: calc(100% - 100px);}
.list_st02 .section_left ul{margin:0 0 0 -10px;}
.list_st02 .section_left ul li{text-indent:-12px; padding:0 0 0 12px;}


.listTitle {display:block;font:bold 15px malgun gothic;letter-spacing:-1px;color:#de4d57;margin:20px 0 10px 15px;}

.selfstudyTit.on{height:60px;}
.selfstudyTit{position:relative; overflow:hidden; background:#2f364b; z-index:1; height:0; transition:height .3s; background:#2f364c url(/Knowledge/SelfStudy/img/img_storyTopBg.png) no-repeat; background-size:100%}
.selfstudyTit img{width:100%;}
.selfstudyTit .tit{position:absolute; display:table; top:0; left:0; width:100%; height:100%; color:#fff; font-size:13px; font-weight:bold; text-align:center;}
.selfstudyTit .tit span{display:table-cell; vertical-align:middle;}

.selfstudy{position: relative; height:100%; background:#f8f3e8; z-index:2;}
.selfstudy img{width:100%;}
.selfstudy .flex-control-nav{position:relative; bottom:0 !important; background:#eee; height:24px; border-top:1px solid #d6d5d5; border-bottom:1px solid #d6d5d5;}
.selfstudy .flex-control-nav li{margin:6px 4px 0;}
.selfstudy .flex-control-paging li a.flex-active{background:#cc3344;}
.selfstudy .flex-control-paging li a{background:#888; border-radius:50%;}
.selfstudy .dec{font-size:12px; color:#666; line-height:1.5; -webkit-box-sizing:border-box; box-sizing:border-box; padding:20px; background:#f8f3e8 url(/Knowledge/SelfStudy/img/img_storyBottomBg.png) no-repeat; background-attachment: fixed;}
.selfstudy .dec .red{color:#b25353; font-weight:bold;}



.cont1{position:relative;}
.cont1 .bg1{position:absolute; left:0; top:0; background:url(img/bg1.png) no-repeat; width:100%; height:100%;}
.cont1 .inner1{position:absolute; left:0px; top:0px; width:100%; height:100%;}
.cont1 .inner1 .box{position:relative; z-index:2; padding:3em; 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:2.5em; text-align:center; font-family: 'Noto Sans KR'; margin:1em 0 0; line-height:1.3; font-weight:bold;}
.cont1 .inner1 .box .s3{color:#fff997; font-size:1.0em; text-align:center; margin:1em 0 0;}
.cont1 .inner1 .bg2{position:absolute; left:5%; top:5%; background:#000; width:90%; height:70%; opacity:0.8; margin:0;}

/* .selfstudy .flex-viewport{overflow:visible !important;} */
.selfstudy .flex-viewport:after{display:block; clear:both; content:"";}



.modBtnBox{position:relative; text-align:center; padding:20px 0 0; z-index:3;}
.modBtnBox a:first-child{display:inline-block; margin:0 0 0 0;}
.modBtnBox a{display:inline-block; margin:0 0 0 40px; color:#555; font-size:16px; padding:8px 0 17px 50px; background-size:35% !important;}
.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:10px; top:-27px; width:96%; border:2px solid #000; background:#fff; display:none;}
.modBtnBox .snsBox .tit{position:relative; background:#f0f0f0; text-align:center; color:#000; font-size:16px; font-family: 'Noto Sans KR'; padding:15px 0;}
.modBtnBox .snsBox .tit .btnClose{position:absolute; right:0; top:-12px; background:url(img/btnClose.png) no-repeat center; width:75px; height:75px; text-indent:-9999em; display:block;}
.modBtnBox .snsBox .inner{text-align:center; padding:20px 0;}
.modBtnBox .snsBox .inner a:first-child{display:inline-block; margin:0;}
.modBtnBox .snsBox .inner a{display:inline-block; margin:0 0 0 20px; color:#555; font-size:14px; padding:8px 0 17px 40px; background-size:35% !important;}
.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; background-size:28% !important;}
.modBtnBox .snsBox .inner a.a3{background:url(img/ico_a3.png) no-repeat;}


.hashTag{padding:10px 30px 0; overflow:hidden;}
.hashTag .inner{width:105%;}
.hashTag a.on{background:#333; color:#fff}
.hashTag a{display:inline-block; background:#e9f2ff; padding:5px 10px; margin:0 10px 10px 0; color:#003074; font-size:14px;}


.hashBox2{}
.hashBox2 .inner{padding:0 20px 20px;}
.hashBox2 span{display:inline-block; background:#a2a2a2; margin:0 3px 3px 0; padding:5px 10px; color:#fff; font-size:12px;}




@import url('https://cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css');
.main_slide{position:relative; text-align:center;}
.main_slide *{font-family:'nanumsquareround' !important;}
.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%;}
.main_slide li .innerBox{position:absolute; left:0; top:-2%; width:100%; height:100%; align-items: center; justify-content: center; display: flex;}
.main_slide li .innerBox .title{color:#fff; font-size:32px; font-weight:800; line-height:1.2; padding:0 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:17px; padding:5px 12px 5px; border-radius:20px; margin:0 0 0 5px; font-weight:700; line-height:1;}
.main_slide li .innerBox .txt_box{}
.main_slide li .innerBox .txt_box .txt{position:relative; color:#000; font-size:14px; line-height:1.5; z-index:2; padding:0 20px; letter-spacing:-1px;}
.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:90%; height:70%;}
.main_slide .flex-control-nav{position:absolute; left:0; bottom:7%; text-align:center; width:100%; overflow:hidden; z-index:2; background:none; padding:0;}
.main_slide .flex-control-nav li:first-child{margin:0;}
.main_slide .flex-control-nav li{display:inline-block; width:auto; height:auto; margin:0 0 0 8px;}
.main_slide .flex-control-nav li a{display:inline-block; width:1.5em; height:1.5em; background:#9598b1; border-radius:100%; text-indent:-9999em;}
.main_slide .flex-control-nav li a.flex-active{background:#d0021b;}

@media all and (max-width:320px){
	.main_slide li .innerBox .txt_box .txt{font-size:13px;}
}
@media all and (min-width:560px){
	.main_slide .slide_box{width:60%; margin:0 auto;}
}
@media all and (min-width:1024px){
	.main_slide .slide_box{width:30%; margin:0 auto;}
}