@charset "utf-8";


/* responsible css */
@media all and (max-width:1000px) {
    .newsletter-bx {padding-left:135px;}
    .newsletter-bx .inline {display:block; margin-bottom:4px;}
    .newsletter-bx .mobileInline {display:inline;}
    .newsletter-bx .newsletter-capchar {display:inline;}
    .newsletter-bx form label {width:70px;}
    .newsletter-bx label.type01 {width:70px; padding-right:16px;}
    .newsletter-bx form input[type="text"] {width:50%;}
    .newsletter-bx form button {display:inline-block; * display:inline; zoom:1; position:static; width:150px; height:30px; margin:0 0 0 66px; font-size:14px; text-align:center;}
    .newsletter-bx form button span {display:inline;}
	.primaryNewsWrap .newsletter-application .newsletter-bx {height:auto; padding-bottom:10px;}

	.bannerBargainSales {display:none;}
	
	.pc_ver{display: none}
	.pc_table_cell{display: none;}
	.mobile_ver{display: block}
    .mobile_table_cell{display: table-cell;}
    .side-wrap {
        display: none
    }

    .btn-drop-wrap.mobile {
        margin-left: 0;
        margin-top: 10px;
    }
        .btn-drop-menu {
            border: 1px solid #e0e0e0;
            color: #434343;
            width: 125px;
            height: 24px;
            line-height: 22px;
            padding-left: 10px;
            vertical-align: top;
            font-size: 12px;
            box-sizing: border-box;
            background: #fff url(//img.daara.co.kr/mall/mall2017/PC/back/check/select-arrow1.png) no-repeat 90% center;
            text-align: left;
            cursor: pointer;
        }
        .btn-drop-sub {
            display: none;
            position: absolute;
            top: 23px;
            left: 0;
        }
        .btn-drop-sub a {
            font-size: 12px;
        }
        .btn-drop-wrap.on .btn-drop-sub {
            display: block;
            box-sizing: border-box;
            width: 127px !important;
            border: 1px solid #ccc;
            background: #ccc !important;
            top: 29px;
            left: 50%;
            transform: translateX(-50%);
        }
            .btn-drop-wrap.on .btn-drop-sub li, #footerArea .btn-drop-wrap.on .btn-drop-sub li {
                display: block;
                width: 100%;
                margin-left: 0;
                /* border-bottom: 1px solid #ccc; */
            }
            .btn-drop-wrap.on .btn-drop-sub li:last-child, #footerArea .btn-drop-wrap.on .btn-drop-sub li:last-child {
                border-bottom: 0;
            }
                .btn-drop-wrap.on .btn-drop-sub li a, #footerArea .btn-drop-wrap.on .btn-drop-sub li a {
                    height: 24px !important;
                    line-height: 24px !important;
                    text-decoration: none;
                    text-align: left;
                    padding-left: 10px;
                    display: block !important;
                }
                .btn-drop-wrap.on .btn-drop-sub li a:hover, #footerArea .btn-drop-wrap.on .btn-drop-sub li a:hover {
                    text-decoration: underline;
                }
}

@media all and (max-width:980px){
    /* .global-container, .head-logo, .gnb-navi, #section-contents, #footer {width:100%} */
    .gnb-search {right:5px}
    .global-set li {margin-left:5px}
    .global-link li:last-child {margin-right:5px}
    .global-set li:first-child {display:none}
    .gnb-area li {font-size:1em;font-weight:600}
    .gnb00 {width:12%;margin-right:5px}
    li.gnb04 {width:10%}

    .f-company {margin:0 auto;}
    .family-icon {height:3px;width:100%;overflow:hidden}

    .photo-news {width:77.9%}
    .product-news {width:21.6%}
    .photo-news dl dt img, .product-news dl dt img {height:auto}
    .product-news dl.small dt img {height:auto;}
    /*.leading-news {padding-left:10px}*/

    .headline-list li {line-height:1.6em}
    .quick-menu {display:none}

    dl.locationDetail {overflow:hidden; margin-top:20px;}
    dl.locationDetail dt , dl.locationDetail dd {float:none; padding:0; border-bottom:0;}
    dl.locationDetail dt {width:100%; margin-top:10px; text-indent:0;}
    dl.locationDetail dd {width:100%; margin-top:5px;}
    dl.locationDetail dd span.type01 {display:none;}
    dl.locationDetail dd span.type02 {display:block; margin-top:5px;}
}

@media all and (max-width:860px) {
 .advertiseArea {display:none;}
}

@media all and (max-width:801px){
    .comment-login-area {padding:20px 0 40px;}
    .comment-login-area .com-login-btn{background-image:none;}
}


