@charset "utf-8";

/* 변수설정 */
:root {
    /* theme Color 1 */
    --basic-color: #254796;
    --link-text-color: #254796;
    --link-bg-color: #ebebeb;
}

/********** common **********/
html,body, div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,b,strong,small,label {
    font-family: 'Noto Sans KR Regular', sans-serif;
    font-size:14px;
    font-weight: normal;
    letter-spacing:-0.3px;
    word-spacing:-0.3px;
}
table,th,td {font-weight: normal;}
table thead th, table tbody th {font-family: 'Noto Sans KR Medium',sans-serif;color:#000;}
table thead td, table tbody td {font-family: 'Nanum Gothic Regular',sans-serif;color:#333;}

html,body {width:100%;height:100%;background:#fff;color:#333;
    -webkit-text-size-adjust : none;  /* 크롬, 사파리, 오페라 신버전 */
    -moz-text-size-adjust : none;  /* 파이어폭스 */
    -o-text-size-adjust : none;  /* 오페라 구버전 */
}
html {box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;}
* {max-height: 1000000px;}
body {*word-break:break-all;-ms-word-break:break-all;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;}
fieldset,img {border:0px none; vertical-align:middle;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
button {border:0 none; background-color:transparent; cursor:pointer;}

a {display:inline-block;}
a:link,a:active,a:visited{color:#333;text-decoration:none;border:0px;}
a:hover,a:focus{color:#333; text-decoration:none}
table {border-collapse:collapse; border-spacing:0;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
summary, caption, legend, hr {width:0; height:0;overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;}
caption {position:static;}

/*form*/
input,select,textarea,button {font-family: 'Nanum Gothic Regular',sans-serif; font-size:13.5px;color:#333;vertical-align:middle;}
input[type="text"], input[type="password"], textarea {border:1px solid #ccc;padding:5px 7px;box-sizing:border-box;}
input[type="checkbox"], input[type="radio"] {margin-left:5px;vertical-align:middle;width:14px;height:19px;}
input[type="text"], input[type="password"], select {height:30px;}
input[type="number"], input[type="password"], textarea {border:1px solid #ccc;padding:5px 7px;box-sizing:border-box;}
input[type="number"], input[type="password"], select {height:30px;}
input[type="file"] {height:30px;color:#000;background:none; box-sizing:border-box;}
input:-moz-read-only { /* For Firefox */background-color: #f9f8f6;}
input:read-only { background-color: #f9f8f6;}
select {border:1px solid #ccc;padding:0 3px;box-sizing:border-box;border-radius:0;}
textarea {width:100%;display:block; resize:none;}
button{border:0;cursor:pointer;}

.fontM{font-family:'Nanum Barun Gothic';}


.formError .formErrorContent {background:#555;width:160px;padding:4px 4px 4px 7px;border:none;box-shadow:none;}
.formError .formErrorArrow div {background:#555;border:none;box-shadow:none;}

/* SkipNavi */
#SkipNavi{position:absolute;left:-9999px;text-indent:9999px;width:0;height:0;border:0;overflow:hidden;font-size:0;line-height:0}

/* 접근성 */
.blind{display:block;position:absolute;left:-9999px;text-indent:9999px;width:0;height:0;border:0;overflow:hidden;font-size:0;line-height:0;white-space:nowrap} /* 대체 텍스트 숨겨놓때 */
.ellipsis p{max-width: 97%; text-overflow:ellipsis; overflow: hidden; white-space: nowrap; display: inline-block; color: #606060;}
.ellipsis span{ max-width: 97%; text-overflow:ellipsis; overflow: hidden; white-space: nowrap; display: inline-block; color: #606060;}
.ellipsis a{max-width: 97%; text-overflow:ellipsis; overflow: hidden; white-space: nowrap; display: inline-block; color: #606060;}
input:focus,select:focus,textarea:focus,button:focus {outline: none;}

/* Align Type */
.tL{text-align:left !important}
.tC{text-align:center !important}
.tR{text-align:right !important}
.vT{vertical-align:top !important}
.vM{vertical-align:middle !important}
.vB{vertical-align:bottom !important}
.fL{float:left !important}
.fR{float:right !important}
.clear{overflow:hidden}
.clear2{width:100%;display:inline-block}
.f16 {font-size:16px;}

/* Margin Type */
.mt1{margin-top:1px !important}
.mt2{margin-top:2px !important}
.mt3{margin-top:3px !important}
.mt4{margin-top:4px !important}
.mt5{margin-top:5px !important}
.mt7{margin-top:7px !important}
.mt10{margin-top:10px !important}
.mt12{margin-top:12px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt27{margin-top:27px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt45{margin-top:45px !important}
.mt50{margin-top:50px !important}
.mt55{margin-top:55px !important}
.mt60{margin-top:60px !important}
.ml5{margin-left:5px; !important}
.ml10{margin-left:10px; !important}
.ml15{margin-left:15px; !important}
.ml20{margin-left:20px; !important}
.mt17{margin-bottom:17px; !important}
.mb20{margin-bottom:20px !important}
.taC{text-align: center !important;}

.dmt10{margin-top:-10px !important}

/* Padding Type */
.p10{padding:10px !important;}
.pt5{padding-top:5px !important}
.pt10{padding-top:10px !important}
.pt15{padding-top:15px !important}
.pt20{padding-top:20px !important}
.pr10{padding-right:10px !important}
.pb10{padding-bottom:10px !important}
.pb30{padding-bottom:30px !important}
.pl0{padding-left:0px !important}
.pl3{padding-left:3px !important}
.pl10{padding-left:10px !important}
.pl20{padding-left:20px !important}
.pl100{padding-left:100px !important}

/* Width Type */
.w20{width: 20%;}
.w25{width: 25%;}
.w30{width: 30%;}

.underLine {text-decoration: underline;}

/* boxModel Type */
.inlineBlock{display:inline-block !important}
.block{display:block !important}
.inline{display:inline !important}

/* text Type */
.txtBold{font-weight:bold}
.txtNormal{font-weight:normal}

/*skipnavigation*/
.skip02{position:absolute; top:0px; left:-900px;}
.skip02:focus { position:static; background:#333; color:#fff; text-align:center; display:block; padding:10px;font-size:30px;}

/*영역별 하단라인*/
.botLine{border-bottom:2px solid #3869b3;padding-top:5px;background:#e6f2f6;}

/**/
.reply_box textarea{border:1px solid #CCCCCC;width:100%;height:11px;}

/*항목별 텍스트박스 크기*/
.date{width:70px;}
.name{width:50px;}

/*돋보기위치*/
.mag{vertical-align:text-bottom;}


/*20160926리뉴얼*/
/*Text-style*/
.text_style01{text-align: center;line-height: 1.6;text-shadow: 1px 0 #333, 0 1px #333, 1px 0 #333, 0 1px #333;	-moz-text-shadow: 1px 0 #333, 0 1px #333, 1px 0 #333, 0 1px #333;	-webkit-text-shadow: 1px 0 #333, 0 1px #333, 1px 0 #333, 0 1px #333;}
.text_style02{text-align: right;font-size: 24px;line-height: 1.4;text-shadow: 1px 0 #333, 0 1px #333, 1px 0 #333, 0 1px #333;	-moz-text-shadow: 1px 0 #333, 0 1px #333, 1px 0 #333, 0 1px #333;	-webkit-text-shadow: 1px 0 #333, 0 1px #333, 1px 0 #333, 0 1px #333;}
.text_style03{text-align: center;line-height: 1.6;}
.text_style04{}
.text_white{color: #fff;font-size: 24px;}
.text_white2{color: #fff;font-size: 14px;}
.text_sky{color: #a5efff;font-weight: bold;font-size: 26px;}
.text_yellow{color: #d1da48;font-weight: bold;font-size: 26px;}
.text_gray{color: #555555;font-weight: normal;font-size: 24px;}
.text_gray2{color: #ddd;font-weight: normal;font-size: 13px;}
.text_blue{text-decoration: underline;color: #3472a2;font-weight: bold;font-size: 26px;}
.text_wgreen{text-decoration: underline;color: #e9ffaf;font-weight: bold;font-size: 26px;}
.text_black{color: #333;font-weight: bold;font-size: 32px;}
.text_orange{color: #f26522;font-weight: bold;font-size: 32px;}

/*h1-h6*/
.tit02{padding-top: 5px;height: 30px;}
.tit03{padding-top: 5px;padding-bottom: 30px;color: #fff;font-weight: bold;font-size: 32px;border-bottom: 1px solid #9d9d9d;}
.tit04{float: left;color: #fff;font-size: 16px;font-weight: bold;}

/*상단메뉴*/
.toBeFaded {display: none;font-size:70pt;}

/*border*/
.orange_border{display: inline-block;margin-bottom: 10px;width: 100%;border-top: 3px solid #f26522;}


/*header*/
/*h1{position: absolute;top: 30px;left: 5px;}
.navigation{float: right;margin-top: 4px;height: 74px;}
.navigation ul{}
.navigation li{float: left;border-left: 1px solid #dedede;}
.navigation li:last-child{border-right: 1px solid #dedede;}
.navigation li a{display: inline-block;width: 190px;padding: 28px 0;color: #333;font-weight: bold;font-size: 16px;text-align: center;}
.navigation li a:hover{color: #f1592a;background:url(../../../images/cyberline/elns/main/navi_bg.gif) no-repeat 0 2px;}*/

/*header{width:1100px; margin:0 auto; height:125px; position:relative; }
header h1{position:absolute; left:1px; top:51px; }
.top_menu{position:absolute; right:0; top:0; font-size:0; }
.top_menu span.sns{border-left:1px solid #626262; display:inline-block; height:35px; vertical-align:top;}
.top_login_menu{float:right; background:#f65700;  padding:0 7px; }
.top_menu span.red{display:inline-block; }
.top_menu span.red a{line-height:35px; font-size:13px; color:#ffffff; display:inline-block;  padding:0 13px; }*/

/*#gnb{float:right;  margin-top:60px; margin-right:160px;}
#gnb > li{float:left; height:65px;  line-height:65px; margin-left:85px; }
#gnb > li > a{font-size:19px; color:#000000; font-weight:bold; }*/
/*#gnb {
    margin-right: 90px;
    float: right;
    height:78px;
}
.gnb {display:none;}
.gnb > li {
    float: left;
    width: 170px;
    text-align: center;
}
.gnb > li > a {
    display: inline-block;
    width: 170px;
    padding: 35px 0 25px 0;
    font-size: 18px;
    color: #111;
    font-family: 'Nanum Gothic';
    font-weight: 800;
}
.gnb > li.on > a{color:#000;}
.gnb li .point {color:#df3400;}
.gnb > li.on > .point{color:#df3400; }
#sub_gnb_wrap{position:absolute; left:0; top:78px; width:100%; z-index:9999999; 	 height:150px;  display:none; background:#1361a7 }
.sub_gnb_wrap{overflow: hidden;width:1100px;height: 100%; margin:0 auto;background:url(../../../images/cyberline/elns/common/layout/sub_gnb_wrap_bg.png) no-repeat -95px -109px;}

.sub_gnb {
    float: left;
    width: 170px;
    height: 111px;
    padding-top: 18px;
    text-align: left;
    position: relative;
}
.sub_gnb:nth-child(2){left: 2px;}
.sub_gnb:nth-child(3){left: 12px;}
.sub_gnb:nth-child(4){left: 10px;}
.sub_gnb li{text-indent:17px; margin-bottom:5px; line-height: 23px;}
.sub_gnb li a{display: block;	font-size:14px; color:#fff; font-family: Malgun Gothic;font-weight: 500;letter-spacing: -0.5px;}
.sub_gnb li a:hover{color:#ffe826;}
.sub_gnb .sub_gnb_point a {font-size:14px; color:#fff;background:#e45b10;padding:2px 5px;font-weight:bold;}
.sub_gnb .sub_gnb_point a:hover {color:#fff;}*/



.qna_content{width: 100%;height: 78px;background:url(../../../images/cyberline/elns/main/qna_text.png) no-repeat 0 -6px;}


/* btn area */
body .btn_type1 {display:inline-block;border-radius:3px;padding:0 15px;height:30px;line-height:28px;background:#00285e;border:1px solid #163c7b;font-family:"Noto Sans KR Medium";font-size:14px;color:#fff!important;text-align:center;vertical-align:middle;cursor:pointer;}
body .btn_type2 {display:inline-block;border-radius:3px;padding:0 15px;height:30px;line-height:28px;background:#ffffff;border:1px solid #aaaaaa;font-family:"Noto Sans KR Medium";font-size:14px;color:#222!important;text-align:center;vertical-align:middle;cursor:pointer;}
body .btn_type3 {display:inline-block;border-radius:3px;padding:0 15px;height:30px;line-height:28px;background:#444444;border:1px solid #222222;font-family:"Noto Sans KR Medium";font-size:14px;color:#fff;text-align:center;vertical-align:middle;cursor:pointer;}
body .btn_type4 {display:inline-block;border-radius:3px;padding:0 15px;height:30px;line-height:28px;background:#268486;border:1px solid #20798d;font-family:"Noto Sans KR Medium";font-size:14px;color:#fff!important;text-align:center;vertical-align:middle;cursor:pointer;}

body .btn_type1_md {display:inline-block;border-radius:3px;padding:0 35px;height:37px;line-height:35px;background:#00285e;border:1px solid #163c7b;font-family:"Noto Sans KR Medium";font-size:14px;color:#fff!important;text-align:center;vertical-align:middle;cursor:pointer;}
body .btn_type2_md {display:inline-block;border-radius:3px;padding:0 35px;height:37px;line-height:35px;background:#ffffff;border:1px solid #aaaaaa;font-family:"Noto Sans KR Medium";font-size:14px;color:#222!important;text-align:center;vertical-align:middle;cursor:pointer;}
body .btn_type3_md {display:inline-block;border-radius:3px;padding:0 35px;height:37px;line-height:35px;background:#444444;border:1px solid #222222;font-family:"Noto Sans KR Medium";font-size:14px;color:#fff;text-align:center;vertical-align:middle;cursor:pointer;}
body .btn_type4_md {display:inline-block;border-radius:3px;padding:0 35px;height:37px;line-height:35px;background:#268486;border:1px solid #20798d;font-family:"Noto Sans KR Medium";font-size:14px;color:#fff!important;text-align:center;vertical-align:middle;cursor:pointer;}