.sub-left-triangle { position: absolute; right: 0px; top: 0; width: 0; height: 0; border-left: 30px solid transparent; border-top-width: 30px; border-top-style: solid; border-top-color: #68ADB9; }
.wrap-sub > .container { margin-bottom: 50px; }

   	#topbar_m { margin-top:0px; }

    #subgnb .container { margin-top:0px; }

        .wrap-sub .sub-top-img img {
            width: 100%;
        }

.dimode-theme { word-break: keep-all; }
    .wrap-sub > div > div {
        /*display:inline-block;*/
    }

    .wrap-sub .wrap-lnb {
        /*width:200px;*/
    }

        .wrap-sub .wrap-lnb .each-menu > a {
            display: block;
            padding: 10px;
            background: #FFF;
            color: #333;
            font-size: 14px;
            border-top: 1px solid #ECECEC;
            text-decoration: none;
        }

        .wrap-sub .wrap-lnb .each-menu.active > a {
            background: #3D6B9C;
            color: #FFF;
        }

        .wrap-sub .wrap-lnb .each-menu > .each-menu > a {
            border-top: 0;
        }

        .wrap-sub .wrap-lnb .each-menu > .each-menu.active > a {
            background: #FFF;
            color: #000;
            font-weight: 600;
        }
        
        .lnb-title span {
        	color:#777;
        	font-size:20px;
        }

        .wrap-sub .wrap-lnb .each-menu i {
            display: none;
            font-size: 20px;
        }

        .wrap-sub .wrap-lnb .each-menu.active i {
            display: inline-block;
        }

    .wrap-sub .wrap-sub-content {
        float: right;
        background: #FFF;
        padding: 22px 0px 50px;
    }

        .wrap-sub .wrap-sub-content .lnb-title {
            font-size: 27px;
            font-weight: 600;
            margin-bottom: 22px;
            padding-bottom: 25px;
            border-bottom: 2px solid #ccc;
        }

       #component1722{
           width:initial!important;
       }

       #component1752 ~ .dimode-sort{
           margin:10px 0px;
       }

       #component3339 > .row{
           margin:10px 0px;
       }

       #component5814 > .row{
           margin:10px 0px;
       }

       #component5594 > .row{
           margin:10px 0px;
       }

       #component8095 > .dimode-sort{
           margin:10px 0px;
       }

       #component2533 > .dimode-sort, #component6691 > .dimode-sort{
           margin:10px 0px !important;
       }

       #component9657 > .dimode-sort{
           margin:10px 0px;
       }

       #component1316> .dimode-sort{
           margin:10px 0px;
       }

       #component8243 > .dimode-sort{
           margin:10px 0px;
       }

       #component6320 > .dimode-sort{
           margin:10px 0px;
       }

       #component5877 > .row{
           margin:10px 0px;
       }

       #component1239 ~ .dimode-sort{
           margin:10px 0px;
       }

       #component9069 > .dimode-sort{
           margin:10px 0px;
       }

       #component2373 > .dimode-sort{
           margin:10px 0px;
       }


       #component8544 > .dimode-sort{
           margin:10px 0px;
       }

       #component5064 > .row{
           margin: 10px 0px;
       }