@media all and (max-width:800px){
    .pc {display: none !important;}
    .mobile {display: block !important;}
	.global-container, .head-logo, .gnb-navi, #section-contents, #footer {width:100%}
    .gnb-banner {display:none;}
	.leading-news {float:none !important; width:96%; margin:0 auto;}
    .aside .news-popular {display: block;}
    .head-logo, .kidd-logo {margin:0}
    ul.gnb-area li {}
    .cate-on li a {}
    .section-news {min-height:auto !important;}

    .newsletter-bx .btn-type {display:block; margin:0 0 5px;}
	.news-reporter {margin-top:40px;}
	.infoByLine .news-reporter {margin-top:0;}
	.infoByLine a.btnMore {top:14px;}
	.btn-etc02 {margin-top:20px;}
	.primaryNewsWrap .primary-news {padding-bottom:0;}
	.primaryNewsWrap .primary-news ul {padding:15px 0;}
	.primaryNewsWrap .newsletter-application {float:none; width:99%; margin:0 auto;}
	.primaryNewsWrap .newsletter-bx .formAgreement input[type=checkbox] {top:3px;}

    .kidd_nav {position:relative;width:100%;max-width:100%;}
    .kidd_nav .menu-list {width:100%;margin:0 auto 20px; word-spacing:-0.344em}
    .kidd_nav .menu-list li {display:inline-block; * display:inline; zoom:1; width:25%;word-spacing:normal;text-align:center}
    .kidd_nav .menu-list li a {overflow:visible;text-align:center}
    .kidd_nav .menu-list li img {display:none}
    .kidd_nav .menu-list li span.blind {display:block;position:relative;}
    .banner_list, .kiddCompanyBannerList {display:none}
    .kiddCompanyNav .menu-list li a {padding:8px 5px; font-size:14px; text-align:center;}
    .introduce02, .historyArea, .locationArea, .kiddInfoBBS, .kiddInfoBBSview {margin-top:30px;}

	.intro03Detail {margin-top:10px; padding:0 2%;}
	.intro03Detail p.txt01 {margin-top:20px;}
    .intro03Detail p.txt01 span {display:inline;}

    .leading-news .headline-news {min-height:250px}
	.primaryNewsWrap .newsletter-application .newsletter-bx {height:auto; padding-bottom:20px;}
	.primary-news ul li {float:none; width:100%;}

    .kidd-info{margin:0 auto;width:95%;}
    .intro_table {display:none}
    .intro_table02 {display:table}
    .intro03 img{display:none}
    .intro03-bx {display:block;margin-bottom:30px}
    .intro03 .intro03-title{color:#3F90FE;margin:30px 0 10px}
    .intro03 .intro03-info {font-size:0.8em;line-height:160%}

    .submenu-title {display:none}
    .bx-news-list dd h3 {margin-top:1px}
	.font-control span {line-height:26px;}
	.inquireAdBBS span.anonymityArea label {top:0;}

	/* 기사 상세 뉴스레터 우측 광고영역 */
	.adViewArea {float:none; margin-top:20px;}
	.content_area{padding: 10px;}
	
	.aside, .exhi_aside{display: none}
	
	/*	180919 모바일 메뉴 추가*/
	.mobile_menu_tab{
		display: block;
		height: 44px;
		position: relative;
		overflow: hidden;
		box-sizing: border-box;
	}
	.mobile_menu_tab > .mobile_menu_list{
		height: 44px;
		
		box-sizing: border-box;
		overflow: hidden;
		display: table;
		margin: 0;
	}
	.mobile_menu_tab > .mobile_menu_list > li{
		width: 125px;
		border-right: 1px solid #38485D;
		
		display: table-cell;
		box-sizing: border-box;
		vertical-align: middle;
		text-align: center;
	}
	.mobile_menu_tab > .mobile_menu_list > li.on > a{
		color: #78b8ff;
	}
	.mobile_menu_tab > .mobile_menu_list > li > a{
		display: block;
		width: 100%;
		height: 44px;
		font-size: 13px;
		font-weight: bold;
		line-height: 43px;
		color: #fff;
		text-align: center;
		background-color: #26303C;
		text-decoration: none;
		min-width: 125px;
    }
    
    /* 푸터개편 */
.footer {
    background: #e4e4e4;
}
.footer * {
    font-family: 'Malgun Gothic','Roboto', Helvetica ,'nanumgothic', 'AppleSDGothicNeo', sans-serif;
}
.footer p {
    margin-bottom: 0;
}
.footer-wrap {
    width: 100%;
    border-top: 7px solid #E3E3E8;
    background: #F7F7F7;
}
.footer-wrap::before {
    content: '';
    display: block;
    border-top: 2px solid #666;
}
.footer-wrap::after {
    content: '';
    display: block;
    border-bottom: 1px solid #ccc;
}
.footer-list {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 19px 0;
    border-bottom: 0;
    padding: 0;
}
.footer-list li {
    margin: 0 5px;
}
.footer-list a, .footer-list button {
    display: flex;
    width: 86px;
    height: 26px;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    box-shadow: 0 1px 0 0 rgba(0,0,0,.1);
    background: none;
}

.footer-info-bx {
    background: #e4e4e4;
}
.footer-info-bx::before {
    content: '';
    display: block;
    width: calc(100% - 20px);
    height: 1px;
    background: #ccc;
    margin: 0 auto;
}

.footer-info-bx .up-bx {
    margin: 20px 10px 0;
    padding: 0 10px;
}
.footer-info-bx .dn-bx{
    padding: 0 20px 100px;
    display: flex;
    justify-content: center;
}
.footer-info-bx .dn-bx li{
    font-size:12px;
    color:#888;
    text-align:center;
    float: none;
    width: auto;
    display: flex;
    align-items: center;
    white-space: nowrap;
}
    .footer-info-bx .dn-bx li::after {
        content: '';
        width: 1px;
        display: inline-block;
        border-right: 1px solid #A9A9A9;
        height: 11px;
        margin: 0 3px;
        box-sizing: content-box;
    }
    .footer-info-bx .dn-bx li:last-child::after {
        display: none;
    }

.footer-link-area {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    margin: 6px auto;
    flex-wrap: wrap;
    max-width: 375px;
}
.footer-link-area .bar {
    display: inline-block;
    border-right: 1px solid #B8B8BE;
    height: 17px;
}
.footer-link-area a {
    display: flex;
    align-content: center;
    align-items: center;
    font-weight: 400;
    width: 50%;
    justify-content: center;
    margin: 10px 0 !important;
}
.footer-link-area a::before {
    margin-right: 8px;
}
.ico-blog::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('//img.daara.co.kr/common/ico-blog-m.png') no-repeat;
    background-size: cover;
}
.ico-daara-tv::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('//img.daara.co.kr/common/ico-daara-tv-m.png') no-repeat;
    background-size: cover;
}
.ico-brand::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('//img.daara.co.kr/common/ico-mic.png') no-repeat;
    background-size: cover;
}
.ico-global::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('//img.daara.co.kr/common/ico-global-m.png') no-repeat;
    background-size: cover;
}
.footer-info-bx label, .topLinks label {
    display: none;
}
.footer-info-bx select, .topLinks select {
    display: flex;
    align-items: center;
    color: #333333;
    width: 137px;
    height: 29px;
    padding-left: 5px;
    vertical-align: top;
    font-size: 12px;
    border: none;
    border-radius: 2px;
    margin-left: auto;
    background: url(http://img.daara.co.kr/exhi/komaf_2019_new/ico/ico_arrow_down_m.png) no-repeat;
    background-size: 11px;
    background-position: 90% 50%;
    background-color: #ccc;
    line-height: normal;
}
.footer-info-bx .up-bx p{
    font-size: .825rem;
    color: #555;
    line-height: 1.5;
    text-align: left;
    width: 50%;}
.footer-info-bx .up-bx .tit {
    font-size: 13px;
    font-weight: 700;
    color: #000;
    height: auto;
}
.footer-info-bx .contact p {
    font-size: 11px;
    color: #666666;
    width: 100%;
    line-height: 17px;
    text-align: center;
    margin-bottom: 0;
}    

.footer-info-bx .up-bx{max-width:375px;margin: 20px auto;padding:0 20px;box-sizing: content-box;}
.footer-info-bx .up-bx .info-bx {
    display:flex;justify-content: space-between;align-items: center;
    position: relative;
}

.footer-info-bx .mid-bx {
    padding: 0 10px;
}
.footer-info-bx .mid-bx::before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #ccc;
    margin: 0 auto;
}
.footer-info-bx .mid-bx p {
    font-size: 11px;
    color: #666;
    text-align: center;
    line-height: 16px;
    margin: 20px 0;
    word-break: keep-all;
    padding: 0 10px;
}
.foot-bx {
    font-size: 12px;
    color: #666;
    text-align: left;
    margin: 10px auto 0;
    border-bottom: 1px solid #ccc;
    padding: 0px 10px 10px;
    line-height: 20px;display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.foot-bx a {
    color: #666;
}
.foot-bx > p {
    display: flex;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
}
.mobile .footer-link-area {
    display: flex;
}
.global-footer-2{
    color: #666;
    font-size: 11px;
    margin: 0 10px;
    padding: 20px 0;
    border-top: 1px solid #ccc;
    text-align: center;
}
    
    /*181206 ie 신품/중고 line-height 맞지않음 으로 인한 핵 추가 이한석*/
    @media screen and (min-width:0\0){
        .old_new_wrap em span{padding-top: 2px !important}
    }
}

