@charset "utf-8";
/*
File Name : layout_2017.css
Description : 내친구교육넷
Author : bbunya77
Date : 2017-08-22
 */

/* 
   font-family:'NanumSquare';
*/

 #wrap {
     width:100%;
     position:relative;     
 }
    .block {width:1060px; margin:0 auto; position:relative;}    
    
    /* header */
    #header_wrap {
        position:absolute; top:0; left:0;
        width:100%;
        z-index:99;
    }
    #header_wrap h1 {float:left; width:126px; padding-top:38px;}
    #header_wrap h1 img {width:100%;}
    #header_wrap .top_right {padding-top:24px;}
        .pc_head {display:block;}     
        .mobile_head {display:none;}  
    #header_wrap .top_right .top_head {float:right; overflow:hidden; margin-bottom:7px;}
    #header_wrap .top_right .top_head .search_area {
        float:left;
        background:#fff;        
        height:22px;
        margin-right:14px;
        border-radius:20px;
        -o-border-radius:20px;
        -ms-border-radius:20px;
        -moz-border-radius:20px;
        -webkit-border-radius:20px;
    }
    #header_wrap .top_right .top_head .search_area .input_search {
        border:0;
        background:transparent;
        color:#686868;
        font-size:11px;
        width:130px;
        height:22px;
        padding:0 10px;
        float:left;
    }
    #header_wrap .top_right .top_head .search_area .search_bt {
        float:right;
        display:inline-block;
        border:0; 
        width:20px;
        height:22px;
        font-size:0;
        text-indent: -99999;
        padding:0 5px;
        margin-right:8px;
        background:url('../images/new_2017/search_bt.png') no-repeat center 43%;
        cursor: pointer;        
    }
    #header_wrap .top_right .top_head ul {float:left;}
    #header_wrap .top_right .top_head ul li {float:left;}
    #header_wrap .top_right .top_head ul li a {
        display:inline-block;
        color:#2d2d2d;
        font-size:13px;
        font-family:'NanumGothicBold';
    }
    #header_wrap .top_right .top_head ul li .bar {
        display:inline-block;
        font-size:12px;
        color:#979797;
        padding:0 7px;
    }
    #header_wrap .top_right .top_head ul li.mr {margin-left:5px;}
    #header_wrap .top_right .top_head ul li.boxt a {
        margin-left:5px;
        padding:3px 8px 1px 20px;
        color:#fff;
        font-size:11px;
        border-radius:5px;
        -o-border-radius:5px;
        -ms-border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;        
    }
    #header_wrap .top_right .top_head ul li.boxt a.t01 {
        background:#191818 url('../images/new_2017/top_bt_icon01.png') no-repeat 7px 50%;   
    }
    #header_wrap .top_right .top_head ul li.boxt a.t02 {
        background:#191818 url('../images/new_2017/top_bt_icon02.png') no-repeat 7px 50%;   
    }
    #header_wrap .top_right .top_head .lang {float:right;}
    #header_wrap .top_right .top_head .lang a {
        display:inline-block;
        border:1px solid #181817;
        font-size:11px;
        color:#181817;
        font-family:'NanumGothicBold';
        padding:1px 17px 1px 7px;
        margin-left:7px;
        background:url('../images/new_2017/lang_arr.png') no-repeat 90% 50%;
        cursor: pointer;
    }
    #header_wrap .top_right .top_head .lang .lang_open {
        display:none;
        position:absolute; top:47px; right:0;
        background:#fff;        
        border:1px solid #000;
        width:400px;
        min-height:150px;
        overflow-y:scroll;
        padding:10px 0;
        z-index:99;
    }
    #header_wrap .top_right .top_head .lang .lang_open a {
        border:0;
    }
       .topmn_bg {
        position:absolute; top:0; left:0;
        width:100%; display: none; height: 100px; opacity: 1;
        background:#fff;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05), 0 3px 3px rgba(0, 0, 0, 0.05);
    }
    .topmn_bg .line {
        position:absolute; top:105px; left:0; width:100%; height:1px; background:#eeeeee;
    }
        #topmenu {position:absolute; right:0; top:53px; padding-right:5px; z-index:99;}       
        #topmenu ul li {float:left;}        
        #topmenu li a {
            display:block;
            font-family:'NanumSquare';
            color:#000;
            font-size:17px;
            font-weight:600;
            padding:10px 20px 10px 5px;      
            margin-right:15px;  
        }    
        #topmenu li:first-child a {margin-right:37px;}
        #topmenu li.mgr a {margin-right:27px;}
        #topmenu li .ni {
            display:inline-block;
            width:11px;
            height:10px;
            background:url('../images/new_2017/new_win_icon.png') no-repeat 0 0;
            margin-left:5px;
        }       

        #topmenu li a:hover {color:#004ab2;}         
      
        #topmenu li ul.submenu {
            display:none;
            margin-top:8px;    
            padding-top:10px;
            border-right:1px solid #eee;
            
        }
        
        #topmenu li ul.submenu li {
            float:none;
        }
        #topmenu li ul.submenu li a {
            display:block;
            font-family:'NanumGothicBold';
            font-weight:normal;
            font-size:13px;
            text-align:left;
            letter-spacing: -1;
            background:url('../images/new_2017/submenu_dot.png') no-repeat 6% 50%;
            padding:3px 10px 3px 17px;
            margin-right:0;
        }
        #topmenu li ul.submenu li a:hover {font-weight:600;}
        #topmenu .all_cate {
            position:absolute; top:0; right:0;
            display:inline-block;
            width:30px;
            height:41px;
            font-size:0; text-indent: -99999;
            background: url('../images/new_2017/sitemap_icon.png') no-repeat center 50%;
            cursor: pointer;
        }
    /* //header */

    /* quick */
    #quick .m_gotop {display:none;}
    #quick {
            position:absolute;
            right:-52px;
            top:160px;
            z-index:-1;
        }        
        #quick li {
            margin-bottom:1px;            
        }        

        #quick li a {            
            display:block;
            width:50px;
            height:50px;
            background:#232c3b;
            padding-top:15px;
            font-size:14px;
            color:#fff;
            font-family:'NanumGothicBold';
            text-align:center;
        }

        #quick li a.blog {
            background:#232c3b url('../images/new_2017/quick_01.png') no-repeat 0 0;
        }
        #quick li a.cafe {
            background:#232c3b url('../images/new_2017/quick_02.png') no-repeat 0 0;
        }
        #quick li a.email {
            background:#232c3b url('../images/new_2017/quick_03.png') no-repeat 0 0;
        }

        #quick li a:hover:after {
            display:block;
            background-color:#232c3b;
            background-image:none;
            color:#fff;
            font-weight:600;
        }

        #quick li a.blog:hover:after {content:'블로그';}
        #quick li a.cafe:hover:after {content:'카페';}
        #quick li a.email:hover:after {content:'메일';}

    /* footer */
    #footer_wrap {
        border-top:1px solid #dadadb;
        background:#f1f2f3;
        padding-bottom:30px;
        overflow:hidden;
    }
    #footer_wrap .logo_b {
        float:left;        
        width:107px;
        margin-right:40px;
        padding-top:30px;
    }
    #footer_wrap .logo_b img {width:100%;}
    #footer_wrap .copyrights {float:left; padding-top:25px;}
    #footer_wrap .copyrights ul {overflow:hidden; margin-bottom:10px;}
    #footer_wrap .copyrights ul li {float:left;}
    #footer_wrap .copyrights ul li .bar {
        display:inline-block;
        color:#b1b1b1;
        font-size:12px;
        padding:0 10px;
    }
    #footer_wrap .copyrights ul li a {
        display:inline-block;
        font-size:13px;
        color:#494949;
        font-family:'NanumGothicBold';
    }
    #footer_wrap .copyrights ul li a.info {color:#e45b00;}
    #footer_wrap .copyrights .copy {
        float:left;
        color:#3b3a3a;
        font-size:12px;
    }
    #footer_wrap .copyrights .copy .rights {
        display:block;
        padding-top:5px;
    }
    #footer_wrap .copyrights .ban {display:block; float:right; padding-top:5px;}
    #footer_wrap .customer {float:right; padding-top:20px;}
    #footer_wrap .customer table {width:323px; border:1px solid #cecece;}
    #footer_wrap .customer table th {
        background:#f7f7f7;
        color:#363636;
        font-size:12px;
        font-family:'NanumGothicBold';
        text-align:center;
        border-bottom:1px solid #cecece;
        border-right:1px solid #cecece;
        width:50%;
        height:30px;
    }
    #footer_wrap .customer table td {
        background:#fff;
        text-align:center;
        border-right:1px solid #cecece;
    }
    #footer_wrap .customer table td .time {
        display:block;
        font-size:12px;
        background:url('../images/new_2017/center_icon.png') no-repeat 12px 0;

        padding: 0 0 5px 45px;   
        margin-bottom:7px;     
    }
    #footer_wrap .customer table td a.phone_num {
        display:inline-block;
        border:1px solid #cecece;
        font-size:12px;
        color:#363636;
        padding:2px 12px 2px 5px;
        background:#f7f7f7 url('../images/new_2017/center_arr.png') no-repeat 98% 50%;
    }
    #footer_wrap .customer table td .de {
        display:block;
        font-size:11px;
        text-align:left;
        background:url('/po/images/new_2017/qr.png') no-repeat 12px 7px;
        padding: 7px 0 0 75px;      
    }
    #footer_wrap .customer table td .add {
        display:block;
        padding-bottom:3px;
    }
    .m_gotop {display:none;}
    /* //footer */


    /* contents_wrap */
    #contents_wrap {}

    /* 비주얼 */
    #contents_wrap .visual_wrap {height:450px;}
    #contents_wrap .visual_wrap .vi_bg {
        width:100%;
        min-width:1200px;
        height:450px;
        position:absolute;
        left:0;
        top:0;
    }    
    #contents_wrap .visual_wrap .vi01 .vi_bg {       
        background:url('../images/new_2017/visual_bg01.jpg') no-repeat center 0;
        background-size:auto 100%;
        -moz-background-size:auto 100%;
        -o-background-size:auto 100%;
        -webkit-background-size:auto 100%;
    }
    #contents_wrap .visual_wrap .vi02 .vi_bg {        
        background:url('../images/new_2017/visual_bg02.jpg') no-repeat center 0;
        background-size:auto 100%;
        -moz-background-size:auto 100%;
        -o-background-size:auto 100%;
        -webkit-background-size:auto 100%;
    }
    #contents_wrap .visual_wrap .vi03 .vi_bg {        
        background:url('../images/new_2017/visual_bg03.jpg') no-repeat center 0;
        background-size:auto 100%;
        -moz-background-size:auto 100%;
        -o-background-size:auto 100%;
        -webkit-background-size:auto 100%;
    }
    #contents_wrap .visual_wrap .vi04 .vi_bg {        
        background:url('../images/new_2017/visual_bg04.jpg') no-repeat center 0;
        background-size:auto 100%;
        -moz-background-size:auto 100%;
        -o-background-size:auto 100%;
        -webkit-background-size:auto 100%;
    }
    
    #contents_wrap .visual_wrap .vi01 .visual_img01 {        
        height:450px;
        background-image:url('../images/new_2017/visual_img01.png');
        background-repeat:no-repeat;
        background-position: 50% 110%;
        background-size:auto 70%;
        -moz-background-size:auto 70%;
        -o-background-size:auto 70%;
        -webkit-background-size:auto 70%;
        
    }
    #contents_wrap .visual_wrap .vi02 .visual_img02 {        
        height:450px;
        background-image:url('../images/new_2017/visual_img02.png');
        background-repeat:no-repeat;
        background-position: 53% 100%;
        background-size:auto 65%;
        -moz-background-size:auto 65%;
        -o-background-size:auto 65%;
        -webkit-background-size:auto 65%;
    }
    #contents_wrap .visual_wrap .vi03 .visual_img03 {        
        height:450px;
        background-image:url('../images/new_2017/visual_img03.png');
        background-repeat:no-repeat;
        background-position: 50% 100%;
        background-size:auto 61%;
        -moz-background-size:auto 61%;
        -o-background-size:auto 61%;
        -webkit-background-size:auto 61%;
    }
    #contents_wrap .visual_wrap .vi04 .visual_img04 {        
        height:450px;
        background-image:url('../images/new_2017/visual_img04.png');
        background-repeat:no-repeat;
        background-position: 350px 145%;
        background-size:auto 85%;
        -moz-background-size:auto 85%;
        -o-background-size:auto 85%;
        -webkit-background-size:auto 85%;

    }
    #contents_wrap .visual_wrap .txt {padding-top:130px;}
    #contents_wrap .visual_wrap .txt .t01 {
        display:block;
        font-family:'NanumSquare';
        font-size:22px;
        color:#1f1f1f;
        margin-bottom:15px;
    }
    #contents_wrap .visual_wrap .txt .t02 {
        display:block;
        margin-bottom:20px;
    }
    #contents_wrap .visual_wrap .txt .vit_04 img {width:270px;}
    #contents_wrap .visual_wrap .txt .t03 {
        display:block;
        font-size:13px;
        color:#535353;
        font-family:'NanumGothicBold';
        line-height:1.7;
    }

    #contents_wrap .visual_wrap .vi {
        position: absolute;
        width: 100%;
        visibility: hidden;
        opacity: 0;
        z-index:4;
    }
    
    #contents_wrap .visual_wrap .actual {
        visibility: visible;
        opacity: 1;
        transition: visibility 1s, opacity 1s;
    }

    /* dot_group */
    #contents_wrap .visual_wrap .dot_group {
        position:absolute;
        left:0; top:400px;
        z-index:6;
    }
    #contents_wrap .visual_wrap .dot_group .vdot {
        float:left;
        display:inline-block;
        width:20px;
        height:20px;
        border:2px solid #000;
        background:none;
        border-radius:20px;
        -o-border-radius:20px;
        -ms-border-radius:20px;
        -moz-border-radius:20px;
        -webkit-border-radius:20px;        
        font-size:0; text-indent: -99999;  
        margin-right:5px;      
        cursor: pointer;         
    }

    #contents_wrap .visual_wrap .dot_group .active {
        display:inline-block;
        width:60px;
        height:20px;
        color:#fff;
        font-family:'NanumGothicBold';
        text-align:center;
        font-size:12px;
        padding-top:1px;
        border:0;
    }
    #contents_wrap .visual_wrap .dot_group .active span  {
        display:block;
        border-radius:20px;
        -o-border-radius:20px;
        -ms-border-radius:20px;
        -moz-border-radius:20px;
        -webkit-border-radius:20px; 
    }
    #contents_wrap .visual_wrap .dot_group .active .dot01 {background:#c84200;}
    #contents_wrap .visual_wrap .dot_group .active .dot02 {background:#0067c7;}
    #contents_wrap .visual_wrap .dot_group .active .dot03 {background:#5e34ea;}
    #contents_wrap .visual_wrap .dot_group .active .dot04 {background:#009650;}
    #contents_wrap .visual_wrap .dot_group .stop {
        display:inline-block;
        width:17px; height:20px;
        margin-left:7px;
        border-radius:0;
        border:0;
        background:url('../images/new_2017/visual_stop.png') no-repeat 0 0;
    }

    #contents_wrap .visual_wrap .dot_group .boton {
        display:inline-block;
        margin-left:10px;
    }
    #contents_wrap .visual_wrap .dot_group .boton img {
        width:100%;
    }

    #contents_wrap .visual_wrap .dot_group li.play {
        display:inline-block;
        width:17px; height:20px;
        margin-left:7px;
        background:url('../images/new_2017/visual_play.png') no-repeat 0 0;
    }

    /* smart group*/
    #contents_wrap .visual_wrap .smart_group {
        position:absolute;
        right:0; bottom:0;
        width:320px;
    }
    #contents_wrap .visual_wrap .smart_group .title {
        background:#232c3b;
        color:#fff;
        text-align:center;
        font-family:'NanumGothicBold';
        font-size:16px;
        padding:10px 0;
    }
    #contents_wrap .visual_wrap .smart_group li {
        float:left;
        width:50%;
    }
    #contents_wrap .visual_wrap .smart_group li a {
        display:block;
        font-size:16px;
        color:#000;
        font-family:'NanumGothicBold';
        text-align:center;
        padding-top:106px;
        height:145px;
        background-repeat: no-repeat;
        background-position: center 25%;
        background-size:auto 70px;
        -moz-background-size:auto 70px;
        -o-background-size:auto 70px;
        -webkit-background-size:auto 70px;
    }

    
    #contents_wrap .visual_wrap .smart_group li a.icon01_1 {
        background-color:#ffc12e;
        background-image:url('../images/new_2017/visual_icon01_1.png');
    }
    #contents_wrap .visual_wrap .smart_group li a.icon01_2 {
        background-color:#ffac2e;
        background-image:url('../images/new_2017/visual_icon01_2.png');
    }
    #contents_wrap .visual_wrap .smart_group li a.icon01_3 {
        background-color:#ebebeb;
        background-image:url('../images/new_2017/visual_icon01_3.png');
    }
    #contents_wrap .visual_wrap .smart_group li a.icon01_4 {
        background-color:#dadada;
        background-image:url('../images/new_2017/visual_icon01_4.png');
    }
    #contents_wrap .visual_wrap .smart_group li a.icon02_1 {
        background-color:#3ca6ff;
        background-image:url('../images/new_2017/visual_icon02_1.png');
    }
    #contents_wrap .visual_wrap .smart_group li a.icon02_2 {
        background-color:#2ec9ff;
        background-image:url('../images/new_2017/visual_icon02_2.png');
    }
    #contents_wrap .visual_wrap .smart_group li a.icon02_3 {
        background-color:#ebebeb;
        background-image:url('../images/new_2017/visual_icon01_4.png');
    }
    #contents_wrap .visual_wrap .smart_group li a.icon02_4 {
        background-color:#dadada;
        background-image:url('../images/new_2017/visual_icon01_3.png');
    }
    #contents_wrap .visual_wrap .smart_group li a.icon03_1 {
        background-color:#9a76ff;
        background-image:url('../images/new_2017/visual_icon03_1.png');
    }
    #contents_wrap .visual_wrap .smart_group li a.icon03_2 {
        background-color:#bda6ff;
        background-image:url('../images/new_2017/visual_icon03_2.png');
    }
    #contents_wrap .visual_wrap .smart_group li a.icon03_3 {
        background-color:#ebebeb;
        background-image:url('../images/new_2017/visual_icon01_4.png');
    }
    #contents_wrap .visual_wrap .smart_group li a.icon03_4 {
        background-color:#dadada;
        background-image:url('../images/new_2017/visual_icon01_3.png');
    }
    #contents_wrap .visual_wrap .smart_group li a.icon04_1 {
        background-color:#0bc16b;
        background-image:url('../images/new_2017/visual_icon04_1.png');
    }
    #contents_wrap .visual_wrap .smart_group li a.icon04_2 {
        background-color:#55db6f;
        background-image:url('../images/new_2017/visual_icon04_2.png');
    }
    #contents_wrap .visual_wrap .smart_group li a.icon04_3 {
        background-color:#ebebeb;
        background-image:url('../images/new_2017/visual_icon04_3.png');
    }
    #contents_wrap .visual_wrap .smart_group li a.icon04_4 {
        background-color:#dadada;
        background-image:url('../images/new_2017/visual_icon01_4.png');
    }
    /* //비주얼 */


    /* 로그인 후 비주얼 */

    /* login_info box */
    #contents_wrap .visual_wrap .login_after {
        position:absolute;
        right:0; bottom:0;
        width:300px;
    }
    #contents_wrap .visual_wrap .login_after .title {
        background:#232c3b;
        color:#fff;
        text-align:center;
        font-family:'NanumGothicBold';
        font-size:16px;
        padding:10px 0;
    }

    #contents_wrap .visual_wrap .login_after .login_info {padding:10px;}
    #contents_wrap .visual_wrap .login_after .login_info li {
        overflow:hidden;
        font-family:'NanumGothicBold';  
        font-size:13px;
        line-height:1.3;
        margin-bottom:3px;
        vertical-align: top;
    }
    #contents_wrap .visual_wrap .login_after .login_info li .tt {
        float:left;
        display:inline-block;
        min-width:70px;    
        text-align:right;     
        margin-right:10px;
    }
    #contents_wrap .visual_wrap .login_after .login_info li .bar {
        display:inline-block;
        color:rgba(0,0,0,0.2);
        padding-right:10px;
    }
    #contents_wrap .visual_wrap .login_after .login_info li .per {
        display:inline-block;
        padding-top:10px;
    }
    #contents_wrap .visual_wrap .login_after .login_info li a {
        float:right;
        display:inline-block;        
        color:#fff;
        padding:2px 7px;
        font-size:13px;
        border-radius:20px;
        -o-border-radius:20px;
        -ms-border-radius:20px;
        -moz-border-radius:20px;
        -webkit-border-radius:20px;
    }
    #contents_wrap .visual_wrap .login_after .login_info li a.bbt01 {background:#008af5;}
    #contents_wrap .visual_wrap .login_after .login_info li a.bbt02 {background:#000; margin-top:7px;}

    #contents_wrap .visual_wrap .login_after .login_info .al_bt_area {text-align:center; padding:5px 0;}
    #contents_wrap .visual_wrap .login_after .login_info .al_bt_area a {
        display:inline-block;
        width:85px;
        padding:4px 0;
        text-align:center;
        color:#fff;
        font-family:'NanumGothicBold';  
        border-radius:5px;
        -o-border-radius:5px;
        -ms-border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
    }
    #contents_wrap .visual_wrap .login_after .login_info .al_bt_area a.abt01 {background:#3f3f3f;}    
    #contents_wrap .visual_wrap .login_after .login_info .al_bt_area a.abt03 {background:rgba(0,0,0,0.3);}

    #contents_wrap .visual_wrap .vi01 .login_after .login_info .al_bt_area a.abt02 {background:#e18700;}
    #contents_wrap .visual_wrap .vi02 .login_after .login_info .al_bt_area a.abt02 {background:#2ec9ff;}
    #contents_wrap .visual_wrap .vi03 .login_after .login_info .al_bt_area a.abt02 {background:#bda6ff;}

    #contents_wrap .visual_wrap .login_after .al_icon_area {overflow:hidden;}
    #contents_wrap .visual_wrap .login_after .al_icon_area li {float:left; width:33.333%;}
    #contents_wrap .visual_wrap .login_after .al_icon_area li a {
        display:block;
        text-align:center;
        font-size:13px;
        font-family:'NanumGothicBold';
        line-height:1.3;
        padding-top:65px;
        padding-bottom:15px;
        background-position: center 25%;
        background-repeat: no-repeat;
    }
    #contents_wrap .visual_wrap .login_after .al_icon_area li .more {
        display:inline-block;
        background:#ef733c;
        color:#fff;
        padding:0 3px;
    }
    #contents_wrap .visual_wrap .login_after .al_icon_area li a.aibt01 {
        background-color:#ebebeb;
        background-image:url('../images/new_2017/la_icon01_1.png');
    }
    #contents_wrap .visual_wrap .login_after .al_icon_area li a.aibt02 {
        background-color:#e2e2e2;
        background-image:url('../images/new_2017/la_icon01_2.png');
    }
    #contents_wrap .visual_wrap .login_after .al_icon_area li a.aibt03 {
        background-color:#dadada;
        background-image:url('../images/new_2017/la_icon01_3.png');
    }


    #contents_wrap .visual_wrap .vi01 .login_after .login_info {background:#ffc12e;}
    #contents_wrap .visual_wrap .vi02 .login_after .login_info {background:#3ca6ff;}
    #contents_wrap .visual_wrap .vi03 .login_after .login_info {background:#9a76ff;}    



    /* 왼쪽 아이콘 */
    #contents_wrap .visual_wrap .left_icon_wrap {
        position:absolute;
        left:0; top:340px;
        z-index:6;
    }
    #contents_wrap .visual_wrap .left_icon_wrap li {
        float:left;
        margin-right:20px;
    }
    #contents_wrap .visual_wrap .left_icon_wrap li a {
        display:inline-block;
        color:#000;
        font-size:13px;
        font-family:'NanumGothicBold';
        background-repeat: no-repeat;               
        padding-top:55px;
    }
    #contents_wrap .visual_wrap .left_icon_wrap li a.icon01 {
        background-image:url('../images/new_2017/la_icon02_1.png');
        background-position: center 0; 
    }
    #contents_wrap .visual_wrap .left_icon_wrap li a.icon02 {
        background-image:url('../images/new_2017/la_icon02_2.png');   
        background-position: center 25%;      
    }
    #contents_wrap .visual_wrap .left_icon_wrap li a.icon03 {
        background-image:url('../images/new_2017/la_icon02_3.png');
        background-position: center 23%;      
    }
    #contents_wrap .visual_wrap .left_icon_wrap li a.icon04 {
        background-image:url('../images/new_2017/la_icon02_4.png');
        background-position: center 25%;      
    }



    /* 컨텐츠 */
    #contents {}

    /* 공통 */
    #contents h3.tit_h3 {
        color:#000;
        font-size:20px;
        font-family:'NanumSquare';
        font-weight:600;
        margin-bottom:15px;
    }
    #contents h3.tit_h3 .more {float:right;}
    #contents h3.tit_h3 .more a {
        display:inline-block;
        font-size:13px;
        color:#5f5f5f;
        font-family:'NanumGothic'; 
        font-weight:600;
    }
    #contents .board_list {}
    #contents .board_list li {margin-bottom:3px; overflow:hidden;}
    #contents .board_list li a {
        display:inline-block;
        color:#2c2c2c;
        font-size:14px;
        font-family:'NanumGothicBold';
    }
    #contents .board_list li.nodot a {
        margin-bottom:5px;
        font-size:15px;
    }
    #contents .board_list li .list_dot {
        display:inline-block;
        color:#fd7400;
        font-size:16px;
        margin-right:5px;
    }    
    #contents .board_list li .nt {
        float:left;
        display:inline-block;
        width:40px;
        font-size:11px;
        color:#fff;
        text-align:center;
        font-family:'NanumGothicBold';
        padding-top:1px;
        margin-right:7px;
        background:#0067c7;
        border-radius:20px;
        -o-border-radius:20px;
        -ms-border-radius:20px;
        -moz-border-radius:20px;
        -webkit-border-radius:20px;
    }
    #contents .board_list li .date {
        float:right;
        color:#767676;
        font-size:11px;
    }
    /* //공통 */

    /* cont01 */
    #contents .cont01 {overflow:hidden;}
    #contents .cont01 .contL {
        float:left; 
        width:50%; 
        padding-right:5%; 
        padding-bottom:10px;
    }
    #contents .cont01 .contR {
        float:right; 
        width:50%; 
        background:#f8f8f8; 
        padding-bottom:15px; 
        padding-left:5%; 
        
    }

    #contents .cont01 .contL .notice {padding-top:20px;}
    #contents .cont01 .contL .p_info {}
    #contents .cont01 .contL .p_info .search {margin-bottom:15px;}
    #contents .cont01 .contL .p_info .search select {
        width:40%; height:30px;
        padding-left:7px;
        background:#f7f7f7;
        border:1px solid #dcdcdc;
        color:#6a6a6a;
        font-size:13px;
        font-family:'NanumGothicBold';
        margin-right:1%;
    }
    #contents .cont01 .contL .p_info .search .search_bt {
        width:15.9%; height:30px;
        border:0;
        background:#2859b0;
        font-size:13px;
        font-family:'NanumGothicBold';
        color:#fff;
        text-align:center;
        cursor: pointer;
    }

    #contents .cont01 .contR .key_word {position:relative; padding-top:20px; min-height:215px;}
    #contents .cont01 .contR .key_word .key_wrap {
        position:absolute;
        left:0;
        top:80px;
        z-index:2;
    }
    #contents .cont01 .contR .key_word .key_wrap li {margin-bottom:3px;}
    #contents .cont01 .contR .key_word .key_wrap li a {
        display:inline-block;
        font-size:13px;
        color:#4a4a4a;
        font-family:'NanumGothicBold' ;
    }
    #contents .cont01 .contR .key_word .key_wrap li .num {
        display:inline-block;
        width:17px; height:17px;
        border:1px solid #dcdcdc;
        background:#fff;
        text-align:center;
        font-size:11px;
        font-weight:600;
        color:#000;
        margin-right:7px;
    }
    #contents .cont01 .contR .key_word .key_wrap li .more {
        display:inline-block;
        width:103px; height:13px;
        cursor: pointer;
        background:#d5d5d5 url('../images/new_2017/key_arr.png') no-repeat center 50%;
    }
    #contents .cont01 .contR .key_word .popul_chart {
        position:absolute;
        right:0; top:20px; z-index:1;
        width:auto; text-align:right;
    }

    #contents .cont01 .contR .s_counsel {margin-right:5%;}
    #contents .cont01 .contR .s_counsel .tabs {margin-bottom:15px; overflow:hidden;}
    #contents .cont01 .contR .s_counsel .tabs li {
        float:left;
        width:33.33%; height:30px;
        text-align:center;
        font-size:13px;
        color:#6a6a6a;
        font-family:'NanumGothicBold';
        background:#fff;
        border:1px solid #dcdcdc;
        border-left:0;
        padding-top:5px;
        cursor: pointer;
    }
    #contents .cont01 .contR .s_counsel .tabs li:first-child {border-left:1px solid #dcdcdc;}
    #contents .cont01 .contR .s_counsel .tabs li.active,
    #contents .cont01 .contR .s_counsel .tabs li:hover {
        background:#2859b0;
        border:0;
        color:#fff;
    }
    #contents .cont01 .contR .s_counsel .tab_container {
        min-height:135px;
    }
 
    /* cont02 */
    #contents .cont02 {overflow:hidden;}
    #contents .cont02 .contL {float:left; width:50%; background:#f9f6ed;}    
    #contents .cont02 .contR {float:right; width:50%;}

    #contents .cont02 .contL .recom {
        float:right; 
        width:530px; 
        padding:15px 0 10px 0;
    }
    #contents .cont02 .contL .recom .mov_link {overflow:hidden;}
    #contents .cont02 .contL .recom .mov_link li {
        position:relative;
        width:43%;
        float:left;    
        margin-right:5%;    
    }
    #contents .cont02 .contL .recom .mov_link li .img {position:relative;}
    #contents .cont02 .contL .recom .mov_link li .ge_tit {
        position:absolute; bottom:0; left:0;
        display:inline-block;
        padding:5px 15px;
        background:#1755c1;
        font-size:13px;
        color:#fff;
        font-weight:600;
    }
    #contents .cont02 .contL .recom .mov_link li .sh_tit {
        position:absolute; bottom:0; left:0;
        display:inline-block;
        padding:5px 15px;
        background:#c117a6;
        font-size:13px;
        color:#fff;
        font-weight:600;
    }
    #contents .cont02 .contL .recom .mov_link li .tx {
        display:block;
        text-align:center;
        color:#444;
        font-family:'NanumGothicBold';
        padding:13px 0;
    }

    #contents .cont02 .contR .notice_ban {
        position:relative;
        float:left;
        width:530px; 
        min-height:269px;
        padding:15px 0 40px 50px; 
        background:#f4f1e9; 
    }
    
    #contents .cont02 .contR .notice_ban .slide {
        display: none;
        height: 100%;
        position: absolute;
        width: 100%;
    }
    #contents .cont02 .contR .notice_ban .slide_viewer {
        height: 150px;
        overflow: hidden;
        position: relative;
    }
    #contents .cont02 .contR .notice_ban .slide_group {
        height: 100%;
        position: relative;
        width: 100%;
    }
    #contents .cont02 .contR .notice_ban .slide:first-child {
         display: block;
    }

    #contents .cont02 .contR .notice_ban .dot_area {
        position:absolute; right:10%; top:35px;
        overflow:hidden; 
    }
    #contents .cont02 .contR .notice_ban .dot_area .dot {
        float:left;
        display:inline-block;
        width:13px; height:13px;
        background:#b6b6b6;
        border-radius:20px;
        -o-border-radius:20px;
        -ms-border-radius:20px;
        -moz-border-radius:20px;
        -webkit-border-radius:20px;
        margin-left:5px;
        margin-top:3px;
        cursor: pointer;
    }
    #contents .cont02 .contR .notice_ban .dot_area .active {
        display:inline-block;
        width:28px; height:13px;
        margin-left:5px;
        background:#f26c00;
        border-radius:20px;
        -o-border-radius:20px;
        -ms-border-radius:20px;
        -moz-border-radius:20px;
        -webkit-border-radius:20px;
    }    

    /* cont03 */
    #contents .cont03 {overflow:hidden; margin-bottom:20px;}
    #contents .cont03 .arrL {
        position:absolute; left:0; top:35px;
        width:20px; height:30px;
        background:url('../images/new_2017/icon_arrL.png') no-repeat 60% 50%;
        cursor: pointer;
    }
    #contents .cont03 .arrR {
        position:absolute; right:0; top:35px;
        width:20px; height:30px;
        background:url('../images/new_2017/icon_arrR.png') no-repeat 60% 50%;
        cursor: pointer;
    }
    #contents .cont03 .item_area {position:relative;}
    #contents .cont03 .icon_ban {        
        width:97%;
        margin-top:25px;              
        margin-left:3%;
    }
    #contents .cont03 .icon_ban .item {float:left; text-align:center;}
    #contents .cont03 .icon_ban a {
        display:inline-block;
        min-width:100px;
        padding-top:84px;
        color:#000;
        font-size:14px;
        text-align:center;
        font-family:'NanumGothicBold';
        background-size:auto 74px;
        -moz-background-size:auto 74px;
        -o-background-size:auto 74px;
        -webkit-background-size:auto 74px;
    }

    #contents .cont03 .icon_ban a.icon01 {
        background-image:url('../images/new_2017/bb_icon01.png');
        background-repeat:no-repeat;
        background-position:center 0;
    }
    #contents .cont03 .icon_ban a.icon02 {
        background-image:url('../images/new_2017/bb_icon02.png');
        background-repeat:no-repeat;
        background-position:center 0;
    }
    #contents .cont03 .icon_ban a.icon03 {
        background-image:url('../images/new_2017/bb_icon03.png');
        background-repeat:no-repeat;
        background-position:center 0;
    }
    #contents .cont03 .icon_ban a.icon04 {
        background-image:url('../images/new_2017/bb_icon04.png');
        background-repeat:no-repeat;
        background-position:center 0;
    }
    #contents .cont03 .icon_ban a.icon05 {
        background-image:url('../images/new_2017/bb_icon05.png');
        background-repeat:no-repeat;
        background-position:center 0;
    }
    #contents .cont03 .icon_ban a.icon06 {
        background-image:url('../images/new_2017/bb_icon06.png');
        background-repeat:no-repeat;
        background-position:center 0;
    }
    #contents .cont03 .icon_ban a.icon07 {
        background-image:url('../images/new_2017/bb_icon07.png');
        background-repeat:no-repeat;
        background-position:center 0;
    }
    #contents .cont03 .icon_ban a.icon08 {
        background-image:url('../images/new_2017/bb_icon08.png');
        background-repeat:no-repeat;
        background-position:center 0;
    }
    
    /* //컨텐츠 */