.ribbon img { position:absolute; z-index:-1; top:0; right:0;}
.ribbon { position:absolute; z-index:10; width:45%; padding-left:9px; padding-top:3px;}
.day { font-size:12px; color:#fff; z-index:30; display:inline-block; font-weight:600;}
.month { font-size:12px; color:#fff; z-index:40; display:block; font-weight:600;}
.list-item-writer { color:#fff; text-decoration:none; display:inline-block; bottom:5px; right:5px; position:absolute; background-color:rgba(0,0,0,0.7); padding:5px; font-size:11px;}
.each-document { position:relative;}
/*.coner1 {     background-image: url(../../wonil_Layout/Images/ico_32px.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 70px;
    height: 50px;
    position: absolute;
    z-index: 999;
    background-position: -14px -8px;
    top:0;
    left:0;
}
.coner2 { background-image: url(../../wonil_Layout/Images/ico_32px.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 999;
    background-position: 0px 0px;
    bottom:0;
    right:0;
}
*/

@media(max-width:992px ) {
	
.navbar-toggle {
    display: block !important;
}
.lnb-title span { display:block; margin-top:10px;}
}

@media(max-width:767px) {
	#unit2676 > div { font-size:17px!important; }
	#unit2676 > div > div { font-size:17px!important; }
	#unit7964 > div { font-size:20px!important; }
	#unit1626 table td { font-size:15px!important; }
	#unit1750 > div { font-size:17px!important; line-height:30px!important; }
	#main7 { height:auto!important; padding:25px 0 0 0!important;}
	#main7 #sub01 { margin:0!important; text-align:center!important; font-size:18px!important;}
	#component6397 { margin:0 0 15px!important; }
	#unit1941 > div { height:auto!important; margin:0 0 20px!important;}
	#unit8697 > div { height:auto!important; margin:0 0 20px!important;}
	#unit6012 > div { height:auto!important; margin:0 0 20px!important;}
	#component6541 { padding:15px!important; overflow:hidden; }
	#unit2992 > div > span { width:100%!important; overflow:hidden; margin:10px 0;  }
	#unit1035 #sub03 { padding:15px!important; height:auto!important; overflow:hidden; }
	#unit1035 #sub03 > div { width:100%!important; margin:0!important; height:auto!important;}
	#unit1035 #sub03 > div span { width:100%!important; }
	#unit1035 #sub03 > div span { text-align:center!important; }

	#unit2992 > div > table { overflow:hidden; }
	
	#unit3870 > #main7 { background:#94c7ec!important; }
	.day { font-size:12px; color:#fff; z-index:30; display:inline-block; font-weight:600; position:relative; left:-20px;}
.month { font-size:12px; color:#fff; z-index:40; display:block; font-weight:600; position:relative; left:-20px;}
.list-item-writer { color:#fff; text-decoration:none; display:inline-block; bottom:5px; right:5px; position:absolute; background-color:rgba(0,0,0,0.7); padding:5px; font-size:11px;}
	.lnb-title span { font-size: 16px; }
	.wrap-sub .wrap-sub-content .lnb-title { font-size:21px; }
	#unit9950 > #sub01 { font-size:16px!important; font-weight:bold; }
	#unit1786 { padding:0px 15px!important; }
	#unit8583 > div { font-size:17px!important; }
	#component4698, #component2167, #component5659, #component2741, #component9559, #component6698, #component2683
	, #component3331, #component5140, #component4593, #component2490, #component7594, #component1915 { width:49%; display:inline-block!important;}
	#unit7051 > div:first-child {font-size:20px!important; }
	#unit7051 > div:nth-child(2) { font-size:18px!important; }
		#unit7051 > div:nth-child(3) { font-size:16px!important; }
		#unit7051 > div:nth-child(5) { font-size:14px!important; }
		#component2790 { margin:0px!important; padding:0px!important; }
		#unit7411 { padding:20px 0px!important; margin-bottom:20px!important;}
		#unit8874, #unit8776 { padding:0px!important; }
		#component3925 { padding-bottom:30px!important; }
		#unit9149, #unit8184 { padding:30px 0px!important; }
		#unit2477, #unit9791 { padding:0px!important; }
		#unit7633 > h1, #unit7633 > div {     width: 156px!important;}
		#unit3870 > #main7 { padding:40px 0 0!important; }
		#unit3870 #sub02 { font-size:20px!important; padding-bottom:40px; }
		#unit2992 > div { height:auto!important; }
		#unit1035 #sub03 table { width:100%!important; }
	
	#unit4125 > #main7 > div { font-size:21px!important; }
	#unit1626 table td img { display:none; }
	#component8666 div { font-size:15px!important; }
	
	#component8666 div span { font-size:15px!important; }
	#component5374 div { font-size: 17px!important; }
}