@media all and (max-width:768px) {
    .primary-news {width:99.5%;}
    .primary-news ul {padding:15px 5.464%;}

    .titInquireAd {margin-top:40px;}
    h5.titInquireAdTxt {padding-left:0; color:#e32020; font-size:18px;}
    p.inquireAdTxt {margin-top:30px; padding-left:0; font-size:14px; line-height:1.7;}
    .sectionCompanyInfo {margin-top:20px;}
	.relatedNews ul li span.ico {display:none;}

	.sub-title {line-height:1.3;}

	.newsletter-bx .formAgreement {margin-top:20px;}
	.newsletter-bx p.formAgreementTxt {margin-top:10px;}

	.viewArticle01 .news-copyright02 {float:none; width:100%;}
	.viewArticle01 .viewArticleInner {overflow:hidden; float:none; width:100%; margin-top:20px; padding-top:2px;}

	.viewArticle02 {margin-top:20px; padding:0; border:0; background-color:#fff;}
	.viewArticle02 dl {height:auto;}
	.viewArticle02 dl dt {float:none; width:100%; margin:0; padding:0;}
	.viewArticle02 dl dt span {display:inline;}
	.viewArticle02 dl dd {float:none; width:100%; margin-top:10px;}
	.viewArticle02 .btnSnsShare {overflow:hidden; float:none; width:100%; padding:0;}
	.viewArticle02 .btnSympathy {float:none; width:100%; padding:0; border:0;}
	.viewArticle02 .btnSympathy ul {width:100%; margin-top:20px;}
	.viewArticle02 .btnSnsShare a {margin-bottom:10px;}
	.mBtnEtc02 {margin-top:-72px; margin-bottom:80px;}

	.content_area{padding: 10px;}
}

@media all and (min-width:681px){
    ul.gnb-area li {display:inline-block !important}
    .gnb-cate-prev, .gnb-cate-next {display:none !important}

}
@media all and (max-width:680px){
    .global-set,#global-gnb {display:none}
    .gnb-navi {overflow:hidden;z-index:9990;}
    .kidd-logo {width:30%;margin-left:5px;min-height:70px;line-height:70px}
    .kidd-logo img {width:100%;min-width:140px;vertical-align:middle}
    ul.gnb-area {position:relative;top:-34px}
    ul.gnb-area li {display:none;width:80%;margin:0 5% 0 15%;}
    ul.gnb-area li.on {display:block}
    ul.gnb-area li.hover {border:1px solid}
    .cate-on {overflow:visible}
    .cate-on li a {background-color:#fff;border:1px solid #ededed;border-top:0;}
    ul.gnb-area li.on a {color:#222;background:#fff}
    .icon-gnb-cate,.gnb-cate-prev, .gnb-cate-next {display:block}

    .f-guide ul {width:100%;white-space:nowrap}
    .f-guide li {width:17%}
    .f-guide li:nth-child(4) {width:30%}
    .f-company-info {display:block;width:90%;margin:0 auto;margin-bottom:10px;border-right:0}
    .f-company-info {clear:both}
    .f-company h3 {line-height:25px}
    .license-icon {display:none}
    .f-company-info li {float:left;margin-right:10px;}
    .site-notice, .copyright {width:90%;margin:15px auto 0 auto;padding:0}


    .photo-news, .leading-news {width:96%;margin:0 auto}
    .product-news {position:relative;display:block;width:98%;margin:0 auto}
    .product-news dl {float:left;width:33%;margin-left:0.5%;margin-top:0.5%}
    .product-news dl:first-child {margin-left:0}
    .product-news dl.small dt img {max-height:173px}
/*
    .photo-news dl.small, .product-news dl.small {width:100%;margin-left:0;margin-top:0.5%}
    .photo-news dl.small dt, .product-news dl.small dt{display:inline-block;width:23%;vertical-align:middle}
    .photo-news dl.small dd, .product-news dl.small dd{position:relative;display:inline-block;width:72%;margin-left:10px;right:0;background:none;color:#222;vertical-align:middle;line-height:1.3em}
    .photo-news dl.small dd a, .product-news dl.small dd a{color:#222;white-space:normal;text-align:left;width:100%;}
*/
    .aside {display:none}
    .headline-list li {line-height:1.54em}

    .section-search {min-height:0}

    .menu-list {font-size:.9em}

    .kidd-ads03 img.type01 {display:none;}
    .kidd-ads03 dl {display:block;}
    .kidd-ads03 dl dt {margin-top:15px; color:#1968a6; font-size:16px;}
    .kidd-ads03 dl dd {margin-top:5px; font-size:14px;}

    .president_award img {margin: 20px 0 0 0; width: 580px;}

    .sns-share-btn {position:relative;width:100%;top:15px;right:5px; height: 35px;}
	.viewArticle01 .sns-share-btn {margin-bottom:10px;}

}  /* max-width:680px */

@media all and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1.5) {
	#section-contents {margin-top:0;}
	.kidd_nav {margin-top:0;}
	.sectionCompanyInfo {margin-top:0;}
    .kiddCompanyNav ul.menu-list li {display:block; width:100%;}
    .kiddCompanyNav ul.menu-list li a {display:block; height:30px; padding:0; color:#fff; line-height:30px; background-color:#d02d30;}
	.kiddCompanyNav ul.menu-list li:first-child a {border-top:0;}
	.kiddCompanyNav .menu-list .on a, .kiddCompanyNav .menu-list a:hover {color:#d02d30; background-color:#f6ff00;}
	.sectionCompanyInfo {margin-top:15px;}
}

@media all and (max-width:480px){
    .gnb-search {top:30px}
    .gnb-search {width:160px}
    .gnb-search input[type=text] {width:115px}

    .section-news {margin-top:20px;}
    .sectionCompanyInfo {min-height:100px;}

    .headline-top {width:100%}
    .headline-list {position:relative;width:100%;top:0;margin-top:10px}

    .bx-news-list dd {margin-left:5px;}
    .bx-news-list dd p {display:none}
    .bx-news-list dd h3 a{white-space:normal}

    .bx-news-list-photo {width:48%;}
    .bx-news-list-photo dd h3 a{white-space:nowrap}

    .search-list dt {display:block;margin-bottom:5px}
    .search-list dd {width:100%;}
    .search-list dd ul li {width:26%;}

	#section-contents {margin-top:0;}
	.kidd_nav {margin-top:0;}
	.sectionCompanyInfo {margin-top:15px;}
    .kiddCompanyNav ul.menu-list li {display:block; width:100%;}
    .kiddCompanyNav ul.menu-list li a {display:block; height:30px; padding:0; color:#fff; line-height:30px; background-color:#d02d30;}
	.kiddCompanyNav ul.menu-list li:first-child a {border-top:0;}
	.kiddCompanyNav .menu-list .on a, .kiddCompanyNav .menu-list a:hover {color:#d02d30; background-color:#f6ff00;}

    #p_history1, #p_history2, #p_history3 {background:none;text-indent:0}
    #p_history3 dt, #p_history2 dt, #p_history1 dt {font-weight:600;margin-top: 10px;margin-left:5px}
    #p_history3 dd, #p_history2 dd, #p_history1 dd {margin-left:10px;color: #555;font-size:0.8em;line-height:1.6em}

    .adguide-cont06 {background:none;text-indent:0}
    .adguide-cont06 dl {display:block}

    .inquiry_area, .table-box {width:100%}
    .application-title {display:block}

    .font-control {right:5px}
    .sns-share-btn {position:relative;width:100%;top:15px;right:5px}
	.viewArticle01 .sns-share-btn {margin-bottom:10px;}
    .paging_con {padding:10px 0; border-top: 1px solid #f3f3f3;/* background-color:#f1f1f1; */}
    .newsletter-bx {padding-left:10px; background:#fff;}
	.intro03Detail p.txt01 {font-size:13px;}
	.relatedNews ul li span.subject {display:block; width:99%;}
	.infoByLine p.reportGreeting {line-height:1.5;}
	.infoByLine a.btnMore {position:static; margin-top:10px; text-align:left;}

	.inquireAdBBS span.anonymityArea {display:block; margin-top:10px;}
	.inquireAdBBS span.anonymityArea input[type=checkbox] {margin-left:0 !important;}
	.inquireAdBBS span.anonymityArea label {top:1px;}

	.sectionCompanyInfo .hType03 {font-size:18px;}

	.bannerBargainSales {display:block; float:none; margin:10px auto 0;}

	/* 기사 상세 뉴스레터 우측 광고영역 */
	.adViewArea {margin:20px auto 0;}

    .president_award img {margin: 20px 0 0 0; width: 480px;}

	.type01 td{}
} /* max-width:480px  */

@media all and (max-width:800px){
	.bestProd{display:block;}
    .new-line-banner{width:100%;}
    .real-time-comment{display:none;}
    .new-line-banner .real-time-news{width:100%;margin-left:4px;}
    .new-line-banner dd{width: calc(100% - 100px);}
}


/*main.css 미디어쿼리*/
@media all and (max-width:800px) {
	.mTitle {padding:20px 0 18px !important; line-height:1.1 !important;}
	.mTitle a {display:block; overflow:hidden; padding:0 2%; white-space:nowrap; text-overflow:ellipsis;}

	.lineBanner {width:96%; padding:0 2%;}
	.lineBanner dl.lineBannerNews dt span {line-height:17px; background-color:#2d4b6f;}

	.lineBanner dl.lineBannerNews dd {width:76%;}

	#section-contents {width:96%;background:#fff;margin-top:0;padding-top:5px;}

	.mainArticleTop {margin:0 auto; padding:0;}
	.mainArticleTop h2 {padding:4px 10px 6px;  line-height:14px;}
	.mainArticleTop h2 a {color:#000; font-size:24px; font-weight:bold; text-decoration:none;}
	.mainArticleTop p {display:none; font-size:14px;}

	.mainArticle01 ul.divideList01 li {
		overflow: hidden;
		float: left;
		position: relative;
		width: 49%;
		max-height: 105px;
		height: 105px;
		margin-bottom: 12px;
		margin-left: 0;
	}
	.mainArticle01 ul.divideList01 li:nth-child(2n) {
		float: right;
	}
	.mainArticle01 ul.divideList01 li a {
		display: block;
		width: 100%;
		height: 100%;
	}
	.mainArticle01 ul.divideList01 li a .frame01 {
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		width: 100%;
		height: 105px;
		background: none;
	}
	.mainArticle01 ul.divideList01 li .frame02 {
		display: block !important;
		position: absolute;
		z-index: 2;
		top: 0;
		left: 0;
		width: 97%;
		height: 94px;
		padding: 5px;
		background: url("http://img.daara.kr/kidd_n/main/bg_divide03.png") repeat left top;
	}
	
	.mainArticle01 .mainArticleTop02 h2 a {padding:0; text-indent:0;}
	.mainArticle01 .mainArticleTop02 p {text-indent:0;}

	.mainContainer {width:96%; margin-top:0; padding:0 2%;}

	.columnArea {margin-top:20px;}
	.icoSns {display:none !important;}

	.mainArticle01, .mainArticle02, .mainArticle03, .cardBannerWrap, ul.mainSection02, .mainFooter {position:static;}
	.mainArticle01, .mainArticle01 dl.realTimeNews {width:100%;}
	.mainArticle01 dl.realTimeNews dt, .mainArticle01 dl.realTimeNews dd {height:40px; line-height:40px;}
	.mainArticle01 dl.realTimeNews dt {width:21%; padding-left:1%;}
	.mainArticle01 dl.realTimeNews dd {width:78%; padding-right:0;}
	.mainArticle01 dl.realTimeNews dd a {width:98%; height:40px; padding-right:2%; text-indent:10px; line-height:40px;}
	.mainArticle01 .newsArticle01 {width:100%; margin:0; padding:10px 0;}
	.mainArticle01 .newsArticle01.firstChild {margin-top:20px;border-top:0}
	.mainArticle01 .newsArticle01 h2 {display:block; overflow:hidden; font-size:20px; white-space:nowrap; text-overflow:ellipsis; text-indent:0;}
	.mainArticle01 .newsArticle01 p {padding:0;}
	.mainArticle01 .newsArticle01 .details {width:72%;}
	.mainArticle01 .articleTxt {overflow:hidden; height:auto;}
	.mainArticle01 .articleTxt a.pic {width:48.295%; margin-right:3.409%;}
	.mainArticle01 .articleTxt .details {width:48.295%;}
	.mainArticle01 .articleTxt .headline-newsbody {min-height:129px; max-height:129px;}

	.mainArticle02 {width:100%; margin-top:20px;}
	.mainArticle02 .mainArticleTop h2 {height:auto;}
	.mainArticle02 .divide01 span {float:left;}
	.mainArticle02 .divide01 em, .mainArticle02 .divide01 span {line-height:17px;}
	.mainArticle02 .articleTxt p {font-size:13px;line-height:1.5;}
	.mainArticle02 .articleTxt p.hot-news {height:4.375rem; max-height:4.375rem;}

	.mainArticle03 {width:100%; margin-top:20px;}
	.mainArticle03 .mainMediaWrap {overflow:hidden;}
	.mainArticle03 .noticeArea02 {display:none;}
	.mainArticle03 .mainVideoNews p.txt01 {bottom:37px;}
	.mainArticle03 .mainVideoNews p.txt02 {bottom:20px;}
	/*
	,
	.mainArticle03 ul.asideBanner,
	.mainArticle03 .mainVideoNews
	*/
	.mainArticle03 .infograpic-news li a {max-height:450px;}
	.mainArticle03 .infograpic-news li a img {}
	.mainArticle03 h3.titVideoNews {margin-top:15px;}
	.mainArticle03 .mainVideoNews {width:100%; height:auto;}


	.mainArticle03 .columnArea ul.innerColumn li h3 {font-size:16px;}

	.mainArticle03 .lmeArea h2, .mainArticle03 .columnArea h2 {font-size:18px;}
	.mainArticle03 .columnArea a.more {right:10px;}
	.mainArticle03 .icoSns02 {margin-bottom:10px; text-align:right;}
	.mainArticle03 .icoSns02 a, .mainArticle03 .icoSns02 span {float:none;}
	.mainArticle03 .icoSns02 span {top: -1px;width: auto;font-size: 1rem;position: relative;float: left;line-height: 64px;}
	.mainArticle03 .icoSns02 a {margin-left:5px;}
	.mainArticle03 .icoSns02 a:first-child {margin-left:0;}
	.mainArticle03 .columnArea ul.innerColumn li .details {width:80%; padding-top:8px;}
	.mainArticle03 .columnArea ul.innerColumn li .details h3 {height:auto;}
	.mainArticle03 .columnArea ul.innerColumn li .details p.sort {font-size:14px;}
	.mainArticle03 .columnArea ul.innerColumn li h3.tit01 {padding-top:2px;}
	.mainArticle03 .columnArea ul.innerColumn li h3.tit01 span.sort {position:relative; top:-2px; line-height:20px;}

	ul.mainSection02 {display:none; width:100%; margin:20px auto 0; text-align:center;}
	ul.mainSection02 li.section02List {display:inline-block; * display:inline; zoom:1; float:none; width:100%; padding:0; border:0; vertical-align:top;}
	ul.mainSection02 li.endLine01 {width:320px; min-height:308px; line-height:303px;}
	ul.mainSection02 li.endLine02 p,
	ul.mainSection02 li.endLine03 p {text-align:left;}
	.mainArticle07, .technologyNews, .exhibitionNews, .productNews, .mainArticle05, .popularNews, .businessNews, .reshuffle {text-align:left;}

	.bannerHannover {display:none; width:100%; margin:16px 0 10px;}

	.kiddMainBanner01 {height:auto; margin-top:0; padding-bottom:20px;border-bottom:1px solid #e8e8e8;}
	.kiddMainBanner02 {margin:0;}
	.kiddMainBanner03 {display:none; margin:20px 0 0 0;}
    .daaraMajorProject ul.link_list{display:none !important;}
	.pc_ver{display: none}
	.pc_table_cell{display: none;}
	.mobile_ver{display: block}
	.mobile_table_cell{display: table-cell;}
	
	.news_banner_area {
		width: 100%;
		height: 250px;
		margin: 20px auto 20px;
		background-color: #fff;
		overflow: hidden;
		position: relative;
	}
	.news_banner_area .news_banner_slide_v2 {
		width: 100%;
		height: 220px;
		margin: 20px auto 20px;
		background-color: #fff;
		overflow: hidden;
		position: relative;
	}
	
	.popular-news-list_v2{
		padding-top: 10px;
	}
	.popular-news-list_v2 li a {
	display: block;
	overflow: hidden;
	width: 100%;
	color: #303030;
	font-size: 14px;
	text-indent: 12px;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 1.6;
	background: url("http://img.daara.kr/kidd_n/common/bullet03.gif") no-repeat 2px 10px;
}
	.mainArticle03 .icoSns02 p {
	color: #2e3b4c;
	font-size: 1rem;
	font-weight: bold;
	float: left;
	margin-top: 10px;
	text-align: left;
	margin-left: 20px;
}
	.pc_ver{display: none}
	.pc_table_cell{display: none;}
	.mobile_ver{display: block}
	.mobile_table_cell{display: table-cell;}
	
} /* max-width:800px */

@media all and (max-width:480px) {
	.mainContainer {padding-top:20px;}
	.lineBanner dl.lineBannerNews dt {line-height:26px;}
	.lineBanner dl.lineBannerNews dt span {}
	.lineBanner dl.lineBannerNews dd {width:60%;}
	.lineBanner dl.lineBannerNews dd a {width:100%;}
	.mainArticle01, .mainArticle01 dl.realTimeNews {width:100%;}
	.mainArticle01, .mainArticle01 dl.realTimeNews dt {}
	.mainArticle01, .mainArticle01 dl.realTimeNews dd {}
	.mainArticle01 .articleTxt {height:auto; margin-bottom:30px;font-size:14px;}
	.mainArticle01 .articleTxt .headline-newsbody {min-height:auto; max-height:auto;}
	.mainArticle01 .articleTxt a.pic {display:block; float:none; width:100%; margin-bottom:10px; text-align:center;}
	.mainArticle01 .articleTxt a.pic img {float:none; margin:0;}
	.mainArticle01 .articleTxt .details {float:none; width:100%;}
	.mainArticle01 .articleTxt .details ul li a {font-size:12px;}
	.mainArticle01 .articleTxt .txt {display:block;}

	.mainArticle01 .mainArticleTop02 h2 a {font-size:22px;}
	.mainArticle01 .mainArticleTop02 p {height:auto; margin-bottom:10px;}

	.mainArticle01 .newsArticle01 {padding:10px 0;}
	.mainArticle01 .newsArticle01 p span.writer {display:block; margin:4px 0 0;}
	.mainArticle01 .newsArticle01 h2 {font-size:18px; line-height:1.2;}
	.mTitle {padding:10px 0 !important;}
	.mTitle a {padding:0;}
	.mainArticle01 .newsArticle01 p img {float:left; margin:0 4px 4px 0;}
	.mainArticle01 .newsArticle01 .details {width:61%;}

	.mainArticle02 {width:100%;}
	.mainArticle02 .mTitle a {width:100%;}
	.mainArticle02 .mainArticleTop h2 a {text-indent:8px;}
	.mainArticle02 p.hot-news a {height:70px !important;}
	.mainArticle02 .divide01 em, .mainArticle02 .divide01 span {line-height:17px;}

	.mainArticle03 {width:100%;}
	.mainArticle03 .lmeArea, .mainArticle03 .columnArea {padding:0 7px;}
	.mainArticle03 .lmeArea h2, .mainArticle03 .columnArea h2 {border-width:2px;}
	.mainArticle03 .columnArea ul.innerColumn li .details {width:70%;}

	.mainArticle03 .mainMediaWrap .subBrandArticle,
	.mainArticle03 .mainMediaWrap h3.titVideoNews {float:none; width:100%;}
	.mainArticle03 .mainMediaWrap h3.titVideoNews {margin-top:10px;}
	.mainArticle03 ul.asideBanner,
	.mainArticle03 .mainVideoNews {width:100%; height:auto;}
	.mainArticle03 .mainVideoNews a img {width:100%;}



	.reshuffle {width:100%;}
	.technologyNewsInner .details {width:185px;}

	.mainArticle01 {}
	.mainArticle05 {width:340px; margin:20px auto 0;}
	.mainArticle05 .mainArticle05Inside {width:310px; margin:0 auto; text-align:center;}
	ul.mainSection02 li.endLine01,
	ul.mainSection02 li.endLine02,
	ul.mainSection02 li.endLine03 {width:340px; min-height:auto; margin-top:10px; padding:0; line-height:1.1;}
	ul.mainSection02 li.endLine01 p,
	ul.mainSection02 li.endLine02 p,
	ul.mainSection02 li.endLine03 p {text-align:center;}
	.article08Banner {text-align:center;}

	.mainArticle01 dl.realTimeNews dt span.ico {display:none;}

	.bannerHannover {display:block;}
	.bannerHannover img {width:100%;}
	.pc_ver{display: none}
	.pc_table_cell{display: none;}
	.mobile_ver{display: block}
	.mobile_table_cell{display: table-cell;}
	
	.news_banner_area {
		width: 100%;
		height: 220px;
		margin: 0 auto;
		background-color: #fff;
		overflow: hidden;
		position: relative;
	}
		.mainArticle03 .icoSns02 span {top: -1px;width: auto;font-size: 0.68rem;position: relative;float: left;line-height: 64px;}
}

@media all and (max-width:800px) {
    .temp-pop .closeTimer, .temp-pop .check-bx {display:none !important;}
	.sidelogo_area img{
		width: 100%;
	}
	.mainArticle03 .icoSns02 a, .mobileBottomSection .icoSns02 a {
		margin-top: 0;
		float: right;
		line-height: 69px;
	}
}

/*exhi2018.css  미디어쿼리*/
@media all and (max-width:801px){
    .mobileView{display:block}
    .pcView{display:none;}
    .com-sub-side-area .com-sel select, .com-sel_v2 select{padding:0 !important}
    .side-event-bx .btn{width:100%}
    .side-event-bx .event-list-bx .rgt{text-align:right;}
    .side-years-exhi-list .com-sel, .com-sel_v2{margin-right:1.66%}
    .com-sel1, .com-sel1_v2{width:100%; margin-bottom: 10px;}
    .com-sel2, .com-sel2_v2{width:100%; margin-bottom: 10px;}
    .side-years-exhi-list .exhi-list-view-btn{width:25%;}
    .side-partner-link-list li img,.side-seminar-banner img{max-width:100%;width:100%;}
    .mobilePaging{display:block;}
    .pageNaviList{display:none;}
    .com-sub-side-area{width:100%;padding:0;margin:0;border:none;}
    .com-newletter-bx{display:none;}
    .sub-lft,.sub-rgt,.container-section .sub-lft,.container-section .sub-rgt{display:block;width:100%;padding:0 10px;box-sizing:border-box;}
    .sub-banner,.news-mid-banner a{display:block;width:100%;text-align:center;}
    .sub-banner img,.news-mid-banner img{max-width:100%;width:100%;}
    .sub-communicate-area {margin-top:0px;}
    .side-years-exhi-list .exhi-list-view-btn{width: 100%;}
}

/*mobileBt_Sec.css*/
@media all and (max-width:800px) {
	.naverPartnership {margin-top:10px;}
	.naverPartnership img.mobileData {display:block !important;}

    .mobileBottomSection {display:block; padding: 10px;}
    .mobileBottomSection .sub-communicate-box {
    background: #fff;
    border: 1px solid #ddd;
    width: 100%; float: right;
}
    .mobileBottomSection .sub-communicate-content {
    overflow-y: auto;
    height: 220px;
    padding: 0 10px;
    width: auto;
    box-sizing: border-box;
    background-color: #e7f8ff;
}
.mobileBottomSection .sub-communicate-content li {
    float: left;
    width: 100%;
    padding: 12px 0;
    border-bottom: 1px solid #f4f4f4;
}


    .mobileBottomSection .popular-news-area {clear: both; padding-top: 1px;}
    .mobileBottomSection .sub-side-tit {
    padding-bottom: 10px;
    border-bottom: 1px solid #efefef;
    color: #2a3646;
    font-size: 16px;
    font-weight: 700;
    margin: 30px 0 10px;
    position: relative;
}
    .mobileBottomSection .popular-news-list {
    margin: 10px 0;
}
    .mobileBottomSection .popular-news-list li {
    width: 100%;
}
    .mobileBottomSection .popular-news-list a {
    display: block;
    overflow: hidden;
    width: 100%;
}
    .mobileBottomSection .popular-news-list .pic {
    float: left;
    overflow: hidden;
    width: 64px;
    height: 64px;
    margin-top: 10px;
    margin-right: 15px;
}
    .mobileBottomSection .popular-news-list .pic img {
    margin-top: -8ppx;
    width: auto;
    height: 100%;
    max-width: 64px;
}

    .mobileBottomSection .popular-news-list .details {
    padding-top: 7px;
    float: left;
    width: 68%;
}
    .mobileBottomSection .popular-news-list h3.tit01 {
    overflow: hidden;
    color: #000;
    font-size: 16px;
    white-space: normal;
    line-height: 18px;
    max-height: 36px;
    text-overflow: ellipsis;
    font-weight: 700;
    margin-bottom: 5px;
}
   .mobileBottomSection .popular-news-list .sub-tit {
    display: block;
    font-size: 13px;
    margin-top: 0;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    margin: 0;
}
    .mobileBottomSection .sub-tit {
    padding-bottom: 10px;
}
    
    .mobileBottomSection .icoSns02 {
    overflow: hidden;
    margin-bottom: 5px; text-align: right; margin-top: 40px;
}
    .mobileBottomSection .icoSns02 span {
    float: none; position: relative;     color: #2e3b4c; font-weight: bold;
    display: inline-block;  zoom: 1;  vertical-align: middle;
}
    .mobileBottomSection .icoSns02 a {
    	margin-left: 5px; 
		margin-top: 0;
		float: right;
		line-height: 69px;
}
    .mobileBottomSection .mainMediaWrap {
    overflow: hidden;
}
    .mobileBottomSection .subBrandArticle {
    height: 32px;
    line-height: 32px;
    background-color: #ffb100;  line-height: 32px;
}
    .mobileBottomSection .subBrandArticle a {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
     .mobileBottomSection .subBrandArticle span.type01 {
    float: left;
    width: 90px;
    height: 32px;
    font-size: 15px;
    text-indent: 10px;
    background: url("http://img.daara.kr/kidd_n/common/sprite_kidd_180824.png") no-repeat -310px 0
}
    .mobileBottomSection .subBrandArticle span.type02 {
    float: right;
    padding-right: 10px;
    font-size: 11px;
    text-decoration: underline;
}
    .mobileBottomSection .subBrandArticle span {
    color: #fff;
    font-weight: bold;
}
    
    .mobileBottomSection ul.asideBanner li:first-child {
    margin-top: 0;
}
    .mobileBottomSection ul.asideBanner li a {
    display: block;
    width: 100%;
    height: 100%;
	text-align: center;
}
    .mobileBottomSection .infograpic-news li a {
    max-height: 450px; overflow: hidden;
}
    
   .mobileBottomSection h3.titVideoNews {
    margin-top: 15px;
}
    .mobileBottomSection h3.titVideoNews {
    overflow: hidden;
    height: 32px;
    margin-top: 20px;
    background: #9a6358 url("http://img.daara.kr/kidd_n/common/sprite_kidd_180822.png") no-repeat -310px -35px
}
    .mobileBottomSection h3.titVideoNews a {
    display: block;
    width: 100%;
    height: 100%;
}
    .mobileBottomSection .icoSns02 a img {width: 22px;}
    
    .mobileBottomSection h3.titVideoNews a span.type02 {
    float: right;
    padding-right: 10px;
    color: #fff;
    font-size: 11px;
    text-decoration: underline;
    line-height: 32px;
}
    .mobileBottomSection .mainVideoNews p.txt01 {
    bottom: 37px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
    width: 200px;
}
    .mobileBottomSection .mainVideoNews p.txt01, .mainArticle03 .mainVideoNews p.txt02 {
    overflow: hidden;
    position: absolute;
    z-index: 19;
    left: 10px;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .mobileBottomSection .mainVideoNews a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
    
    .mobileBottomSection .mainVideoNews .frame01 {
    position: absolute;
    z-index: 20;
    top: 50%;
    left: 50%;
    width: 55px;
    height: 54px;
    margin: 35px 0 0 76px;
    background: url(http://img.daara.kr/kidd_n/main/frame_video_news.png) no-repeat 0 0;
}
    .mobileBottomSection .mainVideoNews .frame02 {
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(http://img.daara.kr/kidd_n/main/frame_video_news02.png) repeat-x 0 100%;
}
	.mainArticle03 .icoSns02 p {
    color: #2e3b4c;
    font-size: 1rem;
    font-weight: bold;
    float: left;
    margin-top: 10px;
    text-align: left;
    margin-left: 20px;
}
/* 2018.09.04(수정) | 이한석 | 기사상세페이지 레이아웃 수정 */
	.mobileBottomSection .icoSns02 {
    margin-bottom: 10px;
    text-align: right;
}
	.mobileBottomSection .icoSns02 p {
    color: #2e3b4c;
    font-size: 1rem;
    font-weight: bold;
    float: left;
    margin-top: 10px;
    text-align: left;
    margin-left: 20px;
}
	.mobileBottomSection .mainVideoNews {
    overflow: hidden;
    position: relative;
}

.mobileBottomSection .mainVideoNews p.txt01 {
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
	overflow: hidden;
    position: absolute;
    z-index: 19;
    left: 10px;
	font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
    width: 200px;
	bottom: 37px;
}
	.mobileBottomSection .mainVideoNews p.txt02 {
    overflow: hidden;
    position: absolute;
    z-index: 19;
    left: 10px;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
	font-size: 11px;
    width: 200px;
	bottom: 20px;
}
	.mobileBottomSection h3.titVideoNews_v2 {
    overflow: hidden;
    height: 32px;
    margin-top: 15px;
    background: #4c6c8c url(http://img.daara.kr/kidd_n/common/sprite_kidd_180822.png) no-repeat -310px -70px;
}
	.sidelogo_area {
    margin-top: 10px;
    font-size: 0;
}
	.sidelogo_area p:first-child {
    margin-bottom: 10px;
}
	.sidelogo_area p a img {
    border: 1px solid #ddd;
    width: 100%;
    box-sizing: border-box;
    }
    .exhi_aside .com-sub-side-area {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    }
    .exhi_aside .popular-news-area {
    display: none
    }
    .side-years-exhi-list_v2 .com-sel_v2 {
        margin-right: 1%;
        width: 49%;
        float: left;
    }
    .side-years-exhi-list_v2 .com-sel2_v2 {
        margin-right: 0;
        float: right
    }
    .exhi_aside .side-years-exhi-list .com-sel1 {
        width: 30%;
        margin-right: 3%;
    }
    .exhi_aside .side-years-exhi-list .com-sel2 {
        width: 49%;
        margin-right: 3%;
    }
    .exhi_aside .side-years-exhi-list .exhi-list-view-btn {
        width: 15%;
        float: right;
    }
    .container-section .sub-side-tit {
        padding-bottom: 10px;
        border-bottom: 1px solid #efefef;
        color: #2a3646;
        font-size: 16px;
        font-weight: 700;
        margin: 30px 0 10px;
        position: relative;
        text-indent: 0;
        background: none;
    }

}

/*style01*/
@media all and (max-width:801px){
.mobileView{display:block}
}

/* Media Queries */
@media all and (max-width:1230px){
.quickMenuWrap{display:none}
}

/* EOD : max-width:1230px */
@media all and (min-width:1001px){
.greeting01 img{display: block;}
.greeting02 img{display: none;}
}
@media all and (max-width:1000px){
.daaraMajorProject .fixLayout{width:auto !important;overflow:hidden;}
.greeting01 img{display: none;}
.greeting02 img{display: block; width: 97%;}
}

@media all and (max-width:900px){
.greeting03{padding:0 2%}
}

@media all and (max-width:800px){
	.fixLayout01{padding:0 2%}
.title_section {
    position: relative !important;
    left: 0% !important;
    display: block;
}
	#footerArea .topLinksWrap {
		border-top: 1px solid #d9d9d9;
		border-bottom: 0;
	}
.daaraMajorProject ul.topMenu-left_v2{display:none !important}

.mobileHidden {display:none !important}
.hType01{position:relative}
.hType04{font-size:20px}
.hType05{font-size:24px}
.more{padding:0}

#headerArea,.userAreaWrap,.headerTop,.gnbArea .gnbAreaInner{width:100%;margin:0 auto}
#headerArea{height:57px;}

.userAreaWrap{display:none}

h2.list-title{height:40px;margin:0 0 20px;font-size:20px;font-weight:bold;line-height:40px;text-indent:40px}
h2.list-title span{position:absolute;top:12px;left:10px;width:16px;height:16px;background:url(http://img.daara.kr/kidd_n/common/bg_btns.png) no-repeat -19px -35px}

.headerTop,.familySiteAreaWrap{display:none}
.mobileHeaderTop{display:block}
.mobileHeaderTop h1{height:57px;padding-top:0;line-height:57px;position: absolute;left: 50%;margin-left: -64.5px;}
.gnbArea ul li a.categoryAllMenu{display:none}
.gnbArea ul li a.realTime01{text-align:left}

.gnbArea{display:none;overflow:auto;position:relative;left:-100%;width:100%;padding-top:0;background:#fff}
.gnbAreaInner{overflow:auto;position:relative;width:85%}
.gnbArea .area01{display:block;width:100%;background-color:#fff}
.gnbArea h2,.gnbArea h3{display:block}
.gnbArea h2{width:100%;height:57px;background-color:#2d4b6f;font-size:18px;line-height:70px}
.gnbArea h2 img{width:120px}
.gnbArea h3{padding-top:10px;color:#65aae1}
.gnbArea .gnbAreaInner{display:none}
.gnbArea .side-accoMenu{padding-top:16px;background:#eee}
.gnbArea .side-accoMenu{display:block}
.gnbArea .side-accoMenu .acco p{height:72px;padding:15px 16px;border-bottom:1px solid #dcdcdc;background:#fff;font-size:18px;box-sizing:border-box}
.gnbArea .side-accoMenu .acco p:hover{background:#e6e6e6}
.gnbArea .side-accoMenu .acco p b{font-size:14px;color:#888}
.gnbArea .side-accoMenu .acco p .icon{float:right;width:18px;height:9px;background:url(http://img.daara.kr/m2017/acco_title.png) no-repeat 0 0;background-size:cover;text-indent:-9999px}
.gnbArea .side-accoMenu .acco p.on .icon{background-image:url(http://img.daara.kr/m2017/acco_title_undo.png)}
.gnbArea .side-accoMenu .acco ul{display:none;width:100%;background:#f5f5f5}
.gnbArea .side-accoMenu .acco ul:after{display:block;clear:both;content:''}
.gnbArea .side-accoMenu .acco li{float:left;position:relative;width:100%;height:48px;background:#fff;font-size:14px;box-sizing:border-box; text-indent: 30px;}
.gnbArea .side-accoMenu .acco .thirdDep{float:left;position:relative;width:100%;height:48px;background:#fff;font-size:14px;box-sizing:border-box; text-indent: 60px;}
.gnbArea .side-accoMenu .acco li:hover{background:#e6e6e6}
.gnbArea .side-accoMenu .acco li a{display:block;width:100%;height:48px;margin:0 auto;border-bottom:1px solid #dcdcdc;line-height:48px;box-sizing:border-box}
.gnbArea .side-accoMenu .acco li .icon{display:block;float:right;width:7px;height:13px;margin-top:17px;background:url(http://img.daara.kr/m2017/acco_dd.png) no-repeat 0 0;background-size:cover; margin-right: 30px;}

.article0102Wrap{overflow:hidden;padding:4%;background-color:#376284;text-align:center}

.fa01,.fa02,.fa03{float:none;width:88%;margin:0 0 20px;padding:0 6%}
.footerArticle h2{margin-bottom:10px}

.btnControls01{padding:10px 0}
.btnControls01 button{width:110px;height:28px;font-size:14px;line-height:28px}

.txtKeyword01{margin-top:40px;font-size:16px}
.agreementArea h5{font-size:16px}
.agreementArea ul li{margin-bottom:4px}
.agreementArea ul li span{display:none}
.agreementArea ul li.lastChild{text-indent:0}

.page_pubdate{display:none}

.articleTitleArea .titleArea01{position:relative;top:-3px}
.articleTitleArea .titleArea02{width:82%}

.greeting03{margin-top:20px}
.greeting03 h4{font-size:20px}
.greeting03 h4 span.tit{top:4px;width:80px;margin-left:-40px}
.greeting03 ol li{margin-top:20px;font-size:18px}
.greeting03 ol li span{font-size:16px;font-weight:normal}
.greeting03 ol li p{margin-top:2px;font-size:13px}
.greeting03 p.txt01{margin-bottom:60px}

.mobileHistory{display:block;font-size:14px}

.agreementArea ul li{padding:0;text-indent:0}
.aside ul.listType01 li{background-position:4px 7px}
.aside ul.listType01 li a{font-size:13px}

.privacyArea02{padding:0 2%}
.fixLayout02{padding:0 2%}
.visualBar.bar01{margin-top:20px}

.viewBanner01 .banner01{width:100%}
.viewBanner01 .btn-etc02{width:100%;margin-top:10px}
.viewBanner01 .btn-etc02 a.type02{margin-left:4px}
.viewBanner01 .btn-etc02 a.type02 img{border-top:1px solid #c2c2c2}

#footerArea{margin-top:40px;padding-bottom:20px;letter-spacing: 0;}
#footerArea .footerLogo,#footerArea .footerLogo2{display:none}
#footerArea p.infoRegistration{display:none}
#footerArea ul.topLinks{width:100%;padding-left:0}
#footerArea ul.topLinks li{display:inline-block;width:50%;/* width:25%; */height:44px;margin:0;border-bottom:1px #d9d9d9 solid;box-sizing: border-box;}
#footerArea ul.topLinks li:hover{background-color:#f0f0f0;font-weight:bold;color:#222}
#footerArea ul.topLinks li a{display:inline-block;*display:inline;width:100%;font-size:12px;text-decoration:none;zoom:1}
#footerArea ul.topLinks li a span.type01{position:relative;font-size:12px}
.privacyAreaWrap{width:100%;margin:0}
#footerArea .privacy{width:96%;padding:0 2%}
.footerInner{display:block;border-bottom:1px solid #d9d9d9}
.footerArticle h2{font-size:14px}
.privacyArea{width:88%;padding:0 6%;background:none}
.privacyArea p.txtCopyright{text-align:center}
.privacyArea p.txt01 span{display:inline}

.agreementArea{float:none;padding:20px}
.agreementArea span.ico{display:none}

.lnb > li{width:19.75% !important}
.lnb li a{font-size:.9rem !important}
#securiy-num{width:30% !important}

.m-totalSrch{display:block;background:#fff;margin-bottom: 20px;}
/* .m-totalSrch .fixedlayout{padding:.5rem} */
.m-totalSrch fieldset{width:100%;height:2.5rem}
.clearfix:after{display:block;clear:both;content:''}
.m-totalSrch input[type=text]{float:left;width:83%;height:2.5rem;padding:0 15px;border:1px solid #5273a5;border-right:none;box-sizing:border-box}
.m-totalSrch input[type=submit]{float:left;width:17%;height:2.5rem;border:none;background:#5273a5;line-height:2.5rem;font-size:1rem;color:#fff;text-align:center}
.m-totalSrch input{font-size:1rem}

.idream_tab{width:100% !important;border-bottom:10px solid #eee}
.idream_tab:after{display:inline-block;float:left;width:100%;height:1px;background-color:#ccc;content:''}

.realTimeNewsList:first-child{margin-top:40px}

.idream_tab a{display:inline-block;width:25% !important;padding:1rem .2rem .8rem!important;font-size:0.9rem !important;text-align:center !important;box-sizing:border-box}

.evtnIsuWrap{padding:1rem 0;border-bottom:10px solid #f2f2f2;}
.evtnIsuWrap.line1{height: 20px;}
.evtnIsuWrap.line2{height: 40px;}
.evtnIsuWrap.line3{height: 190px;}

.select{margin-bottom:20px;text-align:center;}
.select-multi{margin-bottom:0;text-align:center;}

select{width:100%;height:40px;line-height: 40px; margin:0 auto;border:1px solid #dcdcdc;border-radius:0;background:#fff url(http://img.daara.kr/kidd_n/common/blt_arrow_btm.png) no-repeat 95% 50%;font-size:1rem;color:#757575;text-indent:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none}

p.srch_area .srch_area_submit {
    font-size: 1.2rem;
    color: #fff;
    width: 100%;
}

p.noti {
    padding-top: 10px;
    font-size: 11px !important;
    color: #969696;
}


.srch_area .srch_area_submit {
    width: 100% !important;
    height: 2.5rem !important;
    margin-top: 20px !important;
    }


}

/* EOD : max-width:768px */
@media all and (max-width:600px){
	.fixLayout01{padding:0 2%}
.title_section {
    position: relative !important;
    left: 0% !important;
    display: block;
}
input[type=submit],input[type=text],textarea,button,select{-webkit-appearance:none;/* Safari/Chrome */-moz-appearance:none;/* Firefox */-ms-appearance:none;/* IE */-o-appearance:none;/* Opera */appearance:none;-webkit-border-radius:0}

.pop_wrap .input_text{height: 28px !important;}

/* .mobileHidden{display:none !important} */
.mobileView{display:block !important}

/* Mobile 다운로드 */
.file_list li{height:50px !important;border-bottom:1px solid #e9e9e9 !important;background-color:#f9f9f9 !important}
.file_list .el_ct{left:20px !important;line-height:1rem !important; padding: 10px 0;}
.el_ct a{font-size:0.8rem !important}
.file_list .btn_save{left:8px !important;bottom:14px !important;width:28px !important;height:28px !important;background:url(http://img.daara.kr/kidd_n/common/m_btn_savem.png) no-repeat 100% 0 !important}

.lnb{display:none !important}
.page-select{display:block !important}
.ad-inquiry-table td > input::-webkit-input-placeholder,.ad-inquiry-table td > textarea::-webkit-input-placeholder{/* WebKit browsers */color:#fff}
.ad-inquiry-table td > input:-moz-placeholder,.ad-inquiry-table td > textarea:-moz-placeholder{/* Mozilla Firefox 4 to 18 */color:#fff;opacity:1}
.ad-inquiry-table td > input::-moz-placeholder,.ad-inquiry-table td > textarea::-moz-placeholder{/* Mozilla Firefox 19+ */color:#fff;opacity:1}
.ad-inquiry-table td > input:-ms-input-placeholder,.ad-inquiry-table td > textarea:-ms-input-placeholder{/* Internet Explorer 10+ */color:#fff}

}


@media all and (max-width:480px){
.gnbArea .area01{display:block;float:left}
.gnbArea .area01.firstChild{width:50%}
.gnbArea.additional .area01{width:100%}
.gnbArea.additional ul li{width:100%}
.aside ul.listType01 li{margin-bottom:6px}

h2.list-title03{display:none}

.planningNews{margin-top:0}
.planningNews .leading-news{width:96%}
.planningNews .realTimeNewsList{width:98%;margin:0 auto}
.newsTabMenu{margin-top:0;margin-bottom:20px}

.realTimeNewsList.type01 .pic .frame01{width:30px;height:30px;margin:-15px 0 0 -15px;background:url(http://img.daara.kr/kidd_n/frame_news_list.png) no-repeat 0 0;background-size:30px}

.visualBar{height:2px}

#footerArea ul.topLinks li.link02{width:24%}
#footerArea ul.topLinks li.link03{width:26%}
.similarLinks{background-position:-4px 0}

.subTopBanner{margin-bottom:15px}
h2.list-title02{border-width:2px;font-size:18px}

.realTimeNewsList h3{font-size:16px}

.realTimeNewsList span.sortArticle01,.realTimeNewsList span.sortArticle02{height:20px;margin-right:4px;font-size:16px;line-height:20px}
.realTimeNewsList span.sortArticle01{width:40px}
.realTimeNewsList span.sortArticle02{width:60px}
.realTimeNewsList p.newsSummary{margin-top:8px}

.pagenavigator{display:none}
.mobilePagenavigator{display:block}

.articleTitleArea{overflow:visible}

.articleTitleArea .titleArea01,.articleTitleArea .titleArea02{float:none;width:100%}
.articleTitleArea .titleArea01{margin-bottom:4px}
.articleTitleArea .titleArea01 span{line-height:30px}

.onOffLineArea{margin-bottom:40px}
.onOffLineArea span.picOn{display:none}
.onOffLineArea .details{width:100%}
.onOffLineArea dl{min-height:auto;margin-bottom:20px}

.onOffLineArea .onOffLineAreaTop{width:200px;margin-bottom:20px}

p.greeting01{display:none}
.mobileGreeting{visibility:visible;width:auto;height:auto;padding:0 2%;font-size:14px;line-height:1.3;text-indent:0}
.mobileGreeting .txtRight {text-align: right; padding-top: 20px; font-size: 1rem;}

.greeting03{margin-bottom:20px}
.greeting03 p.txt01{margin:10px 0 40px}
.greeting03 h4 span.greetingBar01,.greeting03 h4 span.greetingBar02{width:36%}

.ethic h5{margin-top:20px;font-size:16px}
.ethic ol.ethicList li{padding:0;font-size:13px}
.organizationArea{margin-top:0}
.organization{margin-top:0}
.organization h3{margin-bottom:30px;font-size:24px}

.agreementArea{padding:20px 10px}

.realTimeNewsList h3{overflow:visible;white-space:normal;text-overflow:clip}
.realTimeNewsList h3 img,img.news_point{margin-right:4px}
.titInquireAd{margin:40px 0 10px}
.viewBanner01 .btn-etc02{margin-top:20px}

.security-code{left:280px !important}
.title_section {
	position: relative !important;
    left: 0% !important;
    display: block;
}
}

/* EOD : max-width:480px */
@media all and (-webkit-min-device-pixel-ratio:15){
.technologyNewsInner ul li a,.popularNews ul li a,.businessNews ul li a,.productNews ul li a{background-position:2px 5px}
.mainArticle01 dl.realTimeNews dt span.ico{position:relative;top:-4px}
.realTimeNewsList p.byLine span.tag{line-height:16px}
.aside ul.listType01 li{background-position:4px 5px}
}






/*survey*/
@media all and (max-width:1000px) {
	.mobileData {display:block;}
	.mobileHide {display:none;}
	.lineBanner {width:100%;}

	.surveyCover h2 .mobileData {height:42px; line-height:42px; background:blue;}

	.surveyContentsWrap {max-width:96%; padding:0 2%;}
	.surveyCover, .surveyContents {float:none; max-width:100%; width:100%;}
}

@media all and (max-width:800px) {
	.lineBanner {width:96%; padding:0 2%;}
	.lineBanner dl.lineBannerNews dt span {line-height:17px; background-color:#2d4b6f;}

	.lineBanner dl.lineBannerNews dd {width:76%;}

	.containerSurvey {padding-top:20px;}
	.titSurvey02 {padding-left:10px;}
	ul.surveyList01, ul.surveyList02 {padding-left:10px;}
	.surveyContents {height:auto;}
	.surveyStepWrap {top:0; margin-top:10px;}
	.surveyControl {position:static; width:100%; margin-top:20px; text-indent:0; text-align:center;}
	.surveyControl button.btnNext {display:inline-block; * display:inline-block; zoom:1; position:static; margin-left:10px; }
}

@media all and (max-width:480px) {
	.lineBanner dl.lineBannerNews dt {line-height:26px;}
	.lineBanner dl.lineBannerNews dt span {}
	.lineBanner dl.lineBannerNews dd {width:65%;}
	.lineBanner dl.lineBannerNews dd a {width:100%;}

	ul.surveyList01 li, ul.surveyList02 li {float:none; width:100%;}
	ul.surveyList01 li.lastChild {width:100%;}

	#footerArea {margin-top:0;}
}