/* 팝업 */
.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2999;
}

.modal.modalWindow {
  display: none;
  position: fixed;
  top: 15%;
  left: 39.5%;
  z-index: 2999 !important;
  width: 1000px;
  min-height: 180px;
  margin-left: -300px;
  background-color: #ffffff;
}
.modal.modalWindow.data,
.modal.modalWindow.emo {
  width: 1000px;
  overflow: hidden;
  left: 48%;
  top: 15%;
}
.modal.modalWindow .modalPopup {
  position:relative;
  text-align: left;
  line-height: 20px;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.modal.modalWindow .modalPopup .close_bt {
    display:block;
    position:absolute; right:10px; top:25px;
}
.modal.modalWindow .modalPopup .mobile_top {display:none;}
.modal.modalWindow .modalPopup .mobile_center {display:none;}

.modal.modalWindow .modalPopup .tmenu {
    overflow:hidden;
    margin-bottom:40px;
}
.modal.modalWindow .modalPopup .tmenu li {float:left; width:13.5%;}
.modal.modalWindow .modalPopup .tmenu li.smw01 {width:19.5%;}
.modal.modalWindow .modalPopup .tmenu li.smw02 {width:13%;}
.modal.modalWindow .modalPopup .tmenu li a {
    display:block;
    background:#d5e0ee;
    color:#000;
    font-size:18px;
    font-family:'NanumSquare';
    font-weight:600;
    height:70px;
    padding:30px 15px 0 0;
    margin-bottom:25px;
}
.modal.modalWindow .modalPopup .tmenu li:first-child a {padding-left:25px;}
.modal.modalWindow .modalPopup .tmenu li .ni {
    display:inline-block;
    width:11px;
    height:10px;
    background:url('../images/new_2017/new_win_icon.png') no-repeat 0 0;
    margin-left:5px;
}
.modal.modalWindow .modalPopup .tmenu li .smenu li {
    float:none;
    width:100%;    
}
.modal.modalWindow .modalPopup .tmenu li .mgl {margin-left:25px;}
.modal.modalWindow .modalPopup .tmenu li .smenu li a {
    display:block;
    background:none;
    font-family:'NanumGothic';
    font-size:14px;
    font-weight:normal;
    height:30px;
    padding:0;
    margin-bottom:0;
}

.modal.modalWindow .modalPopup .tmenu li .smenu li a:hover {font-weight:600; color:#0067c7;}

.modal.modal.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 2998;
  cursor: pointer;
}