@charset "euc-kr";

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css?display=swap);

/* CSS Document */
* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    color: inherit;
    box-sizing: border-box;  
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: inherit;
    font-weight: inherit;
    font-style: normal;
    border-collapse: collapse;
    border: 0;
    list-style: none;
    line-height: inherit;  
    outline: none;
    word-break: inherit
}

html,body { width: 100%; height: auto; word-break: break-word; font-size: 17px;}

html.fixed,body.fixed { overflow: hidden;}
legend { display: none}
button { cursor: pointer; background-color: transparent;}

body {
    width: 100%;
    height: auto;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 17px;
    color: #333;
    background-color: #fff;
}

h4 {font-size: 20px; font-family: 'Noto Sans KR', sans-serif; font-weight: 600;}


ul,li,ol { list-style: none;}
a { text-decoration: none;color: #333333;}
a:hover { text-decoration: none;}
img { border: 0; vertical-align: middle;}
caption {font-size: 0}
table {border-spacing: 0;}
em,i,address { font-style: normal; }

input[type=text],input[type=password],select,textarea,button { font-family: 'Noto Sans KR', sans-serif;}
input[type=text],input[type=password],input[type=date],select,textarea,button { font-family: inherit;}
input[type=text],input[type=password],input[type=date],select,textarea { border: 1px solid #a6a6a6; box-sizing: border-box;}
input[type=text],input[type=password],input[type=date],select { vertical-align: middle;}
input[type=radio],input[type=checkbox] { margin: 0 5px 0 5px; vertical-align: middle;}
input.picker { padding: 0 0 0 25px;}

select { display: inline-block; border: 1px solid #ccc; font-size: 13px; color: #666; background: #fff; vertical-align: top;}

/* À̹ÌÁö°¡ div¸¦ ¹þ¾î³ªÁö ¾Ê°Ô ucy*/
.img_w100>img {max-width: 100%;}



.select1 {padding:5px 10px; border: 1px solid #b4b4b4; border-radius: 5px; vertical-align: middle;}
.select2 { padding: 5px 10px; border: 1px solid #ccc; font-size: 17px; color: #666; background: #fff; vertical-align: middle; cursor: pointer;}

.input1 { padding: 5px 10px; border: 1px solid #ccc; font-size: 17px; color: #666; background: #fff; vertical-align: middle;}
.input90 { width:98%; padding: 5px 10px; border: 1px solid #ccc; border-radius: 5px; font-size: 17px; color: #666; background: #fff; vertical-align: middle;}

.list_none { width:100%; margin:50px auto; text-align: center;}

.memo {width:99%; padding:5px 10px; border: 1px solid #b4b4b4; }

/*title bullet*/
.title_bullet1 { line-height: 26px; font-size: 20px;background: url(../img/b02.png) no-repeat left 5px; padding:0 0 0 13px ; background-size:17px; }

.hidden {display: none;}
.show {display: block;}

/*ÃʱâÈ­*/
.cle:after {clear: both; content: ""; display: block;}

/*±âº» Á¤·Ä*/
.alignC {text-align: center;}
.alignL {text-align: left;}
.alignR {text-align: right;}

.mg5 {margin:5px;}
.mg10 {margin:10px;}

.pd5 {padding:5px;}
.pd10 {padding:10px;}


.margin-t10 {  margin-top: 10px !important;}
.margin-t20 {  margin-top: 20px !important;}
.margin-t50 {  margin-top: 50px !important;}
.margin-t100 {  margin-top: 100px !important;}


.margin-b10 {  margin-bottom: 10px !important;}
.margin-b20 {  margin-bottom: 20px !important;}
.margin-b50 {  margin-bottom: 50px !important;}
.margin-b100 {  margin-bottom: 100px !important;}

.pcursor {cursor: pointer;}

/*±ÛÀÚ ±âº»»çÀÌÁî 17px 1em*/
.fontsize17{font-size: 17px;}
.fontsize20{font-size: 20px;} 
.fontsize24{font-size: 24px;} 
.fontsize30{font-size: 30px;} 
.fontsize34{font-size: 34px;} 
.fontsize40{font-size: 40px;} 


/*box color & ±ÛÀÚ»ö*/
.box_bg01 {color:rgba(255,255,255,1); background-color:rgba(23,39,81,1);}
.box_bg02 {color:rgba(255,255,255,1); background-color:rgb(119, 19, 115);}
.box_bg03 {color:rgba(255,255,255,1); background-color:rgb(208, 63, 10);}
.box_bg04 {color:rgba(255,255,255,1); background-color:rgb(185, 163, 0);}
.box_bg05 {color:rgba(255,255,255,1); background-color:rgb(56, 132, 0);}
.box_bg06 {color:rgba(255,255,255,1); background-color:rgb(0, 96, 56);}
.box_bg07 {color:rgba(255,255,255,1); background-color:rgb(25, 85, 85);}
.box_bg08 {color:rgba(255,255,255,1); background-color:rgb(0, 73, 145);}
.box_bg09 {color:rgba(255,255,255,1); background-color:rgb(0, 0, 0);}

.box_bg01 a,.box_bg02 a,.box_bg03 a,.box_bg04 a,.box_bg05 a,.box_bg06 a,.box_bg07 a,.box_bg08 a,.box_bg09 a { color:rgb(255,255,255);}


/* Æ˾÷ */

#popupzoon {background-color: #fff; }
#popupzoon > div {background-position: center center; }
#popupzoon > div > table {overflow-y: auto; overflow-x: hidden; border:0px solid #82868d !important; }
   

/*ÀÓ´ë½Åû¹öÆ° msg*/
.msg1_me {color: #E00000 !important;}
.msg2_me {color:#1442de !important;}
.msg_login {color:hsl(288, 100%, 50%)!important;  text-decoration: underline;}
/*¹öÆ° ¼³Á¤*/
.btn1 { padding:5px 10px; color: #fff; border: 0; background-color: #0a41a8; vertical-align: middle;}
.btn2 { padding:5px 20px; color: #fff; border: 0; background-color: #1244cc; vertical-align: middle;}
.btn3 { padding:5px 20px; color: #fff; border: 0; background-color: #ba0055; vertical-align: middle;}
.btn3:focus {     outline:3px solid #008cff; }

.btn4 { padding:5px 20px; color: #fff; border: 0; background-color: #3b3b3b; vertical-align: middle;}
.btn5 { padding:5px 20px; color: #fff; border: 0; background-color: #0c8407; vertical-align: middle;}
.btn6 { padding:5px 20px; color: #fff; border: 0; background-color: #195555; vertical-align: middle;}

.btn1_r { padding:5px 10px; color: #fff; border: 0; background-color: #0a41a8; vertical-align: middle; border-radius: 5px;}
.btn2_r { padding:5px 20px; color: #fff; border: 0; background-color: #1244cc; vertical-align: middle; border-radius: 5px;}
.btn3_r { padding:5px 20px; color: #fff; border: 0; background-color: #ba0055; vertical-align: middle; border-radius: 5px;}
.btn4_r { padding:5px 20px; color: #fff; border: 0; background-color: #3b3b3b; vertical-align: middle; border-radius: 5px;}
.btn5_r { padding:5px 20px; color: #fff; border: 0; background-color: #0c8407; vertical-align: middle; border-radius: 5px;}
.btn6_r { padding:5px 20px; color: #fff; border: 0; background-color: #195555; vertical-align: middle; border-radius: 5px;}

.btn2_r_pd10 { padding:5px 7px; color: #fff; border: 0; background-color: #1244cc; vertical-align: middle; border-radius: 5px;}
.btn3_r_pd10 { padding:5px 7px; color: #fff; border: 0; background-color: #ba0055; vertical-align: middle; border-radius: 5px;}



.btn_gray { background-color:#999 }
.btn_gray:hover { background-color:#7d7d7d }
.btn_gray2 { background-color:#666 }
.btn_gray2:hover { background-color:#444 }
.btn_gray3 { background-color:#333 }
.btn_gray3:hover { background-color:#1a1a1a }
.btn_red { background-color:#ff3333 }
.btn_red:hover { background-color:#e31414 }
.btn_red2 { background-color:#cc0000 }
.btn_red2:hover { background-color:#a90000 }
.btn_blue { background-color:#3366cc }
.btn_blue:hover { background-color:#1e50b3 }
.btn_blue2 { background-color:#3498db }
.btn_blue2:hover { background-color:#1b7fc1 }
.btn_green { background-color:#28bf8d }
.btn_green:hover { background-color:#15a877 }
.btn_yellow { background-color:#fcac08 }
.btn_yellow:hover { background-color:#e09700 }


.btnadd_blue2 {display: inline-block; padding:5px 10px;margin:3px;color:#fff; background-color:#093b37; border-radius: 5px; }
.btnadd_blue2:hover {color:#fff; background-color:#046164 }

.btnadd_red2 {display: inline-block; padding:5px 10px;margin:3px;color:#fff; background-color:#093b37; border-radius: 5px; }
.btnadd_red2:hover {color:#fff; background-color:#ba0055 }




/* Æû ¼³Á¤ */
.ipt { height:37px; padding:0 10px; line-height:37px; background-color:#fff; border:1px solid #ccc }
.slt { height:37px; padding:0 5px; line-height:37px; background-color:#fff;  border:1px solid #ccc }
.input1 {padding:5px 10px; border: 1px solid #b4b4b4; border-radius: 5px; vertical-align: middle;}


/*¸®½ºÆ® ÆäÀÌÁö*/
.subbox_pagenum {display: flex; justify-content: center;margin:50px auto;}
.page_num {width: inherit;display: flex; justify-content: center;}
.page_num>strong {display: block;text-align:center;  width:50px;  font-size: 17px; font-weight: 500; padding:5px;margin:5px; border: 2px solid #f2f2f2; background-color: cadetblue;color:#fff; border-radius: 5px;}
.page_num>a {display: block; text-align:center;  width:50px; font-size: 17px; font-weight: 500; padding:5px;margin:5px; border: 1px solid #ebebeb; border-radius: 5px;}
.page_befor, .page_next {display: block; text-align:center;  min-width:70px; font-size: 17px;font-weight: 500; width:100px; background-color: #f2f2f2;padding:5px;margin:5px; border: 1px solid #ebebeb; border-radius: 5px;}

.page_num>a:hover {background-color: #e4f0eb;}
.page_num>a>i {vertical-align: baseline;}

.bold {font-weight: 600;}


.pmenu_btn {display: block;}
.mmenu_btn {display: none;}



/* ¸µÅ©±ÛÀÚ»ö */
.link_white, .link_white a { color: #fff !important;}




/*±ÛÀÚ»ö*/
.white { color: #fff !important;}
.black { color: #000 !important;}
.gray { color: #999 !important;}
.blue2 { color: #3a8cb1 !important;}
.gray2 { color: #ccc !important;}
.red { color: #E00000 !important;}
.orange { color:#ffb200 !important }
.green { color:#28bf8d !important }
.green2 { color: rgb(81, 158, 9) !important;}




.civil_d_text {	COLOR: #D090CB  ;TEXT-DECORATION: none }
.admin_d_text {	COLOR: #5A92D9  ;TEXT-DECORATION: none}
.introduce_d_text {	COLOR: #5DB7D9   ;TEXT-DECORATION: none}
.tour_d_text {	COLOR: #9EB954   ;TEXT-DECORATION: none}
.agriculture_d_text { COLOR: #72B352   ;TEXT-DECORATION: none}
.industry_d_text { COLOR: #EDAB56   ;TEXT-DECORATION: none}
.welfare_d_text { COLOR: #C3A2E5   ;TEXT-DECORATION: none}
.public_d_text { COLOR: #6363BD   ;TEXT-DECORATION: none}
.red_d_text { COLOR: #E00000   ;TEXT-DECORATION: none}
.blue_d_text { COLOR: #0000FF   ;TEXT-DECORATION: none}
.green_d_text { COLOR: #00FF00   ;TEXT-DECORATION: none}
.gray_d_text { COLOR: #E3E3E4   ;TEXT-DECORATION: none}
.yello_d_text { COLOR: #FC3   ;TEXT-DECORATION: none}
.color099 { COLOR: #099   ;TEXT-DECORATION: none}



/*±ÛÀÚ»ö ¼³Á¤*/
.color_blue {color:#1442de !important;}
.color_blue2 {color:#01a5a5 !important;}
.color_blue3 {color:#002662 !important;}
.color_blue3:hover  {color:#0d58d1 !important;}

.color_red {color: #E00000 !important;}
.color_orange {color: #ff6200 !important;}
.color_black {color:black !important;}
.color_white {color:#fff !important;}
.color_green {color:rgb(5, 116, 51) !important;}
.red { color:#E00000 !important }
.blue { color:#003399 !important }
.blue2 { color:#6baced !important }
.blue_order {color:#00e2ff !important }






/*±ÛÀÚ»ö ±½±â*/
.bold_bold {font-weight: bold;}
.bold_200 {font-weight: 200;}
.bold_400 {font-weight: 400;}
.bold_600 {font-weight: 600;}
.bold_800 {font-weight: 800;}


/*´Þ·Â »ö  background-image: url("../img/p1.png");*/
.bg1 { color: #fff !important; background-color: #10668E;  background-image: url("../img/p1.png");}
.bg1_f {color: #10668E !important;}
.bg1_f1 {width: 15px;height: 15px; background-color:#10668E; background-image: url("../img/p1.png"); display:inline-block;}

.bg1 a {font-size: 19px; color: #ffffff !important;}
.bg1_select { color: #fff !important; background-color: #084ea0;}
.bg2 { color: rgb(24, 24, 24) !important; background-color: #e8e8e8; text-decoration: line-through !important; }
.bg2_f {color: #e8e8e8 !important;}
.bg1_f2 {width: 15px;height: 15px;  background-color:#e8e8e8;display: inline-block;}
.bg2_select { color: #fff !important; background-color: #f84d22;}

.cal_tdx td a:focus {
    outline:3px solid #00ff6a; 
    outline:3px auto -webkit-focus-ring-color; 
    transform:scale(0.99);

}




/*! ¸ð´Þâ UIkit 3.0.0-rc.17 | http://www.getuikit.com | (c) 2014 - 2018 YOOtheme | MIT License */
.layey-pop {
    top:10%;
    padding: 20px 30px;
    border-radius: 7px;
}


.uk-modal-title {
    padding: 10px 0;
    font-size: 21px;
    color: #fff;
    background-color: #0a5d42;
    text-align: center;
    border-radius: 30px;
}
.uk-modal.uk-open {opacity: 1;}
.uk-modal-page {overflow: hidden}
.uk-modal-dialog {
    position: relative;
    box-sizing: border-box;
    margin: 0 auto;
    width: 600px;
    max-width: calc(100% - .01px) !important;
    background: #fff;
    opacity: 0;
    transform: translateY(-100px);
    transition: .3s linear;
    transition-property: opacity, transform
}
.uk-open > .uk-modal-dialog {opacity: 1;transform: translateY(0)}
.uk-modal-full {padding: 0;background: 0 0}
.uk-text-center {text-align: center;}

.modal-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
} 

/*ÆäÀÌÁö ³Ñ¹ö*/
.page_ti {
    font-size: 29px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 50px;
}

.page_sti {
    font-size: 19px;
    font-weight: 600;
}


/* Æ˾÷ ´Þ·Â  calendar_study*/
.layey-pop2 {
    top:7%;
    padding: 10px;
}



.subbox_pagenum5 {display:none;}
.subbox_pagenum3 {display:none;}
@media screen and (max-width: 1024px) {
    /*.page_num>a:nth-child(6),.page_num>a:nth-child(7),.page_num>a:nth-child(8),.page_num>a:nth-child(9),.page_num>a:nth-child(10){display: none;}*/
.subbox_pagenum10 {display:none;}
.subbox_pagenum5 {display:flex;}
.subbox_pagenum3 {display:none;}
}

@media screen and (max-width: 767px) {
.msg1_me {color: rgb(255, 145, 0) !important;}
.msg2_me {color:#08f7ff !important;}
.msg_login {color:hsl(291, 100%, 81%) !important; text-decoration: underline;}
}


@media screen and (max-width: 640px) {
    /*.page_num>a:nth-child(4),.page_num>a:nth-child(5){display: none;}*/
.subbox_pagenum10 {display:none;}
.subbox_pagenum5 {display:none;}
.subbox_pagenum3 {display:flex;}
.pmenu_btn {display: none !important;}
.mmenu_btn {display: block !important;}
}

@media screen and (max-width: 340px) { 
    .page_num>a {margin: 3px;}
    .page_num>strong {margin: 3px;}
}



/*À¥Á¢±Ù¼º*/

/*ÇÁ¸°ÅÍÇÒ¶§ ¸µÅ©ÁÖ¼ÒÇ¥½Ã À¥Á¢±Ù¼º
@media print {
    a[href^="http"]:not([href*="mywebsite.com"])::after {
       content: " (" attr(href) ")";
    }
 }
 */

 @media print{
    #navi, .top_login, .footer_logo, .top_search, .sub_title{ display: none !important;}
  
    .footer_copy {padding-top:30px !important; border-top: 1px solid #3d3d3d !important; width: 100% !important; color: #1a1a1a !important; text-align: center !important; margin:0 auto !important;}
    .sub03_price thead { display:table-row-group;}
    .sub03_price thead th{background-color:#6baced; color:#000}
 }

 
 .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}


 a:focus, button:focus, select:focus, input:focus, textarea:focus {
     outline:3px solid #ff4800; 
     outline:3px auto -webkit-focus-ring-color; 
     outline-color:#ff4800; 
     transform:scale(0.99);
     }

.focus_box:focus {
    outline:3px solid #ff4800; 
    outline:3px auto -webkit-focus-ring-color; 
    outline-color:#ff4800; 
    transform:scale(0.99);
    }


 .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

.skip_list { position: relative; z-index:10000000;}
.skip_list a { top: -30px; left:0; position: absolute;}
.skip_list a:focus { display:block; top:0 !important; z-index:100000; width:100%; height:30px; line-height:30px; background:#039; color:#fff; text-align:center;}

.dsblock {display:inline-block;}
.dsinblock {display:inline-block;}