/*
* 2016. 03 
*/


/* setting 초기화 
------------------------------------------------------------*/
@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Noto+Sans);
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face {
    font-family:'Noto Sans';
    font-style:normal;
    font-weight:300;
    src:local('Noto Sans Light'), local('Noto Sans Light'), local('Noto Sans Light');
    src:url(NotoSansKR-Light-subset.eot);
    src:url(NotoSansKR-Light-subset.eot?#iefix) format('embedded-opentype'),
    url(NotoSansKR-Light-subset.woff) format('woff'),
    url(NotoSansKR-Light-subset.otf) format('truetype');
}
body {font-family:'Pretendard', 'Noto Sans KR',Arial,sans-serif !important;padding:0;margin:0;/*font-size:16px !important;*/letter-spacing:-0.05em;} /*letter-spacing:-0.05em;color:#333;*/
i, cite, em, var, address, dfn {font-style:normal;}
h2{margin-top:0;}
h1,h3,h4,p{margin:0;}
ol,ul{margin:0;padding:0;list-style:none;}
a {outline:none;select-dummy:expression(this.hideFocus=true); text-decoration:none; color:#666;}
a:hover{font-weight:normal;text-decoration:none;}
a.visited,a.active,a.focus {text-decoration:none;outline:none;}
.skip {font-size:0;line-height:0;position:absolute;text-indent:-5000px;top:-5000px;visibility:hidden;}
.dotum11 {font-size:0.786em;font-family:Dotum, Arial,sans-serif;}
.dotum12 {font-size:0.857em;font-size:12px;font-family:Dotum, Arial,sans-serif;}
.point {color:red;}
select, .inp_txt {border:1px solid #bbb;}

.bg_gray {background-color:#7d7d7d}
.none {display:none !important}
.block {display:block !important;}


/* 모달팝업
------------------------------------------------------------*/
.handon_layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.handon_layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.handon_layer .pop-layer {display:block;}

.pop-layer {display:none; position:absolute; top:50%; left:50%; width:638px; height:auto;z-index:10;} 
.pop-layer p.ctxt {color:#666; line-height:25px;}
.pop-layer .btn-r {width:100%; text-align:right;}

a.cbtn {display:inline-block; height:25px; margin-right:5px; padding:0 14px 0; border:1px solid #304a8a; background-color:#3f5a9d; font-size:13px; color:#fff; line-height:25px;} 
a.cbtn:hover {border:1px solid #091940; background-color:#1f326a; color:#fff;}
a.ink_download {text-indent:-5000px;font-size:0;line-height:0;position:absolute;bottom:60px;left:40px;width:137px;height:33px;cursor:pointer;background:#000;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter:alpha(opacity=0);
    opacity:0;
}
a.ink_download2 {text-indent:-5000px;font-size:0;line-height:0;position:absolute;bottom:47px;left:190px;width:130px;height:37px;cursor:pointer;background:#000;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter:alpha(opacity=0);
    opacity:0;
}

/* 퀵 전체메뉴 모달팝업
------------------------------------------------------------*/
.allnav_layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.allnav_layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.allnav_layer .pop-layer {display:block;width:1200px;}

.allnav_layer table {border-collapse: collapse;background:#fff}
.allnav_layer table tr th {color:#666;font-size:18px;width:200px;text-align:center;height:64px;line-height:64px;border-bottom:1px solid #eae8e7;border-right:1px solid #eae8e7}
.allnav_layer table tr td {font-size:14px;height:406px;padding-left:16px;border-right:1px solid #eae8e7;padding:15px;}
.allnav_layer table tr td>ul {position:absolute;top:80px}
.allnav_layer table tr td>ul li a {display:block;height:26px;line-height:26px;color:#666666}
.allnav_layer table tr td ul li a:hover {color:#dba51b;}
.allnav_layer table tr td ul ul.sub_all {padding-left:15px;}
.allnav_layer table tr td ul ul.sub_all li {}


/* 메인 레이어 팝업 */
#layer_popup {display:none; position:fixed; _position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:9999;}
#layer_popup .bg {position:absolute; top:0px; left:0px; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
#layer_popup .pop-layer {display:none; position:absolute; width: 555px; height: 218px; overflow:hidden; border:1px solid #a7a7a7;}
#layer_popup .pop-layer .pop-title {background-color:#f0ede6; height:35px; border-bottom:1px solid #a7a7a7;}
#layer_popup .pop-layer .pop-title .pop-subject {float:left; margin:8px 20px 5px 20px; font-size:15px; font-weight:bold; color:#333;}
#layer_popup .pop-layer .pop-title .pop-close {float:right; cursor:pointer; width:35px; height:35px; overflow:hidden;}
#layer_popup .pop-con {background-color:#ffffff; height:184px; position:relative;}
#layer_popup .pop-con .teach_photo {width:120px; height:145px; position:absolute; top:20px; left:20px; border:1px solid #c0c0c0;}
#layer_popup .pop-con .teach_memo {width:385px; height:145px; padding-top:20px; float:right; font-size:14px; color:#333; line-height:20px; }
#layer_popup .pop-btclose {background-color:#ffb700; color:#000; position:relative; height:25px;}
#layer_popup .pop-btclose .szCheck {margin-left:10px; margin-right:5px; position:relative; height:25px;}
#layer_popup .pop-btclose .pop-btclosetxt {padding-top:5px; color:#000; position:relative; height:25px;}