@charset "utf-8";


/* main page */
#subWrap{width:100%; float:left; padding-bottom:80px; margin-top:137px;}
#subWrap01{width:100%; float:left; padding-bottom:80px; border-top:1px solid #dbdbdb !important; margin-top:137px;}

<!--// subType01-->
.subTopType01{width:100%; float:left; padding:0 0 80px; border-top:1px solid #dbdbdb !important; text-align:left;}
.subTopType01 .bradcrum{display:inline-block; padding:40px 0px 30px; box-sizing:border-box; color:#2e2e2e; font-size:14px; line-height:30px; position:relative; z-index:20; float:right;}
.subTopType01 .bradcrum span.gt{display:inline-block; padding:0 20px 0 20px;}


.subTopType01 .bradcrum .mainBrad{display:inline-block; width:200px; padding:0 20px 0 20px; color:#292929; position:relative; z-index:2; box-sizing:border-box; cursor:pointer;}
.subTopType01 .bradcrum .mainBrad .down{display:inline-block; padding-left:20px; display:none;}
.subTopType01 .bradcrum .mainBrad .up{display:inline-block; padding-left:20px; display:none;}

.subTopType01 .bradcrum .mainBrad ul.mainBradLink{display:inline-block; width:calc(100% + 2px); position:absolute; top:30px; left:-1px; z-index:10; box-sizing:border-box; border:1px solid #292929; 
                                        background:#fff; display:none;}
.subTopType01 .bradcrum .mainBrad ul.mainBradLink li{width:100%; padding:3px 0px 3px 20px; box-sizing:border-box; font-size:13px; color:#292929;}
.subTopType01 .bradcrum .mainBrad ul.mainBradLink li a{color:#292929;}
.subTopType01 .bradcrum .mainBrad ul.mainBradLink li a:hover{color:#c3d600;}
.subTopType01 .bradcrum .mainBrad ul.mainBradLink li.on a{color:#c3d600;}
.subTopType01 .bradcrum .mainBrad .mainBradArea{width:110%; height:200px;position:absolute; top:30px; left:-5%; background:rgba(0,0,0,0); z-index:1; display:none;}


.subTopType01 .bradcrum .subBrad{display:inline-block; padding:0 20px 0 20px; color:#292929; position:relative; z-index:2; border:1px solid #292929; box-sizing:border-box; cursor:pointer;}
.subTopType01 .bradcrum .subBrad .down{display:inline-block; padding-left:20px;}
.subTopType01 .bradcrum .subBrad .up{display:inline-block; padding-left:20px; display:none;}

.subTopType01 .bradcrum .subBrad ul.subBradLink{display:inline-block; width:calc(100% + 2px); position:absolute; top:30px; left:-1px; z-index:10; box-sizing:border-box; border:1px solid #292929; 
                                        background:#fff; display:none;}
.subTopType01 .bradcrum .subBrad ul.subBradLink li{width:100%; padding:3px 0px 3px 20px; box-sizing:border-box; font-size:13px; color:#292929;}
.subTopType01 .bradcrum .subBrad ul.subBradLink li a{color:#292929;}
.subTopType01 .bradcrum .subBrad ul.subBradLink li a:hover{color:#c3d600;}
.subTopType01 .bradcrum .subBrad ul.subBradLink li.on a{color:#c3d600;}
.subTopType01 .bradcrum .subBrad .subBradArea{width:110%; height:200px;position:absolute; top:30px; left:-5%; background:rgba(0,0,0,0); z-index:1; display:none;}

.subTopType01 .bradcrum .ssubBrad{display:inline-block; padding:0 20px 0 20px; color:#292929; position:relative; z-index:2; border:1px solid #292929; box-sizing:border-box; cursor:pointer;}
.subTopType01 .bradcrum .ssubBrad .down{display:inline-block; padding-left:20px;}
.subTopType01 .bradcrum .ssubBrad .up{display:inline-block; padding-left:20px; display:none;}

.subTopType01 .bradcrum .ssubBrad ul.ssubBradLink{display:inline-block; width:calc(100% + 2px); position:absolute; top:30px; left:-1px; z-index:10; box-sizing:border-box; border:1px solid #292929; 
                                        background:#fff; display:none;}
.subTopType01 .bradcrum .ssubBrad ul.ssubBradLink li{width:100%; padding:3px 0px 3px 20px; box-sizing:border-box; font-size:13px; color:#292929;}
.subTopType01 .bradcrum .ssubBrad ul.ssubBradLink li a{color:#292929;}
.subTopType01 .bradcrum .ssubBrad ul.ssubBradLink li a:hover{color:#c3d600;}
.subTopType01 .bradcrum .ssubBrad ul.ssubBradLink li.on a{color:#c3d600;}
.subTopType01 .bradcrum .ssubBrad .ssubBradArea{width:110%; height:200px;position:absolute; top:30px; left:-5%; background:rgba(0,0,0,0); z-index:1; display:none;}


.subTopType01 .subPageTit{display:inline-block; padding:30px 0 40px; float:left; font-weight:600; color:#292929; font-size:40px; line-height:50px; position:relative; z-index:1;}
.subTopType01 .subBaord{width:100%; float:left; min-height:300px;}
.subTopType01 .subPageTit02{width:100%; padding:0px 0 20px; float:left; font-weight:600; color:#292929; font-size:30px; position:relative; z-index:1;}





<!--// subType02-->
.subTopType02{width:100%; float:left;}

.subTopType02 .subTopWrap{width:100%; height:250px; float:left; background:url(../images/sub/subTop01.jpg) no-repeat center center; display:table; margin-top:30px;}
.subTopType02 .subTop{display:table-cell; vertical-align:middle; color:#ffffff; text-align:center;}
.subTopType02 .subTop .tit{font-weight:600; font-size:30px; line-height:40px;}
.subTopType02 .subTop .txt{font-size:18px; line-height:30px;}

.subTopType02 .subPageTit{width:100%; padding:50px 0 50px; float:left; font-weight:600; color:#292929; font-size:30px; border-bottom:1px solid #dbdbdb; margin-bottom:50px; text-align:center;}
.subTopType02 .subBaord{width:100%; float:left; min-height:300px;}


<!--// subType03-->
.subTopType03{width:100%; float:left;}

.subTopType03{width:100%; float:left; padding:0 0 80px;}
.subTopType03 .bradcrumWrap{width:100%; float:left; background:#c3d600; box-sizing:border-box; border-top:1px solid #c3d600; border-bottom:1px solid #c3d600; }
.subTopType03 .bradcrum{width:100%; color:#2e2e2e; font-size:14px; line-height:30px; }
.subTopType03 .bradcrum span.home{display:inline-block; width:50px; height:50px; background-color:#000; background-image:url(../images/sub/bletHome.png); background-size:30px auto; background-repeat:no-repeat; background-position:center center; float:left; text-indent:-999999;}
.subTopType03 .bradcrum .mainBrad{display:inline-block; padding:10px 20px; color:#292929; position:relative; z-index:2; border-right:1px solid #ffffff; box-sizing:border-box; float:left; line-height:30px; font-size:18px;}

.subTopType03 .bradcrum .subBrad{display:inline-block; padding:10px 20px; color:#292929; position:relative; z-index:2; border-right:1px solid #ffffff; box-sizing:border-box; float:left;  line-height:30px; font-size:18px;}
.subTopType03 .bradcrum .subBrad .down{display:inline-block; padding-left:20px;}
.subTopType03 .bradcrum .subBrad .up{display:inline-block; padding-left:20px; display:none;}

.subTopType03 .bradcrum .subBrad ul.subBradLink{display:inline-block; width:calc(100% + 2px); position:absolute; top:30px; left:-1px; z-index:10; box-sizing:border-box; border:1px solid #292929; 
                                        background:#fff; display:none;}
.subTopType03 .bradcrum .subBrad ul.subBradLink li{width:100%; padding:3px 0px 3px 20px; box-sizing:border-box; font-size:13px; line-height:24px; color:#292929;}
.subTopType03 .bradcrum .subBrad ul.subBradLink li a{color:#292929;}
.subTopType03 .bradcrum .subBrad ul.subBradLink li a:hover{color:#c3d600;}
.subTopType03 .bradcrum .subBrad .subBradArea{width:110%; height:200px;position:absolute; top:30px; left:-5%; background:rgba(0,0,0,0); z-index:1; display:none;}

.subTopType03 .subTopWrap{width:100%; height:250px; float:left; background:url(../images/sub/subTop01.jpg) no-repeat center center; display:table; margin-top:30px;}
.subTopType03 .subTop{display:table-cell; vertical-align:middle; color:#ffffff; text-align:center;}
.subTopType03 .subTop .tit{font-weight:600; font-size:30px; line-height:40px;}
.subTopType03 .subTop .txt{font-size:18px; line-height:30px;}

.subTopType03 .subPageTit{width:100%; padding:50px 0 20px; float:left; font-weight:600; color:#292929; font-size:40px; line-height:40px; border-bottom:1px solid #dbdbdb; margin-bottom:50px; text-align:left;}
.subTopType03 .subPageTit span{color:#666666; font-size:18px;}
.subTopType03 .subBaord{width:100%; float:left; min-height:300px;}


<!--// subType04-->
.subTopType04{width:100%; float:left; padding:0 0 80px; border-top:1px solid #dbdbdb;}
.subTopType04 .bradcrum{width:100%; padding:20px 0; color:#6666; font-size:14px; line-height:30px;}
.subTopType04 .bradcrum span.home{display:inline-block; padding:0 10px; color:#666666;}
.subTopType04 .bradcrum span.gt{display:inline-block; padding:0 10px}
.subTopType04 .bradcrum span.mBrad{display:inline-block; padding:0 10px; color:#666666;}
.subTopType04 .bradcrum span.sBrad{display:inline-block; padding:0 10px; color:#292929; font-weight:600;}

.subTopType04 .bradcrum .subBrad{display:inline-block; padding:0 20px 0 20px; color:#292929; position:relative; z-index:2; border:1px solid #292929; box-sizing:border-box;}
.subTopType04 .bradcrum .subBrad .down{display:inline-block; padding-left:20px;}
.subTopType04 .bradcrum .subBrad .up{display:inline-block; padding-left:20px; display:none;}

.subTopType04 .bradcrum .subBrad ul.subBradLink{display:inline-block; width:calc(100% + 2px); position:absolute; top:30px; left:-1px; z-index:10; box-sizing:border-box; border:1px solid #292929; 
                                        background:#fff; display:none;}
.subTopType04 .bradcrum .subBrad ul.subBradLink li{width:100%; padding:3px 0px 3px 20px; box-sizing:border-box; font-size:13px; color:#292929;}
.subTopType04 .bradcrum .subBrad ul.subBradLink li a{color:#292929;}
.subTopType04 .bradcrum .subBrad ul.subBradLink li a:hover{color:#c3d600;}
.subTopType04 .bradcrum .subBrad .subBradArea{width:110%; height:200px;position:absolute; top:30px; left:-5%; background:rgba(0,0,0,0); z-index:1; display:none;}


.subTopType04 .subPageTit{width:100%; padding:50px 0 30px; border-bottom:2px solid #292929; margin-bottom:30px; float:left; font-weight:600; color:#292929; font-size:40px; text-align:center; line-height:40px;}
.subTopType04 .subPageTit span{font-size:18px; color:#666666;}
.subTopType04 .subBaord{width:100%; float:left; min-height:300px;}



.boardType01{width:100%; float:left; padding:0px 0 80px;}
.boardType02{width:100%; float:left; padding:0px 0 80px;}
.boardType03{width:100%; float:left; padding:0px 0 80px;}
.boardType04{width:100%; float:left; padding:0px 0 80px;}



.subTabWrap{width:100%; height:74px; float:left; box-sizing:border-box; border-bottom:3px solid #dbdbdb; text-align:center; margin-bottom:50px;}
.subTabWrap ul{width:100%; float:left; height:50px; text-align:center;}
.subTabWrap ul li{width:20%;display:inline-block; float:none; height:50px;}
.subTabWrap ul li a{display:inline-block; width:100%; height:50px; box-sizing:border-box; line-height:50px; color:#292929; font-size:18px; text-align:center;}
.subTabWrap ul li a:hover{line-height:48px; border-top:2px solid #adca0e; color:#adca0e;}
.subTabWrap ul li.on a{line-height:48px; border-top:2px solid #adca0e; color:#adca0e;}



/*******************************************
**************** My Page Css *******************
*******************************************/

.subNoticeWrap{width:100%; float:left;}
.subNoticeWrap .subNotice{width:30%; float:left; margin-left:5%; border-bottom:1px solid #dbdbdb;}
.subNoticeWrap .subNotice:first-child{margin-left:0;}

.subNotice .subNoticetit{width:100%; box-sizing:border-box; padding:10px; background:#ebebeb; color:#3f3f3f; font-size:15px; font-weight:600;}
.subNotice .subNoticetit a{display:inline-block; float:right; font-size:20px; color:#3f3f3f;}
.subNotice .subNoticetit a:hover{color:#c3d600;}

.subNotice .subNoticeList{width:100%; float:left; padding-top:10px; padding-bottom:10px;}
.subNotice .subNoticeList ul{width:100%; float:left;}
.subNotice .subNoticeList ul li{width:100%; float:left; box-sizing:border-box; position:relative; padding:5px 2px 5px 20px; line-height:20px; font-size:14px;}
.subNotice .subNoticeList ul li::before{content:'·'; font-size:30px; color:#c3d600; display:inline-block; position:absolute; width:20px; text-align:center; height:20px; line-height:20px;
                                         top:5px; left:0;}
.subNotice .subNoticeList ul li a{display:inline-block; width:100%; color:#3f3f3;}
.subNotice .subNoticeList ul li a span.date{display:inline-block; float:right;color:#727272; font-size:12px;}


.myPTop{width:100%; float:left; box-sizing:border-box; padding:0 20px 50px;}

.myPageWrap{width:100%; float:left;}
.myBox {width:280px; float:left; box-sizing:border-box; border:1px solid #c5c5c5; margin-left:11px; margin-bottom:10px;}
.myBox:first-child{margin-left:0 !important;}
.myBox:nth-child(4n+1){margin-left:0 !important;}

.myBox a{display:inline-block; width:100%; padding:25px 20px; box-sizing:border-box; text-align:center; float:left;}
.myBox a .icon{width:100%; padding-bottom:20px;}
.myBox a .txt{width:100%; font-size:18px; color:#3f3f3f; font-weight:600;}
.myBox a:hover .txt{color:#c3d600;}

.myBoxBg{height:168px; background:url(../images/sub/mypage_dentium_bg.jpg) no-repeat center center;}


/* 마이페이지_my Page */

.myTit{width:100%; float:left; padding-bottom:20px; color:#292929; font-size:18px; font-weight:600; box-sizing:border-box; padding-left:20px;}
.myTit02{width:100%; float:left; padding-bottom:20px; color:#292929; font-size:18px; font-weight:600; box-sizing:border-box;}

.myTxt{width:100%; float:left; padding-bottom:10px; color:#292929; font-size:16px; box-sizing:border-box;}

.myInfo{width:100%; float:left; padding-bottom:20px; color:#292929; font-size:18px;}
.myInfo .mbName{font-weight:600;}
.myInfo .mbGrade{font-weight:600; color:#c3d600;}

.myPageWrap{width:100%; float:left;}
.myPageTop{width:100%; float:left; box-sizing:border-box; border:1px solid #c5c5c5; display:table;}
.myPageTop .myDentium{width:200px; display:table-cell; vertical-align:middle; background:#ebebeb; font-size:22px; line-height:30px; font-weight:600; color:#292929;  text-align:center;}
.myPageTop .myOrder{width:158px; display:table-cell; vertical-align:middle; padding:0; box-sizing:border-box; text-align:center; border-left:1px solid #c5c5c5; color:#292929; font-size:20px;}
.myPageTop .myOrder .orderTit{display:inline-block; padding-bottom:10px; padding-top:15px; border-bottom:1px solid #c5c5c5; font-size:18px; font-weight:600;}
.myPageTop .myOrder .orderCnt{display:inline-block; font-weight:bold; font-size:50px;}
.myPageTop .myOrder .orderPoint{width:inline-block; width:100%; padding-bottom:19px; margin-bottom:18px; border-bottom:1px solid #c5c5c5; font-size:16px; line-height:28px; box-sizing:border-box;}
.myPageTop .myOrder .orderLive{width:inline-block; width:100%; font-size:16px; line-height:28px; box-sizing:border-box; }
.myPageTop .myOrder .orderLive .liveWrap{display:inline-block;}
.myPageTop .myOrder .orderLive .liveTxt{font-size:16px; line-height:28px; float:left;}
.myPageTop .myOrder .orderLive .liveOn{display:inline-block; width:28px; height:28px; margin:0 5px; background:url(../images/sub/liveOn.gif); float:left;}
.myPageTop .myOrder .orderLive .liveOff{display:inline-block; width:28px; height:28px; margin:0 5px; background:url(../images/sub/liveOff.gif); float:left;}

.myPageWrap .myPageLeft{width:202px; box-sizing:border-box; border:1px solid #c5c5c5; border-bottom:none; float:left;}
.myPageWrap .myPageRight{width:951px; box-sizing:border-box; padding:25px 0 30px 25px; float:left;}


/* 마이페이지_myPageLeft*/
.myPageListBox{width:100%; box-sizing:border-box; border-bottom:1px solid #c5c5c5; padding:5px 20px; float:left;}
.myPageListBox .listTit{width:100%; box-sizing:border-box; border-bottom:1px solid #e3e3e3; padding:0 0 10px 0; float:left; font-size:18px; color:#3f3f3f; font-weight:600;}
.myPageListBox .list{width:100%; float:left; padding:2px 0;}
.myPageListBox .list li{width:100%; float:left; padding:3px 0;}
.myPageListBox .list li a{color:#3f3f3f; font-size:14px;}
.myPageListBox .list li a:hover{color:#c3d600;}
.myPageListBox .list li.on a{color:#c3d600;}





/* 마이페이지_myPageRight*/

.orderSchWrap{width:100%; float:left; padding-bottom:20px;}
.orderSchWrap .orderSearch{width:474px; height:42px; float:left; box-sizing:border-box; border:1px solid #c8c8c8; padding:0 10px; position:relative;}
.orderSchWrap .orderSearch .schInp{width:430px; height:40px; line-height:40px; border:none; color:#969696; font-size:15px; float:left; display:inline-block;  appearance:none; -webkit-appearance: none; -moz-appearance: none; border:none;}
.orderSchWrap .orderSearch .schInp:click{color:#292929;}
.orderSchWrap .orderSearch .schInp:focus{color:#292929;}
.orderSchWrap .orderSearch .schBtn{display:inline-block; width:40px; height:40px; line-height:40px; text-indent:-999999; background:url(../images/sub/btnSearch.png) no-repeat center center; cursor:pointer;
                                  position:absolute; top:1px; right:5px;}
.orderSchWrap .searchTerm{float:right; }
.orderSchWrap .searchTerm .schTerm{float:left;}
.orderSchWrap .searchTerm .schTerm li {float:left; display:inline-block; padding:4px 2px;}
.orderSchWrap .searchTerm .schTerm li a{display:inline-block; line-height:34px; height:34px; padding:0 15px; float:left; border:1px solid #c8c8c8; background:#ffffff; color:#3f3f3f; font-size:16px; box-sizing:border-box; border-radius:17px; cursor:pointer;}
.orderSchWrap .searchTerm .schTerm li a:hover{color:#ffffff; border:1px solid #c3d600; background:#c3d600;}
.orderSchWrap .searchTerm .schTerm li.on a{color:#ffffff; border:1px solid #c3d600; background:#c3d600;}


.orderTabWrap{width:100%; float:left; padding-bottom:20px;}
.orderTabWrap .orderTab{width:100%; float:left;}
.orderTab li{width:33.3333%; float:left;}
.orderTab li a{display:inline-block; width:100%; padding:14px 0; line-height:30px; color:#292929; background:#f7f7f7; box-sizing:border-box;border-top:2px solid #c8c8c8;
               border-right:1px solid #c8c8c8; border-left:1px solid #c8c8c8; border-bottom:2px solid #c3d600; font-size:17px; text-align:center; font-weight:600; cursor:pointer;}
.orderTab li:first-child a{border-left:2px solid #c8c8c8;}
.orderTab li.on a{border-color:#c3d600 !important; border-right:2px solid #c8c8c8; border-bottom:2px solid #ffffff !important; color:#c3d600; background:#ffffff;}

.orderTab02 li{width:50% !important;}

.orderListWrap{width:100%; float:left;}
.orderListBox{width:100%; float:left; box-sizing:border-box; border:1px solid #c5c5c5; box-shadow:1px 1px 5px #c5c5c5; margin-bottom:25px;}
.orderListBox .orderListTop{width:100%; box-sizing:border-box; padding:15px; background:#f7f7f7; font-size:17px; color:#717171; line-height:24px; float:left;}
.orderListBox .orderListTop .orderDate{display:inline-block; padding:0 10px 0 0; float:left;}
.orderListBox .orderListTop .orderNum{display:inline-block; padding:0 10px 0 0; float:left;}
.orderListBox .orderListTop .orderView{display:inline-block; float:right;}
.orderListBox .orderListTop .orderView a{color:#c3d600;}
.orderListBox .orderListTop .orderView a:hover{color:#292929;}
.orderListBox .orderListNone{width:100%; float:left; padding:20px; box-sizing:border-box; text-align:center; font-size:16px;}

.orderListBox .orderCont{width:100%; float:left; box-sizing:border-box; padding:15px; display:table;}
.orderListBox .orderCont .prdImg{width:144px; border:1px solid #c5c5c5; display:table-cell; vertical-align:middle;}
.orderListBox .orderCont .prdImg img{width:100%;}
.orderListBox .orderCont .prdInfo{width:643px; display:table-cell; vertical-align:middle; box-sizing:border-box; padding:0 20px;}
.orderListBox .orderCont .prdInfo .prdName{width:100%; padding-bottom:20px; float:left; color:#656e00; font-size:18px; line-height:28px; font-weight:600;}
.orderListBox .orderCont .prdInfo .prdName .dentiumMall{display:inline-block; width:100px; height:28px; box-sizing:border-box; line-height:26px; font-size:12px; color:#474747;
                                                        background:url(../images/sub/shopIcon01.png) no-repeat 0 center;}
.orderListBox .orderCont .prdInfo .prdName .academyMall{display:inline-block; width:138px; height:28px; box-sizing:border-box; line-height:26px; font-size:12px; color:#474747;
                                                        background:url(../images/sub/shopIcon02.png) no-repeat 0 center;}
.orderListBox .orderCont .prdInfo .prdName .seminarMall{display:inline-block; width:128px; height:28px; box-sizing:border-box; line-height:26px; font-size:12px; color:#474747;
                                                        background:url(../images/sub/shopIcon03.png) no-repeat 0 center;}
														
.orderListBox .orderCont .prdInfo .dentiumMall{padding-left:100px; box-sizing:border-box; background:url(../images/sub/shopIcon01.png) no-repeat 0 2px;}
.orderListBox .orderCont .prdInfo .academyMall{padding-left:138px; box-sizing:border-box; background:url(../images/sub/shopIcon02.png) no-repeat 0 2px;}
.orderListBox .orderCont .prdInfo .seminarMall{padding-left:128px; box-sizing:border-box; background:url(../images/sub/shopIcon03.png) no-repeat 0 2px;}


.orderListBox .orderCont .prdInfo .orderInfo{width:100%; float:left;}
.orderListBox .orderCont .prdInfo .orderInfo li{width:50%; float:left; box-sizing: border-box; padding:5px 0 5px 20px; line-height:24px; position:relative; color:#3f3f3f; font-size:16px;}
.orderListBox .orderCont .prdInfo .orderInfo li::before{display:inline-block; content:"·"; font-size:40px; color:#43a2fa; position:absolute; left:0; top:4px;}
.orderListBox .orderCont .prdInfo .orderInfo li span{color:#43a2fa; display:inline-block; padding-right:20px; font-weight:600;}
.orderListBox .orderCont .prdInfo .orderInfo li.wd100{width:100%;}

.orderListBox .orderCont .orderBtn{width:140px; display:table-cell; vertical-align:middle; box-sizing:border-box;}
.orderListBox .orderCont .orderBtn a{display:inline-block; width:100%; height:44px; line-height:42px; border:1px solid #c3d600; background:#c3d600; color:#fff; font-size:16px; margin:1px 0; text-align:center;}
.orderListBox .orderCont .orderBtn a:hover{background:#ffffff; color:#c3d600;}

.orderListBox .orderCont .orderBtn a.btnTrack{border:1px solid #c3d600; background:#c3d600; color:#fff;}
.orderListBox .orderCont .orderBtn a.btnTrack:hover{background:#ffffff; color:#c3d600;}
.orderListBox .orderCont .orderBtn a.btnCancle{border:1px solid #717171; background:#ffffff; color:#3f3f3f;}
.orderListBox .orderCont .orderBtn a.btnCancle:hover{background:#3f3f3f; color:#ffffff;}



.iconTab{width:100%; float:left; padding:20px 0; text-align:center; height:150px; text-align:center;}
.iconTab ul{display:inline-block; float:none;}
.iconTab ul li{display:inline-block; padding:0 10px;}
.iconTab ul li a{display:table-cell; width:100px; height:100px; border:1px solid #c5c5c5; border-radius:100%; background:#ffffff; vertical-align:middle; font-size:12px; color:#8f8f8f;}
.iconTab ul li a .icon{display:inline-block; width:100%; height:40px; background-repeat:no-repeat; background-position:center center; margin-bottom:2px;}
.iconTab ul li a .allOrder{display:inline-block; border-bottom:1px solid #8f8f8f;}
.iconTab ul li a .allNum{font-size:20px; font-weight:600;}
.iconTab ul li a.on{background:#c3d600; border:1px solid #c3d600; color:#ffffff;}
.iconTab ul li a.on .allOrder{border-bottom:1px solid #ffffff;}

.iconTab ul li:first-child a .icon{background-image:url("/images/sub/iconFit01_01.png");}
.iconTab ul li:nth-child(2) a .icon{background-image:url("/images/sub/iconFit02_01.png");}
.iconTab ul li:nth-child(3) a .icon{background-image:url("/images/sub/iconFit03_01.png");}
.iconTab ul li:nth-child(4) a .icon{background-image:url("/images/sub/iconFit04_01.png");}
.iconTab ul li:nth-child(5) a .icon{background-image:url("/images/sub/iconFit05_01.png");}
.iconTab ul li:nth-child(6) a .icon{background-image:url("/images/sub/iconFit06_01.png");}
.iconTab ul li:nth-child(7) a .icon{background-image:url("/images/sub/iconFit07_01.png");}

.iconTab ul li:first-child a.on .icon{background-image:url("/images/sub/iconFit01_02.png");}
.iconTab ul li:nth-child(2) a.on .icon{background-image:url("/images/sub/iconFit02_02.png");}
.iconTab ul li:nth-child(3) a.on .icon{background-image:url("/images/sub/iconFit03_02.png");}
.iconTab ul li:nth-child(4) a.on .icon{background-image:url("/images/sub/iconFit04_02.png");}
.iconTab ul li:nth-child(5) a.on .icon{background-image:url("/images/sub/iconFit05_02.png");}
.iconTab ul li:nth-child(6) a.on .icon{background-image:url("/images/sub/iconFit06_02.png");}
.iconTab ul li:nth-child(7) a.on .icon{background-image:url("/images/sub/iconFit07_02.png");}

.myPageBtn{width:100%; float:left; padding:20px 0; text-align:center;}
.myPageBtn button{width:20%; display:inline-block; height:50px; padding:10px; box-sizing:border-box; line-height:28px;  text-align:center; background:#ffffff; border:1px solid #292929; color:#292929; font-size:18px;}
.myPageBtn button:hover{ background:#292929; color:#ffffff;}
.myPageBtn .myBtn01{background:#292929; color:#ffffff;}
.myPageBtn .myBtn01:hover{background:#ffffff; color:#292929;}
.myPageBtn .myBtn02{background:#ffffff; color:#c3d600; border:1px solid #c3d600;}
.myPageBtn .myBtn02:hover{background:#c3d600; color:#ffffff; }
.myPageBtn .myBtn03{background:#c3d600; color:#ffffff; border:1px solid #c3d600;}
.myPageBtn .myBtn03:hover{background:#ffffff; color:#c3d600;}


/* 마이페이지_맞춤제작리스트*/
.fixTable{width:100%; box-sizing:border-box; border:1px solid #c5c5c5; border-left:none; box-shadow:1px 1px 5px #c5c5c5; margin-bottom:25px;}
.fixTable th{padding:15px 5px; background:#f7f7f7; font-size:17px; color:#717171; line-height:20px; border-left:1px solid #c5c5c5; text-align:center;}
.fixTable td{padding:15px 5px; font-size:16px; color:#3f3f3f; line-height:24px; border-left:1px solid #c5c5c5; text-align:center; letter-spacing:-1px;}
.fixTable td .prdName{display:inline-block; padding-bottom:10px; color:#656e00; font-size:17px; font-weight:600;}
.fixTable td.state{color:#ec3131; font-weight:600;}
.fixTable td.prdInfo{text-align:left;}

.fixTable td .orderBtn{width:80px; display:inline-block;}
.fixTable td .orderBtn a{display:inline-block; width:100%; height:24px; line-height:22px; border:1px solid #c3d600; background:#c3d600; color:#fff; font-size:14px; margin:1px 0; text-align:center;}
.fixTable td .orderBtn a:hover{background:#ffffff; color:#c3d600;}

.fixTable td .orderBtn a.btnTrack{border:1px solid #c3d600; background:#c3d600; color:#fff;}
.fixTable td .orderBtn a.btnTrack:hover{background:#ffffff; color:#c3d600;}
.fixTable td .orderBtn a.btnCancle{border:1px solid #717171; background:#ffffff; color:#3f3f3f;}
.fixTable td .orderBtn a.btnCancle:hover{background:#3f3f3f; color:#ffffff;}
.fixTable td .orderBtn a.btnViewImg{border:1px solid #717171; background:#ffffff; color:#3f3f3f;}
.fixTable td .orderBtn a.btnViewImg:hover{background:#3f3f3f; color:#ffffff;}


/* 마이페이지_쿠폰리스트*/
.couponTable{width:100%; box-sizing:border-box; border:1px solid #c5c5c5; border-left:none; box-shadow:1px 1px 5px #c5c5c5; margin-bottom:25px;}
.couponTable th{padding:15px 5px; background:#f7f7f7; font-size:17px; color:#717171; line-height:20px; border-left:1px solid #c5c5c5; text-align:center;}
.couponTable td{padding:15px 5px; font-size:16px; color:#3f3f3f; line-height:24px; border-left:1px solid #c5c5c5; text-align:center; letter-spacing:-1px;}
.couponTable td .couponName{color:#43a2fa; font-size:17px; font-weight:600;}
.couponTable td.couponInfo{}


/* 마이페이지_상담/문의리스트 */
.askSchWrap{width:100%; float:left; padding-bottom:20px;}
.askSchWrap .askSearch{width:474px; height:42px; float:left; box-sizing:border-box; border:1px solid #c8c8c8; padding:0 10px; position:relative;}
.askSchWrap .askSearch .schInp{width:430px; height:40px; line-height:40px; border:none; color:#969696; font-size:15px; float:left; display:inline-block; outline:none; appearance:none; -webkit-appearance: none; -moz-appearance: none;}
.askSchWrap .askSearch .schInp:focus{color:#292929;}
.askSchWrap .askSearch .schInp:clinic{color:#292929; appearance:none; -webkit-appearance: none; -moz-appearance: none; border:none;}

.askSchWrap .askSearch .schBtn{display:inline-block; width:40px; height:40px; line-height:40px; text-indent:-999999; background:url(../images/sub/btnSearch.png) no-repeat center center; cursor:pointer;
                                  position:absolute; top:1px; right:5px;}
.askSchWrap .searchTerm{float:right; }
.askSchWrap .searchTerm .schTerm{float:left;}
.askSchWrap .searchTerm .schTerm li {float:left; display:inline-block; padding:4px 2px;}
.askSchWrap .searchTerm .schTerm li a{display:inline-block; line-height:34px; height:34px; padding:0 15px; float:left; border:1px solid #c8c8c8; background:#ffffff; color:#3f3f3f; font-size:16px; box-sizing:border-box; border-radius:17px; cursor:pointer;}
.askSchWrap .searchTerm .schTerm li a:hover{color:#ffffff; border:1px solid #c3d600; background:#c3d600;}
.askSchWrap .searchTerm .schTerm li.on a{color:#ffffff; border:1px solid #c3d600; background:#c3d600;}



.myOnlineTB{width:100%; float:left; border-top:2px solid #c3d600;}
.myOnlineTB th{padding:10px; background:#f7f7f7; border-bottom:1px solid #e4e4e4;  border-left:1px solid #e4e4e4; font-size:17px;  text-align:center;}
.myOnlineTB th:first-child{border-left:none;}
.myOnlineTB td{padding:10px; border-bottom:1px solid #e4e4e4; font-size:15px; line-height:24px; text-align:center;}
.myOnlineTB td.catName{color:#43a2fa; font-size:16px;}
.myOnlineTB td.subject{text-align:left;}
.myOnlineTB td .complete{display:inline-block; width:76px; height:28px; line-height:28px; color:#ffffff; background:#c3d600;}
.myOnlineTB td .submit{display:inline-block; width:76px; height:28px; line-height:26px; color:#9e9e9e; border:1px solid #9e9e9e; box-sizing:border-box;}

.paging_num{width:100%; height:28px; float:left; padding:20px 0; text-align:center;}
.paging_num b{display:inline-block; width:28px; height:28px; background:#c3d600; color:#ffffff; line-height:28px; font-size:17px; text-align:center; margin:0 2px;}
.paging_num a{display:inline-block; width:28px; height:28px; background:#ffffff; color:#292929; line-height:26px; box-sizing:border-box; border:1px solid #dbdbdb; font-size:17px; text-align:center; margin:0 2px;}



/* 마이페이지_교환/반품신청 */
.returnTB{width:100%; float:left; border-top:2px solid #c3d600;}
.returnTB th{padding:10px; border-bottom:1px solid #e4e4e4;  font-size:17px;  text-align:left; font-weight:600;}
.returnTB td{padding:10px; border-bottom:1px solid #e4e4e4; font-size:16px; line-height:24px; text-align:left; letter-spacing:-1px;}
.returnTB td .chkList{width:100%; float:left;}
.returnTB td .chkList li{width:23%; float:left;}
.returnTB td .chkList li:last-child{width:31%;}
.returnTB td .chkList li input[type="checkbox"]{margin-right:0px;}
.returnTB td.item{background:#f7f7f7; font-size:17px; font-weight:600; text-align:center;}
.returnTB td .resonTxt{width:100%; float:left; color:#ed2c2c; font-size:13px; padding-bottom:5px;}
.returnTB td .resonBox{width:100%; height:90px; box-sizing:border-box; border:1px solid #dbdbdb; float:left;}






/*******************************************/

.subBoard{font-size:16px; line-height:24px; float:left; width:100%; clear:both; position:relative;}										 

input{outline:none;}

.btnBoxWrap{width:100%; float:left; padding:20px 0; text-align:center;}
.btnBoxWrap .btnBox{display:inline-block;}
.btnBoxWrap .btnBox button{appearance:none; -webkit-appearance:none; -moz-appearance:none;}
.btnBoxWrap .btnBox button.submit{width:140px; height:50px; float:left; line-height:50px; background:#c3d600; color:#ffffff; font-size:16px;}
.btnBoxWrap .btnBox button.submit:hover{background:#292929;}



/*******************************************
**************** dsn Css *******************
*******************************************/

.gosi{width:100%; float:left; padding-bottom:10px; text-align:right; font-size:16px;}
.gosi span{font-weight:600; display:inline-block; padding:0 10px;}
.gosi span span.time_img{color:#000000;}
.body-wrap{width:100%; float:left;}
table#disInfo{width:100%; float:left; border:none; border-top:2px solid #c3d600;}
table#disInfo th{padding:20px 10px; background:#f1f1f1; border-bottom:1px solid #dbdbdb; border-left:none; border-top:none; color:#000000; font-size:18px; line-height:24px;}
table#disInfo td{padding:20px 10px; border-bottom:1px solid #dbdbdb;  border-left:none; border-top:none; font-size:18px; line-height:24px;}

/* 주가정보 
.data-lists{width:100%; float:left;}
.data-lists dl{width:100%; float:left;}
.data-lists dl dt{width:100%; float:left; padding-bottom:10px; font-size:18px;}

.main_stock_box1{width:100%; float:left;}
.main_stock_box1 ul{width:100%; float:left;}
.main_stock_box1 ul li{width:100%; float:left;}
.main_stock_box1_title{width:100%; float:left;}*/


/*******************************************
******** dsn Css : Overview ****************
*******************************************/

.overviewTopWrap{width:100%; float:left; height:337px; background:url(../images/dsn/overview_top_bg.png) no-repeat; text-align:center;}
.overviewTopWrap .overviewTopTxt01{display:inline-block; width:100%; padding:40px 0; float:left; color:#ffffff; font-size:40px; font-family: 'Noto Sans', sans-serif; !important;}
.overviewTopWrap .overviewNum{display:inline-block; width:100%; float:left;}
.overviewTopWrap .overviewNum .topNum{display:inline-block; padding:0 10px 0 98px; color:#ffffff; font-size:20px; position:relative;}
.overviewTopWrap .overviewNum .topNum::before{display:inline-block; content:''; width:88px; height:1px; background:#ffffff; position:absolute; left:10px; top:40px;}
.overviewTopWrap .overviewNum .topNum:first-child{padding-left:0;}
.overviewTopWrap .overviewNum .topNum:first-child::before{display:none;}

.overviewTopWrap .overviewNum .topNum span{display:inline-block; padding-bottom:25px; color:#ffffff; font-size:80px; line-height:80px;}

.overviewCont{width:100%; float:left; padding:50px 0; text-align:left; font-family: 'Noto Sans', sans-serif !important;}
.overviewCont .overviewContTit{width:100%; float:left; font-size:42px; line-height:50px; color:#000000; padding-bottom:40px; letter-spacing:-2px; font-family: 'Noto Sans', sans-serif !important;}
.overviewCont .overviewContTit span{color:#c3d600;}
.overviewCont .overviewContTxt{width:100%; float:left; font-size:16px; line-height:22px; color:#000000; letter-spacing:-1.2px; text-align:justify; /*overflow-wrap:break-word;/*word-break:keep-all;*/}
.overviewCont .overviewContTxt p{padding:8px 0;}
.overviewCont .overviewContTxt p.taRight{text-align:right !important;}


.overviewCont02{width:100%; float:left; padding:0px 0 50px 680px; text-align:left; font-family: 'Noto Sans', sans-serif; !important; box-sizing:border-box; background:url(../images/dsn/overview_01.png) no-repeat 0 0; }
.overviewCont02 .overviewContTit{text-align:right;}


.overviewCont03{width:100%; float:left; padding:50px 0; text-align:center; font-family: 'Noto Sans', sans-serif; !important;}
.overviewCont03 .brandTit{width:100%; float:left; font-size:38px; color:#000000; padding-bottom:50px; letter-spacing:-2px;}
.overviewCont03 .brandCont{width:100%; float:left;}
.overviewCont03 .brandCont .brandContBox{width:320px; float:left; margin-left:95px; text-align:center;}
.overviewCont03 .brandCont .brandContBox:first-child{margin-left:1.5px;}
.overviewCont03 .brandCont .brandContBox .brandTxt01{color:#000000; font-size:26px; display:inline-block; padding:15px 0; width:100%; float:left; letter-spacing:-2px;}
.overviewCont03 .brandCont .brandContBox .brandTxt02{color:#000000; font-size:15px; display:inline-block; width:100%; float:left; line-height:24px; letter-spacing:-1px;}


/*******************************************
******** dsn Css : history ****************
*******************************************/

.historyTitWrap{width:100%; float:left;  font-family: 'Noto Sans', sans-serif !important;}
.historyTit{width:50%; float:left; color:#000000; font-size:42px; line-height:50px; color:#000000; padding-bottom:40px; letter-spacing:-2px; font-family: 'Noto Sans', sans-serif !important;}
.historyTit span{color:#c3d600;}

.historyTitWrap .yearBox{width:50%; float:left;padding-top:18px; padding-bottom:40px; position:relative;}
.historyTitWrap .yearBox::after{display:inline-block; width:80%; height:1px; background:#666666; position:absolute; top:33px; left:10%; content:''; }
.historyTitWrap .yearBox li{width:20%; float:left; padding:50px 0 0; text-align:center; position:relative; color:#666666; font-size:16px; cursor:pointer;}
.historyTitWrap .yearBox li::before{display:inline-block; width:5px; height:5px; background:#666666; content:''; position:absolute; top:13px; left:50%; margin-left:-5px; border-radius:100%;}
.historyTitWrap .yearBox li::after{display:inline-block; width:10px; height:10px; background:none; content:''; position:absolute; top:8px; left:50%; margin-left:-8px; border:3px solid #c3d600; border-radius:100%; opacity:0;}
.historyTitWrap .yearBox li.on::after{opacity:1; width:30px; height:30px; margin-left:-18px; top:0;}
.historyTitWrap .yearBox li:hover::after{opacity:1; width:30px; height:30px; margin-left:-18px; top:0;}

.historyTitWrap .yearBox li::after{-webkit-transition-property:all ;
		-moz-transition-property: 	all ;
		transition-property: 		all ;
		-webkit-transition-duration: 0.3s, 0.3s;
		-moz-transition-duration: 0.3s, 0.3s;
		transition-duration: 0.3s, 0.3s; 
		-webkit-transition-timing function: linear, ease-in-out;
		-moz-transition-timing function: linear, ease-in-out; 
		transition-timing function: linear, ease-in-out;
		transition:0.3s;
		-moz-transition:0.3s;
		-webkit-transition:0.3s;
		box-sizing:border-box;
		}


.historyTop{width:100%; height:337px; float:left; position:relative; background:url(../images/dsn/historyTop.png) no-repeat center center;}
.historyTop .historyTerm{width:1153px; height:337px; position:relative; display:table-cell; vertical-align:middle; color:#ffffff; font-size:80px; text-align:center; opacity:0.6; z-index:1;}
.historyTop .historyTerm li{width:100%; display:none; letter-spacing:-5px;}
.historyTop .historyTerm li.on{display:inline-block;}
.historyTop .historyArrowL{display:inine-block; width:40px; height:40px; position:absolute; top:50%; left:60px; margin-top:-20px; background:url(../images/dsn/arrowL_01.png) no-repeat center center; z-index:2; cursor:pointer;}
.historyTop .historyArrowR{display:inine-block; width:40px; height:40px; position:absolute; top:50%; right:60px; margin-top:-20px; background:url(../images/dsn/arrowR_01.png) no-repeat center center; z-index:2; cursor:pointer;}

.historyWrap{width:100%; float:left; padding:50px 0;}
.historyBox{width:100%; float:left; display:none;}
.historyBox .hsBoxWrap{width:50%; float:left;}
.historyBox .hsBoxWrap .hsBox{width:100%; float:left; padding-bottom:15px;}
.historyBox .hsBoxWrap .hsBox .hsYear{width:10%; float:left; color:#c3d600; font-size:16px; letter-spacing:1px;}
.historyBox .hsBoxWrap .hsBox .hsHistory{width:90%; float:left; color:#000000; font-size:16px; letter-spacing:-1px;}
.historyBox .hsBoxWrap .hsBox .hsHistory li{width:100%; float:left; padding-bottom:10px; line-height:24px;}
.historyBox .hsBoxWrap .hsBox .hsHistory li span{display:inline-block; padding-left:10px; font-size:15px;}

.historyBoxOn{display:block;}



/*******************************************
******** dsn Css : vision ****************
*******************************************/

.visionTitWrap{width:100%; float:left;  font-family: 'Noto Sans', sans-serif !important;}
.visionTit{width:50%; float:left; color:#000000; font-size:42px; line-height:50px; color:#000000; padding-bottom:40px; letter-spacing:-2px; display:none; font-family: 'Noto Sans', sans-serif !important;}
.visionTit span{color:#c3d600;}
.titOn{display:block;}

.cateBox{width:50%; float:left;padding-top:18px; margin-top:10px; padding-bottom:40px; position:relative;}
.cateBox::after{display:inline-block; width:25%; height:1px; background:#666666; position:absolute; top:33px; left:62.5%; content:''; }
.cateBox li{width:25%; float:left; padding:50px 0 0; text-align:center; position:relative; color:#666666; font-size:16px; cursor:pointer;}
.cateBox li::before{display:inline-block; width:5px; height:5px; background:#666666; content:''; position:absolute; top:13px; left:50%; margin-left:-5px; border-radius:100%;}
.cateBox li::after{display:inline-block; width:10px; height:10px; background:none; content:''; position:absolute; top:8px; left:50%; margin-left:-8px; border:3px solid #c3d600; border-radius:100%; opacity:0;}
.cateBox li.on::after{opacity:1; width:30px; height:30px; margin-left:-18px; top:0;}
.cateBox li:hover::after{opacity:1; width:30px; height:30px; margin-left:-18px; top:0;}
.cateBox li:first-child{margin-left:50%;}

.cateBox li::after{-webkit-transition-property:all ;
		-moz-transition-property: 	all ;
		transition-property: 		all ;
		-webkit-transition-duration: 0.3s, 0.3s;
		-moz-transition-duration: 0.3s, 0.3s;
		transition-duration: 0.3s, 0.3s; 
		-webkit-transition-timing function: linear, ease-in-out;
		-moz-transition-timing function: linear, ease-in-out; 
		transition-timing function: linear, ease-in-out;
		transition:0.3s;
		-moz-transition:0.3s;
		-webkit-transition:0.3s;
		box-sizing:border-box;
		}



.visionWrap{width:100%; float:left; padding:50px 0;}
.visionBox{width:100%; float:left; display:none;}
.visionBoxOn{display:block;}

.visionTxtBox{width:100%; float:left; box-sizing:border-box; padding:10px 0 0; background-position:right center; background-repeat:no-repeat; color:#000; line-height:24px; font-size:16px; letter-spacing:-1px; margin-bottom:20px;}
.visionTxtBox b{font-weight:600;}
.visionTxtBox01{height:200px; background-image:url(../images/dsn/vision01_01.png);}
.visionTxtBox02{height:206px; background-image:url(../images/dsn/vision02_01.jpg); padding-top:20px;}
.visionTxtBox03{height:200px; background-image:url(../images/dsn/vision02_01.png);}

.visionTxtTB{width:100%; float:left; display:table;}
.visionTxtTD{display:table-cell; vertical-align:middle; line-height:24px; font-size:16px; letter-spacing:-1px; color:#000000; text-align:left;}
.visionTxtTDL01{width:482px; padding-right:50px;}

.visionTxtTD .vsTit{color:#000000; font-size:42px; line-height:50px; padding-bottom:20px; letter-spacing:-2px; display:inline-block; font-family: 'Noto Sans', sans-serif !important;}
.visionTxtTD .vsTit span{color:#c3d600;}

.visionProcessWrap{width:100%; float:left; padding:80px 0 0;}
.visionProBoxWrap{width:100%; float:left;}
.visionProBox{width:216px; float:left; margin-left:18.25px; text-align:center;margin-bottom:40px;}
.visionProBox:first-child{margin-left:0;}
.visionProBox:nth-child(5n+1){margin-left:0; clear:both;}

.visionProBox .proImg{padding-bottom:20px;}
.visionProBox .proTit{padding-bottom:10px; font-size:20px; font-weight:600; letter-spacing:-2px; font-family: 'Noto Sans', sans-serif !important;}
.visionProBox .proTxt{font-size:16px; line-height:24px; letter-spacing:-1px;}


.visionResearchWrap{width:100%; float:left; padding:20px 0 40px;}
.visionResearch{width:100%; float:left; padding-top:175px; background:url(../images/dsn/vision02_02.png) no-repeat center 0;}
.visionResearch ul{width:100%; float:left;}
.visionResearch ul li{width:20%; float:left; text-align:center; color:#000000; font-size:16px; letter-spacing:-1px; line-height:24px;}
.visionResearch ul li span{font-weight:600; display:inline-block; padding-bottom:20px;}

.visionResearchWrap02{width:100%; height:246px; background:url(../images/dsn/vision02_03.jpg) no-repeat center center; float:left; margin:50px 0 40px;}
.visionResearchWrap02 .visionRschTit{width:100%; float:left; padding:40px 0 35px; font-size:30px; text-align:center; color:#000000; letter-spacing:-2px; font-family: 'Noto Sans', sans-serif !important;}
.visionResearchWrap02 .visionRschTit span{color:#c3d600;}

.visionResearchWrap02 .visionRschTxt{width:100%; float:left; padding:0px; font-size:16px; text-align:center; color:#000000; letter-spacing:-1px; line-height:24px;}

.visionResearchWrap03{width:100%; height:439px; background:url(../images/dsn/vision02_04.jpg) no-repeat center center; float:left; margin:40px 0 40px; font-family: 'Noto Sans', sans-serif !important;
                      box-sizing:border-box; padding:20px 75px 10px 745px; color:#ffffff; line-height:22px; font-size:16px; letter-spacing:-1px;}
.visionResearchWrap03 p{display:inline-block; padding-bottom:30px; font-size:17px; font-weight:600;}

.visionChallange{width:100%; height:830px; float:left; background:url(../images/dsn/vision03_01.jpg) no-repeat center center; position:relative;}
.visionChallange .challangeTxt{font-size:16px; line-height:24px; color:#000000; text-align:left; line-height:24px;}
.visionChallange .challangeTxt span{font-weight:600;}
.visionChallange .chlBox{display:inline-block; position:absolute; left:50%; padding:40px; text-align:center; background:#ffffff; box-shadow:1px 1px 10px #333333; line-height:30px; color:#6c6c6c; font-size:15px;}
.visionChallange .chlBox span{color:#000000; font-size:17px; font-weight:600;}

.visionChallange .chlBox01{background:#c3d600; color:#ffffff; bottom:30px; margin-left:0px; padding:60px; opacity:0;}
.visionChallange .chlBox02{bottom:90px; margin-left:0px; opacity:0;}
.visionChallange .chlBox03{bottom:250px; margin-left:0px;opacity:0;}
.visionChallange .chlBox04{bottom:250px; margin-left:0px;opacity:0;}
.visionChallange .chlBox05{bottom:90px; margin-left:0px;opacity:0;}

.visionChaBox{width:100%; height:284px; box-sizing:border-box; padding:0 80px; float:left; background:url(../images/dsn/vision03_02.jpg) no-repeat center 0; position:relative; margin:80px 0 80px;}
.visionChaBox .left{width:285px; float:left; color:#000000; font-size:30px; line-height:50px; padding-top:100px;}
.visionChaBox .left span{color:#c3d600;}
.visionChaBox .right{width:700px; float:left; color:#000000; font-size:16px; line-height:25px; text-align:left; letter-spacing:-1px; padding-top:10px;}
.visionChaBox .right span{font-weight:600; display:inline-block; padding-bottom:30px;}


.visionChallange .chlBox01,.visionChallange .chlBox02,.visionChallange .chlBox03,.visionChallange .chlBox04,.visionChallange .chlBox05{-webkit-transition-property:all ;
		-moz-transition-property: 	all ;
		transition-property: 		all ;
		-webkit-transition-duration: 0.3s, 0.3s;
		-moz-transition-duration: 0.3s, 0.3s;
		transition-duration: 0.3s, 0.3s; 
		-webkit-transition-timing function: linear, ease-in-out;
		-moz-transition-timing function: linear, ease-in-out; 
		transition-timing function: linear, ease-in-out;
		transition:0.5s;
		-moz-transition:0.5s;
		-webkit-transition:0.5s;
		box-sizing:border-box;
		}
		
.visionBoxOn .visionChallange .chlBox01{bottom:30px; margin-left:-102px; opacity:1;}
.visionBoxOn .visionChallange .chlBox02{bottom:90px; margin-left:-300px; opacity:1; }
.visionBoxOn .visionChallange .chlBox03{bottom:250px; margin-left:-280px; opacity:1;}
.visionBoxOn .visionChallange .chlBox04{bottom:250px; margin-left:-65px; opacity:1;}
.visionBoxOn .visionChallange .chlBox05{bottom:90px; margin-left:160px; opacity:1;}


/*******************************************
******** dsn Css : CIBI *******************
*******************************************/

.cibiWrap{width:100%; float:left; padding-bottom:50px;}
.cibiWrap .cibiTxt{width:100%; float:left; padding-bottom:55px; font-size:16px; line-height:24px; color:#000000;}
.cibiWrap .cibiTxt span{display:inline-block; padding-bottom:30px; font-size:40px; font-weight:600; font-family: 'Noto Sans', sans-serif; !important;}


/*******************************************
******** dsn Css : incruit ****************
*******************************************/

.incruitwrap01{width:100%; float:left; box-sizing:border-box; padding:270px 247px 30px 205px; background:url(../images/dsn/incruite_top.png) no-repeat center 0;}
.incruitwrap01 .incruit01{width:50%; float:left; padding-bottom:50px; color:#000; font-size:16px; line-height:20x; text-align:center;}
.incruitwrap01 .incruit01 span{font-size:20px; padding-bottom:10px; display:inline-block;}
.incruitwrap01 .incruit02{width:50%; float:left; padding-bottom:50px; color:#ffffff; font-size:16px; line-height:20x; text-align:center;}
.incruitwrap01 .incruit02 span{font-size:20px; padding-bottom:10px; display:inline-block;}

.incruitwrap02{width:100%; float:left; padding:50px 0;}
.incruitwrap02  .incruit01{width:46%; float:left;}
.incruitwrap02  .incruit02{width:54%; float:left; text-align:right; padding:10px 0 0; box-sizing:border-box; }
.incruitwrap02  .incruit03{width:27%; float:left; text-align:right; padding:10px 0 0; box-sizing:border-box; }

.incruitTit{width:100%; float:left; font-size:26px; padding-bottom:10px; color:#000; font-weight:600;}
.incruitTxt{width:100%; float:left; font-size:16px; line-height:24px;}
.incruitBox{width:96%; display:inline-block; float:left; margin-left:4%; box-sizing:border-box; border:4px solid #e1e1e1;padding:50px 10%; color:#4e4e4e; font-size:15px; line-height:24px; text-align:left; letter-spacing:-1px; }
.incruitBox span{font-size:20px; display:inline-block; padding-bottom:12px; width:100%; text-align:center;}
.incruitBox p{width:100%; padding-left:20px; box-sizing:border-box; position:relative;}
.incruitBox p::before{display:inline-block; width:20px; font-weight:600; color:#c3d600; content:"·"; line-height:24px; margin-left:-20px; text-align:center;}

.incruitwrap03{width:100%; float:left; padding:50px 0;}
.incruitwrap04{width:100%; float:left; padding:50px 0;}

.incruitBoxWrap{width:100%; float:left; box-sizing:border-box; padding:10px 40px 0;}
.incruitBoxWrap .incruitBox02{width:16.66%; float:left; text-align:center;}
.incruitBoxWrap .incruitBox02 .incruitImg{width:100%; float:left; padding-bottom:20px;}
.incruitBoxWrap .incruitBox02 .incruitTxt{width:100%; float:left; line-height:24px; font-size:16px;}
.incruitBoxWrap .incruitBox02 .incruitTxt span.tit{font-size:20px; display:inline-block; padding-bottom:10px; font-weight:600;}
.incruitBoxWrap .incruitBox02 .incruitTxt span.txt{padding:10px 0; display:inline-block;}

.incruitBoxWrap .incruitBox03{width:20%; float:left; text-align:center; border-left:2px solid #e1e1e1; box-sizing:border-box; padding:15px 0;}
.incruitBoxWrap .incruitBox03:first-child{border-left:none;}
.incruitBoxWrap .incruitBox03 .incruitImg{width:100%; float:left; padding-bottom:20px;}
.incruitBoxWrap .incruitBox03 .incruitTxt{width:100%; float:left; line-height:24px; font-size:15px; letter-spacing:-1px;}
.incruitBoxWrap .incruitBox03 .incruitTxt span.tit{font-size:20px; display:inline-block; padding-bottom:10px; font-weight:600;}
.incruitBoxWrap .incruitBox03 .incruitTxt span.txt{padding:10px 0; display:inline-block; }

.incruitTxtBox{width:100%; float:left; padding:20px; box-sizing:border-box; background:#e1e1e1; text-align:center; color:#4e4e4e; font-size:16px;  margin-top:30px;}


.boardTit{width:100%; float:left; text-align:center; font-size:24px; color:#010101; padding-bottom:30px;}
.boardTit span{display:inline-block; padding:0 10px; color:#c3d600; font-weight:600;}
.sBoard{width:100%; float:left; padding-bottom:30px;}


/*******************************************
******** Academy Css : Introduce ************
*******************************************/

.academyLogo{width:100%; padding:20px 0; text-align:center; float:left;}
.academyPhoto{width:100%; padding:20px 0 20px; text-align:center; float:left;}
.academyIntro{width:100%; float:left; box-sizing:border-box; padding:20px 0 80px; text-align:center; color:#010101; font-size:16px; line-height:26px;}
.academyIntro span{color:#c3d600; font-weight:600;}
.academyIntro span.academyTxt{font-size:20px; font-weight:600;}



/*******************************************
******** Digital Center : Introduce ********
*******************************************/

.dcIntroWrap{width:100%; float:left;}
.dcIntro01{width:100%; float:left;}
.dcIntro02{width:100%; float:left; padding:80px 0 50px;}
.dcIntro03{width:100%; float:left; height:364px; background:url(../images/dc/dc_intro_02.jpg) no-repeat center center; margin-bottom:50px;}

.dcProBox{width:25%; float:left;}
.dcProBox .dcProDate{width:100%; float:left; box-sizing:border-box; padding-bottom:65px; padding-left:30px; position:relative;
                     font-size:30px; font-weight:600; color:#82a00b;  letter-spacing:-1px;}
.dcProBox .dcProDate::before{content:'';display:inline-block; width:20px; height:20px; background:#ffff; border-radius:100%;
                             position:absolute; top:15px; left:0; box-sizing:border-box; border:2px solid #c3d600; z-index:2;}
.dcProBox .dcProDate::after{content:'';display:inline-block; width:2px; height:83px; background:#dbdbdb;
                            position:absolute; top:35px; left:9px; z-index:1;}

.dcProBox .dcProTxt01{width:100%; float:left; box-sizing:border-box; padding-bottom:65px; padding-left:30px; position:relative;
                     font-size:18px; line-height:24px; color:#292929; letter-spacing:-1px;}
.dcProBox .dcProTxt01::before{content:'';display:inline-block; width:10px; height:10px; background:#82a00b; border-radius:100%;
                            position:absolute; top:5px; left:5px; box-sizing:border-box; z-index:2;}
.dcProBox .dcProTxt01::after{content:'';display:inline-block; width:2px; height:116px; background:#dbdbdb;
                            position:absolute; top:5px; left:9px; z-index:1;}
							
.dcProBox .dcProTxt02{width:100%; float:left; box-sizing:border-box; padding-bottom:65px; padding-left:30px; position:relative;
                     font-size:18px; line-height:24px; color:#292929;  letter-spacing:-1px;}
.dcProBox .dcProTxt02::before{content:'';display:inline-block; width:10px; height:10px; background:#82a00b; border-radius:100%;
                            position:absolute; top:5px; left:5px; box-sizing:border-box; z-index:2;}
							
.dcProBox .dcProTxt02 span{color:#838383; font-size:17px;}

.dcPrdBox{width:373px; float:left; margin-left:17px; box-sizing:border-box; padding:310px 0 0 28px; color:#292929; font-size:17px; line-height:20px; letter-spacing:-1px;}
.dcPrdBox:first-child{margin-left:0;}


/********************************************************
******** Digital Center Css : 주문가이드 ****************
********************************************************/

.dcNaviWrap{width:100%; float:left;  font-family: 'Noto Sans', sans-serif !important;}

.naviBox{width:50%; float:right;padding-top:18px; margin-top:10px; padding-bottom:40px; position:relative;}
.naviBox::after{display:inline-block; width:50%; height:1px; background:#666666; position:absolute; top:33px; left:37.5%; content:''; }
.naviBox li{width:25%; float:left; padding:50px 0 0; text-align:center; position:relative; color:#666666; font-size:16px; cursor:pointer;}
.naviBox li::before{display:inline-block; width:5px; height:5px; background:#666666; content:''; position:absolute; top:13px; left:50%; margin-left:-5px; border-radius:100%;}
.naviBox li::after{display:inline-block; width:10px; height:10px; background:none; content:''; position:absolute; top:8px; left:50%; margin-left:-8px; border:3px solid #c3d600; border-radius:100%; opacity:0;}
.naviBox li.on::after{opacity:1; width:30px; height:30px; margin-left:-18px; top:0;}
.naviBox li:hover::after{opacity:1; width:30px; height:30px; margin-left:-18px; top:0;}
.naviBox li.first{margin-left:25%;}

.naviBox li::after{-webkit-transition-property:all ;
		-moz-transition-property: 	all ;
		transition-property: 		all ;
		-webkit-transition-duration: 0.3s, 0.3s;
		-moz-transition-duration: 0.3s, 0.3s;
		transition-duration: 0.3s, 0.3s; 
		-webkit-transition-timing function: linear, ease-in-out;
		-moz-transition-timing function: linear, ease-in-out; 
		transition-timing function: linear, ease-in-out;
		transition:0.3s;
		-moz-transition:0.3s;
		-webkit-transition:0.3s;
		box-sizing:border-box;
		}
		
		
.naviBox03{width:50%; float:right;padding-top:18px; margin-top:10px; padding-bottom:40px; position:relative;}
.naviBox03::after{display:inline-block; width:25%; height:1px; background:#666666; position:absolute; top:33px; left:62.5%; content:''; }
.naviBox03 li{width:25%; float:left; padding:50px 0 0; text-align:center; position:relative; color:#666666; font-size:16px; cursor:pointer;}
.naviBox03 li::before{display:inline-block; width:5px; height:5px; background:#666666; content:''; position:absolute; top:13px; left:50%; margin-left:-5px; border-radius:100%;}
.naviBox03 li::after{display:inline-block; width:10px; height:10px; background:none; content:''; position:absolute; top:8px; left:50%; margin-left:-8px; border:3px solid #c3d600; border-radius:100%; opacity:0;}
.naviBox03 li.on::after{opacity:1; width:30px; height:30px; margin-left:-18px; top:0;}
.naviBox03 li:hover::after{opacity:1; width:30px; height:30px; margin-left:-18px; top:0;}
.naviBox03 li.first{margin-left:50%;}

.naviBox03 li::after{-webkit-transition-property:all ;
		-moz-transition-property: 	all ;
		transition-property: 		all ;
		-webkit-transition-duration: 0.3s, 0.3s;
		-moz-transition-duration: 0.3s, 0.3s;
		transition-duration: 0.3s, 0.3s; 
		-webkit-transition-timing function: linear, ease-in-out;
		-moz-transition-timing function: linear, ease-in-out; 
		transition-timing function: linear, ease-in-out;
		transition:0.3s;
		-moz-transition:0.3s;
		-webkit-transition:0.3s;
		box-sizing:border-box;
		}
		


.dcGuideWrap{width:100%; float:left; padding:30px 0 0;}

.dcTit01{width:100%; float:left; color:#a4b30e; font-size:26px; padding-bottom:20px;}
.dcTit01Line{position:relative;}
.dcTit01Line::before{display:inline-block; content:''; width:80px; height:1px; background:#a4b30e; position:absolute; left:0; bottom:0px;}

.dcGuideBox01{width:100%; float:left; height:366px; background:url(/images/dc/guide_01.jpg) no-repeat 0 0; box-sizing:border-box; padding:90px 315px 0 488px;}
.dcGuideBox01 p{width:100%; float:left; padding-bottom:20px; color:#010101; font-size:18px; line-height:24px; font-weight:600; letter-spacing:-1px;}
.dcGuideBox01 p span{color:#4e4e4e; font-size:16px; letter-spacing:-1px;}

.dcTit02{width:100%; float:left; color:#000; font-size:24px; padding:10px 0;}
.dcTit02 span{font-size:16px; color:#4e4e4e; display:inline-block; padding-left:40px;}
.dcGuideBox{width:100%; float:left;padding:10px 0;}
.dcGuideBox03{width:100%; float:left;padding-bottom:30px;}
.dcGuideBox03 .guideL01{width:355px; float:left; padding-top:20px;}
.dcGuideBox03 .guideR01{width:798px; float:left;}
.dcGuideBox03 .guideL02{width:830px; float:left;}
.dcGuideBox03 .guideR02{width:323px; float:left; padding-top:20px; position:relative;}
.dcGuideBox03 .guideR02::before{content:''; width:80px; height:1px; background:#a4b30e; position:absolute; left:0; top:0px;}

.dcGuideBox04{width:100%; float:left;box-sizing:border-box; padding:80px 125.5px; background:#eaeaea;}

/*.dcGuideBox05{width:100%; float:left; height:368px; background:url(/images/dc/guide_08.jpg) no-repeat 0 0; box-sizing:border-box; padding:275px 0 0;}
.dcGuideBox05 .dcGuide{width:350px; color:#4e4e4e; font-size:20px; line-height:26px; box-sizing:border-box; padding-left:38px; float:left;}
.dcGuideBox05 .dcGuide:nth-child(2){width:415px; margin:0 15px;}
.dcGuideBox05 .dcGuide span{color:#ed2c2c;}*/


.dcGuideBox05{width:100%; float:left; box-sizing:border-box;}
/*.dcGuideBox05 .dcGuide{width:100%; color:#4e4e4e; font-size:20px; line-height:26px; box-sizing:border-box; padding-left:38px; float:left;}
.dcGuideBox05 .dcGuide:nth-child(2){width:415px; margin:0 15px;}
.dcGuideBox05 .dcGuide span{color:#ed2c2c;}*/

.dcGuideBox05 .dcGuide{width:100%; float:left; box-sizing:border-box; padding:10px 2%; /*color:#292929; font-size:15px; line-height:20px; letter-spacing:-1px;*/}
.dcGuideBox05 .dcGuide .dcGdImg{width:100%; float:left; text-align:right; position:relative; z-index:2;}
.dcGuideBox05 .dcGuide .dcGdTxt{width:100%; float:left; padding:60px 40px 60px; box-sizing:border-box; background:#eaeaea; position:relative; z-index:1; margin-top:-140px; font-size:20px; line-height:26px;}
.dcGuideBox05 .dcGuide .dcGdTxt span{color:#ed2c2c;}


.dcTxt{width:100%; float:left; font-size:16px; color:#4e4e4e; line-height:24px;}
.dcTxt span{font-weight:600;}


/********************************************************
******** Digital Center Css : 주문프로세스 ****************
********************************************************/

.naviBox02{width:100%; float:right;padding-top:18px; margin-top:10px; padding-bottom:40px; position:relative;}
.naviBox02::after{display:inline-block; width:85.72%; height:1px; background:#666666; position:absolute; top:33px; left:7.14%; content:''; }
.naviBox02 a{display:inline-block; width:14.28%; float:left; padding:50px 0 0; text-align:center; position:relative; color:#666666; font-size:16px; cursor:pointer;}
.naviBox02 a::before{display:inline-block; width:5px; height:5px; background:#666666; content:''; position:absolute; top:13px; left:50%; margin-left:-5px; border-radius:100%;}
.naviBox02 a::after{display:inline-block; width:10px; height:10px; background:none; content:''; position:absolute; top:5px; left:50%; margin-left:-10px; border:3px solid #c3d600; border-radius:100%; opacity:0;}
.naviBox02 a.on::after{opacity:1; width:30px; height:30px; margin-left:-21px; top:-2px;}
.naviBox02 a:hover::after{opacity:1; width:30px; height:30px; margin-left:-21px; top:-2px;}
.naviBox02 a.first{margin-left:0;}

.naviBox02 li::after{-webkit-transition-property:all ;
		-moz-transition-property: 	all ;
		transition-property: 		all ;
		-webkit-transition-duration: 0.3s, 0.3s;
		-moz-transition-duration: 0.3s, 0.3s;
		transition-duration: 0.3s, 0.3s; 
		-webkit-transition-timing function: linear, ease-in-out;
		-moz-transition-timing function: linear, ease-in-out; 
		transition-timing function: linear, ease-in-out;
		transition:0.3s;
		-moz-transition:0.3s;
		-webkit-transition:0.3s;
		box-sizing:border-box;
		}
		
.dcProcessWrap{width:100%; float:left; padding-top:40px;}
.dcProcessWrap .dcProcessBox{width:100%; float:left; padding-bottom:60px;}
.dcProcessWrap .dcProcessBox .dcProLeft{width:642px; float:left;}
.dcProcessWrap .dcProcessBox .dcProLeft .imgBox{width:100%; border:1px solid #cccccc;}
.dcProcessWrap .dcProcessBox .dcProRight{width:480px; float:right;}
.dcProcessWrap .dcProcessBox .dcProRight .proTit{width:100%; float:left; padding-bottom:40px; color:#a4b30e; font-size:22px; font-weight:600;}
.dcProcessWrap .dcProcessBox .dcProRight .proTit02{width:100%; float:left; padding-bottom:10px; color:#010101; font-size:18px; font-weight:600; box-sizing:border-box; padding-left:10px; position:relative;}
.dcProcessWrap .dcProcessBox .dcProRight .proTit02::before{display:inline-block; width:2px; height:18px; background:#a4b30e; position:absolute; top:5px; left:0; content:'';}
.dcProcessWrap .dcProcessBox .dcProRight .proTxt{width:100%; float:left; padding-bottom:30px; color:#4e4e4e; font-size:16px; line-height:24px; letter-spacing:-0.6px;}
.dcProcessWrap .dcProcessBox .dcProRight .proBox{display:inline-block; width:450px; float:left; padding:20px; background:#e1e1e1; font-size:16px; color:#696969; margin-top:-10px; line-height:20px; letter-spacing:-0.5px;}
.dcProcessWrap .dcProcessBox .dcProRight .proBox span{font-size:16px; font-weight:600; color:#444444; display:inline-block; padding-bottom:20px;}




/* sub Common */

.subContTit{width:100%; float:left; padding:0px 0 50px; color:#000000; font-size:36px; text-align:center;}

#floatNavi .yearBox{width:100%; float:left;padding-top:0px; padding-bottom:0px; position:relative;}
#floatNavi .yearBox::after{display:none; }
#floatNavi .yearBox li{width:100%; float:left; padding:10px 0; text-align:center; position:relative; color:#666666; font-size:16px; cursor:pointer;}
#floatNavi .yearBox li::before{display:none;}
#floatNavi .yearBox li::after{display:inline-block; width:1px; height:50px; background:#666666; position:absolute; top:-25px; left:15px; content:''; }
#floatNavi .yearBox li:first-child::after{display:none;}
/*#floatNavi .yearBox li.on::after{display:none;}
#floatNavi .yearBox li:hover::after{display:none;}*/

#floatNavi .yearBox li::after{-webkit-transition-property:all ;
		-moz-transition-property: 	all ;
		transition-property: 		all ;
		-webkit-transition-duration: 0.3s, 0.3s;
		-moz-transition-duration: 0.3s, 0.3s;
		transition-duration: 0.3s, 0.3s; 
		-webkit-transition-timing function: linear, ease-in-out;
		-moz-transition-timing function: linear, ease-in-out; 
		transition-timing function: linear, ease-in-out;
		transition:0.3s;
		-moz-transition:0.3s;
		-webkit-transition:0.3s;
		box-sizing:border-box;
		}

#floatNavi{position:fixed; width:130px; right:10px; bottom:215px; opacity:0; z-index:999999;}
#floatNavi .ftNavi{float:left; width:100%;}
#floatNavi .ftNavi li{width:100%; float:left; padding:10px 0; position:relative;}
#floatNavi .ftNavi li::after{display:inline-block; width:1px; height:50px; background:#666666; position:absolute; top:-25px; left:15px; content:''; }
#floatNavi .ftNavi li:first-child::after{display:none;}

#floatNavi .ftNavi a{display:inline-block; width:100%; float:left; padding:0px 0 0 30px; text-align:left; position:relative; color:#666666; line-height:30px; font-size:13px; letter-spacing:-1px; cursor:pointer;}
#floatNavi .ftNavi a::before{display:inline-block; width:5px; height:5px; background:#666666; content:''; position:absolute; top:50%; left:15px; margin-left:-2.5px; margin-top:-2.5px; border-radius:100%;}
#floatNavi .ftNavi a::after{display:inline-block; width:10px; height:10px; background:none; content:''; position:absolute; top:50%; left:15px; margin-left:-7px; margin-top:-7px;  border:2px solid #c3d600; border-radius:100%; opacity:0;}
#floatNavi .ftNavi a.on::after{opacity:1; width:18px; height:18px; margin-left:-11px; margin-top:-11px;}
#floatNavi .ftNavi a:hover::after{opacity:1; width:18px; height:18px; margin-left:-11px; margin-top:-11px;}
#floatNavi .ftNavi a.first{margin-left:0;}

#floatNavi .ftNavi li.on a::after{opacity:1; width:18px; height:18px; margin-left:-11px; margin-top:-11px;}

#floatNavi .ftNavi li::after{-webkit-transition-property:all ;
		-moz-transition-property: 	all ;
		transition-property: 		all ;
		-webkit-transition-duration: 0.3s, 0.3s;
		-moz-transition-duration: 0.3s, 0.3s;
		transition-duration: 0.3s, 0.3s; 
		-webkit-transition-timing function: linear, ease-in-out;
		-moz-transition-timing function: linear, ease-in-out; 
		transition-timing function: linear, ease-in-out;
		transition:0.3s;
		-moz-transition:0.3s;
		-webkit-transition:0.3s;
		box-sizing:border-box;
		}


/*******************************************
******** dsn Css : 배당정책 ****************
*******************************************/

.auctionTitWrap{width:100%; float:left;  font-family: 'Noto Sans', sans-serif !important;}
.auctionTit{width:100%; float:left; color:#000000; font-size:30px; line-height:50px; color:#000000; margin-bottom:40px; letter-spacing:-2px; font-family: 'Noto Sans', sans-serif !important; border-bottom:2px solid #c3d600;}
.auctionTit span{color:#c3d600;}

.auctionTit02{width:100%; float:left; color:#000000; font-size:20px; line-height:40px; color:#292929; padding-bottom:20px; letter-spacing:-2px; font-family: 'Noto Sans', sans-serif !important;}
.auctionTit02 span{display:inline-block; padding-left:20px; position:relative;}
.auctionTit02 span::before{content:''; display:inline-block; width:5px; height:5px; background:#c3d600; border-radius:100%; position:absolute; top:15px; left:5px;}

.auctionTxt{width:100%; float:left; padding-bottom:55px; font-size:18px; line-height:24px; color:#000000;}
.auctionTxt span{font-weight:bold;}

.auctionBox{width:100%; float:left; box-sizing:border-box; padding:20px; border:1px solid #292929; margin-bottom:40px;}
.auctionBox ul{width:100%; float:left;}
.auctionBox ul li{width:100%; float:left; padding:10px 0; font-size:16px; line-height:24px; font-weight:500;}
.auctionBox ul li span{display:inline-block; padding-left:30px; padding-right:20px; box-sizing:border-box; width:100%; font-weight:200; font-size:14px; position:relative;}
.auctionBox ul li span::before{content:''; display:inline-block; width:5px; height:3px; background:#c3d600; position:absolute; top:10px; left:20px;}

.auctionTB{width:100%; float:left; padding-bottom:40px;}
.tbAuction{width:100%; border-left:1px solid #d2d2d2; border-top:1px solid #d2d2d2; font-size:16px;}

.tbAuction th{border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; background:#c3d600; padding:10px; font-size:18px;}
.tbAuction td{border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; padding:10px; font-size:16px; text-align:center;}
.tbAuction td.tdAuc{background:#f1f1f1;}




/* Notice Box */

.noticeBox{width:100%; margin:0 auto; padding:30px; box-sizing:border-box;}
.noticeBox .noticeTit{width:100%; padding-bottom:10px; border-bottom:1px solid #3f3f3f; color:#3f3f3f; font-size:20px; font-weight:bold;}
.noticeBox .noticeCont{width:100%; padding:20px 15px;  box-sizing:border-box;}
.noticeBox .noticeCont p{padding-bottom:20px; padding-left:13px; position:relative; font-size:16px; line-height:24px;  box-sizing:border-box;}
.noticeBox .noticeCont p::before{content:''; display:inline-block; width:4px; height:4px; border-radius:100%; background:#b2cb00; position:absolute; top:10px; left:0px;}
.noticeBox .noticeCont .agreeBox{width:100%; padding:30px; font-size:18px; line-height:24px; font-weight:600;  box-sizing:border-box;}
.noticeBox .noticeCont .agreeBox input[type="checkbox"]{width:24px; height:24px; border:2px solid #b2cb00; float:left; margin-right:10px;}

.noticeBox .noticeBtn{width:100%; text-align:center;box-sizing:border-box;}
.noticeBox .noticeBtn button{ display:inline-block; width:135px; height:60px; border:1px solid #b2cb00; font-size:18px; font-weight:bold; line-height:58px; margin:0 10px;  box-sizing:border-box;}
.noticeBox .noticeBtn button.noticeBtn01{background:#b2cb00; color:#ffffff;}
.noticeBox .noticeBtn button.noticeBtn01:hover{background:#ffffff; color:#b2cb00;}
.noticeBox .noticeBtn button.noticeBtn02{background:#ffffff; color:#3f3f3f; border:1px solid #3f3f3f;}
.noticeBox .noticeBtn button.noticeBtn02:hover{background:#3f3f3f; color:#ffffff;}


.subConfirm{width:600px; background:#ffffff; box-sizing:border-box; border:1px solid #f1f1f1; position:fixed; z-index:999999; top:50%; left:50%; transform:translate(-50%,-50%); } 




/* ADD : 2024-04-23 */
  .subContactWrap{width:100%; padding:80px 0 20px; box-sizing:border-box; float:left;}
  .subContactWrap .subContact{width:100%; box-sizing:border-box; padding:20px 10%; background:#c3d600; color:#ffffff; font-size:20px; float:left;}
  .subContactWrap .subContact span{display:inline-block;}
  .subContactWrap .subContact span b{font-weight:bold;}
  .subContactWrap .subContact span.tel{float:left;}
  .subContactWrap .subContact span.email{float:right;}


.privacyTB{border-top:1px solid #2c2c2c; border-left:1px solid #2c2c2c;}
.privacyTB th, .privacyTB td{padding:10px; text-align:center; font-size:14px; border-right:1px solid #2c2c2c; border-bottom:1px solid #2c2c2c;}
.privacyTB th{background:#f1f1f1;}

.privacyList01{padding:10px; box-sizing:border-box; list-style:decimal; list-style-type:decimal; width:100%;}
.privacyList01 li{line-height:140%; position:relative; list-style:decimal; list-style-type:decimal; padding:5px 20px; width:100%;}
.privacyList01 li p{display:inline-block; width:100%; padding-left:20px; position:relative; padding-top:5px; padding-bottom:5px; line-height:120%; font-size:0.98em;}
.privacyList01 li p span{display:inline-block; position:absolute; left:0; top:5px;}

.privacyList01 li::before{display:inline-block; content:""; margin-left:-20px; padding-right:10px;}
.privacyList01 li:first-child::before{content:"1.";}
.privacyList01 li:nth-child(2)::before{content:"2.";}
.privacyList01 li:nth-child(3)::before{content:"3.";}
.privacyList01 li:nth-child(4)::before{content:"4.";}
.privacyList01 li:nth-child(5)::before{content:"5.";}
.privacyList01 li:nth-child(6)::before{content:"6.";}
.privacyList01 li:nth-child(7)::before{content:"7.";}
.privacyList01 li:nth-child(8)::before{content:"8.";}
.privacyList01 li:nth-child(9)::before{content:"9.";}
.privacyList01 li:nth-child(10)::before{content:"10.";}


.privacyList02{width:100%; padding:10px; box-sizing:border-box; padding-left:10px; }
.privacyList02 li{width:100%; padding-left:20px; list-style-type:decimal; line-height:140%; position:relative;}
.privacyList02 li::before{content:"-" !important; margin-left:-20px; display:inline-block; padding-right:10px;}

.privacyList03{width:100%; padding:10px; box-sizing:border-box; padding-left:10px; }
.privacyList03 li{width:100%; padding-left:20px; list-style-type:decimal; line-height:140%; position:relative;}
.privacyList03 li::before{content:"●"; margin-left:-20px; display:inline-block; padding-right:10px; font-size:10px;}

.privcySubBox{width:100%; padding:20px; box-sizing:border-box; font-size:1em;}
.txtColorBlue{color:#06F;}


/* 실적보고 */
.resultReportWrap{width:100%; border-top:2px solid #c3d600; float:left;}
.resultReportWrap .resultReportBox{width:100%; box-sizing:border-box; float:left;}
.resultReportWrap .resultReportBox .resultReportYear{width:100%; box-sizing:border-box; float:left;padding:20px; border-bottom:1px solid #c2c2c2; font-size:24px; position:relative; cursor:pointer;}
.resultReportWrap .resultReportBox .resultReportYear span{display:inline-block; width:40px; height:40px; position:absolute; top:50%; right:20px; margin-top:-20px; background:url(../images/arrow10_D.png) no-repeat center center;}
.resultReportWrap .resultReportBox .resultReport{width:100%; box-sizing:border-box; float:left;padding:0 20px; background:#f1f1f1; position:relative; height:0; overflow:hidden;}
.resultReportWrap .resultReportBox .resultReport{
	 -webkit-transition-property:all ;
		-moz-transition-property: 	all ;
		transition-property: 		all ;
		-webkit-transition-duration: 0.3s, 0.3s;
		-moz-transition-duration: 0.3s, 0.3s;
		transition-duration: 0.3s, 0.3s; 
		-webkit-transition-timing function: linear, ease-in-out;
		-moz-transition-timing function: linear, ease-in-out; 
		transition-timing function: linear, ease-in-out;	
	
	}


.resultReportWrap .resultReportBox .resultReport .result{width:100%; padding:20px; border-bottom:1px solid #c2c2c2; display:flex; justify-content:space-between; align-items:center; font-size:16px;}
.resultReportWrap .resultReportBox .resultReport .result:last-child{border-bottom:none;}

.resultReportWrap .resultReportBox .resultReport .result span{display:inline-block;}
.resultReportWrap .resultReportBox .resultReport .result .month{width:15%; font-size:18px; font-weight:600;}
.resultReportWrap .resultReportBox .resultReport .result .date{width:15%; font-size:16px;}
.resultReportWrap .resultReportBox .resultReport .result .report{width:20%;}
.resultReportWrap .resultReportBox .resultReport .result .report .btnDown{display:inline-block; width:100%; text-align:center; padding:12px 0; cursor:pointer; background:#333; color:#ffffff; text-align:center; box-sizing:border-box; border:1px solid #333;}
.resultReportWrap .resultReportBox .resultReport .result .report .btnDown:hover{background:#ffffff; color:#333;}

.resultReportWrap .resultReportBox .resultReport .result .report .btnDown02{display:inline-block; width:100%; text-align:center; padding:12px 0; cursor:pointer; background:#f1f1f1; color:#333; text-align:center; box-sizing:border-box; border:1px solid #333;}
.resultReportWrap .resultReportBox .resultReport .result .report .btnDown02:hover{background:#333; color:#f1f1f1;}

.resultReportWrap .resultReportBoxOn .resultReport{height:auto;}
.resultReportWrap .resultReportBoxOn .resultReportYear span{ background:url(../images/arrow10_U.png) no-repeat center center;}
.resultReportWrap .resultReportBoxOn .resultReport{border-bottom:1px solid #c2c2c2;}


#reportPopWrap{width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,.6); display:none; z-index:999999;}
#reportPopWrap .reportPopBox{width:90%; max-width:800px; position:absolute; padding:40px; background:#ffffff; top:50%; left:50%; transform:translate(-50%,-50%); border-radius:10px;}
#reportPopWrap .reportPopBox .reportPopTit{width:100%; padding-bottom:20px; border-bottom:2px solid #c3d600; position:relative;}
#reportPopWrap .reportPopBox .reportPopTit .popTit{font-size:24px; font-weight:600; text-align:center;}
#reportPopWrap .reportPopBox .reportPopTit .popClose{display:inline-block; cursor:pointer; position:absolute; top:0px; right:0; width:40px; height:40px; border:1px solid #000; line-height:40px; font-size:24px; font-weight:600; text-align:center;}

#reportPopWrap .reportPopBox .reportPopDetail{width:100%; padding:10px; display:flex; justify-content:space-between;}
#reportPopWrap .reportPopBox .reportPopDetail .reportDetailBox{width:50%;}
#reportPopWrap .reportPopBox .reportPopDetail .reportDetailBox .reportSchedule{width:100%; font-size:20px; font-weight:600; padding:10px 0; background:#c3d600; color:#ffffff; text-align:center; margin-bottom:10px;}
#reportPopWrap .reportPopBox .reportPopDetail .reportDetailBox .reportDetail{padding:5px; box-sizing:border-box; display:flex; justify-content:space-between;}
#reportPopWrap .reportPopBox .reportPopDetail .reportDetailBox .reportDetail span{display:inline-block; font-size:16px;}
#reportPopWrap .reportPopBox .reportPopDetail .reportDetailBox .reportDetail span.item{width:30%; font-weight:bold; border-right:1px solid #c2c2c2;}
#reportPopWrap .reportPopBox .reportPopDetail .reportDetailBox .reportDetail span.date{width:65%;}
#reportPopWrap .reportPopBox .reportPopDetail .reportDetailBox .reportDetail span.time{width:65%;}
#reportPopWrap .reportPopBox .reportPopDetail .reportDetailBox .reportDetail span.speaker{width:65%;}

#reportPopWrap .reportPopBox .reportPopDetail .repoetRecord{width:45%;}
#reportPopWrap .reportPopBox .reportPopDetail .repoetRecord .recordBox{width:100%; border-radius:27px; background:#c2c2c2;}
#reportPopWrap .reportPopBox .reportPopDetail .repoetRecord .recordBox .recordTxt{padding:10px; box-sizing:border-box; text-align:center; font-size:14px; color:#ffffff;}
#reportPopWrap .reportPopBox .reportPopDetail .repoetRecord .recordBox .recordCont{width:100%;}
#reportPopWrap .reportPopBox .reportPopDetail .repoetRecord .recordBox .recordCont audio{width:100%;}

#reportPopWrap .reportPopBox .reportPopDetail .repoetRecord .recordData{width:100%; padding:20px 0; box-sizing:border-box; display:flex; justify-content:space-between;}
#reportPopWrap .reportPopBox .reportPopDetail .repoetRecord .recordData .recordDown{display:inline-block; width:100%;}


#reportPopWrap .reportPopBox .reportPopDetail .repoetRecord .recordData .recordDown .recordBtn{display:inline-block; width:100%; padding:10px; box-sizing:border-box; background:#333; color:#fff !important; border:1px solid #333; font-size:14px; font-weight:600; text-align:center;}
#reportPopWrap .reportPopBox .reportPopDetail .repoetRecord .recordData .recordDown .recordBtn:hover{background:#fff; color:#333 !important; }