@charset "utf-8";
html{FONT-FAMILY:"Noto Sans KR","Malgun Gothic","맑은 고딕", "sans-serif","NanumGothic","나눔고딕","돋움", "굴림", "Seoul"; width:100%;height:100%;display:inline-block;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}
body{display:inline-block; width:100%; height:100%; margin:0 auto; font-size:10pt;}
img{vertical-align:middle;border:0;}
button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
caption,hr,legend{*display:none;font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;height:0} /* height:0 add */
a,a:link,a:visited,a:active,a:hover,a:focus{color:#303030;font-size:100%;text-decoration:none}

body>form {display:inline-block; height:100%; width:100%;}



/* --------------------------------------------------------로그인----------------------------------------------------------------------------------- */


/* 로그인 총 */
.login_total {width:100%; height:100%; display:inline-block; margin:0 auto;text-align: center;background: #F9F9F9;}



/* 로그인 top */
.login_top {height:25%; width:100%; display:inline-block; margin:0 auto;}
.login{width:70%;border:1px solid #575757;margin:6em auto;padding:4em 0em;}
.login_logo {padding-top:4.5em;}
.login_top>p {font-size:10pt; font-weight:700; line-height:4; color:#585858;}

/* 로그인 중간 */
.intro_loginbox2 {height:550px; margin:0 auto; display:inline-block; width:450px; background:#fff; border:1px solid #d1d1d1;  margin-top: 8%;}  
.id_find_box {width:80%; margin:2em auto; display:inline-block;} 

.login_text {display:inline-block; width:100%;}
.login_text>li {width:100%; display:inline-block; padding:0.2em 0em;}
.login_text>li>input {width:99%; height:45px; margin:0 auto; border: 1px solid #d1d1d1;}
.login_text>li.login_btn {width:100%; height:45px; background:#000;margin-top:10px;}
.login_text>li.login_btn>a {color:#fff; display:block; line-height:3.2; font-size:15px;font-weight:500;}     


.intro_loginbox3 {display:inline-block; width:50%;float: left;}
.intro_loginbox3>li {display:inline-block; margin:.5em 0em 2em; }
.intro_loginbox3>li>a:hover {text-decoration:underline; font-weight:700;}


.intro_loginbox4 {text-align:center; display: inline-block;    width: 100%; }
.intro_loginbox4>li>span {font-size:10pt; font-weight:700;}
.intro_loginbox4>li>span>input[type="checkbox"] {background:#fff; width:20px; height:20px;}


/* 로그인 footer */
.footer {width:100%; height:15%; display:inline-block;}
.footer>p {line-height:5; }






/* --------------------------------------------------------로그인----------------------------------------------------------------------------------- */



/* 버튼 */
.tbl_btn{display:inline-block;margin:0;text-align:right; width:100%;}
.tbl_btn_content{display:inline-block;}
.tbl_btn_content>a>input{margin-right:1em;cursor:pointer;}
.tbl_btn_content>input, .tbl_btn_content>a>input{cursor:pointer;font-weight:700;background-color:#3472c1; color:#fff;padding:1em;border:none;}


.popup_content{border-bottom: 3px solid #3164a6;padding:2em 0em;}

/* layout */
#wrap{width:100%; margin:0 auto; height:100%;display:block; }
footer{width:100%; height:100%;}
.footer_bg{width:100%; min-height:25em;}
#header_wrap{width:100%;height:100%;display:inline-block;padding:12em 0em;}
.container{width:60%;margin:0 auto;min-height:550px;}



/* quick */
#quick {position:fixed; top:150px; right:0; width:93px; height:100%; overflow:hidden; z-index:16;}
.link li{margin:0 0 2px 0;clear:both;}
.link li a{margin:0 0 2px 0;clear:both;}

.left{margin:0 auto;width:85%;display:inline-block;}
.left>ul{float:left;padding:1em 0em;}
.left>ul>li{float:left;padding-right:1em;}
.left>ul>li>p>a{font-size:1em; font-weight:700;}
.left>ul>li>span>a{font-size:1em; font-weight:700;}
.c_box{float:left;}
.foot_copy{font-size:8px; font-weight:700; padding-top:5em; color:#282828;text-align:center;}
.mall{text-align:right;}
.mall>p>a{font-weight:700;font-size:1.2em;}


#header{position:fixed;width:100%;float:left; background:#fff;} 
.top{width: 75%; margin: 0 auto;}
.logo{margin:0 auto;width:55%;}
.logo li{padding-left:20px;float:left;}
.logo li a{display:block;text-align:center;}
.intra_logo{padding-top: 16px;padding-left: 0;}
.logo img{padding-top: 13px;width:150px;}
.title_left{text-align:left; padding:1em 0em;}
.required_text>input{height:30px !important; width:245px; border: 1px solid #CCCCCC; margin:0; padding:0;}




/*.topmenu*/
.topmenu {height:60px;float:right;}
.topmenu li{padding:25px 0px 0px 15px;float:left;font-weight:bold;color: #164771;}

/*headmenu */
.HeadNavi{position:relative;width:100%;background:rgba(0,0,0,0.5);margin:0 auto;float:left;text-align:left}
.gnb{margin-left:5px;width:1025px;height:40px;float:left;}
.gnb ul{margin:0;list-item:none;}
.gnb li{margin:0;padding:0;width:140px;float:left;display:inline-block;text-align:center;}
.gnb a{color: #fff; font-weight:bold;height:27px;display:block;padding:13px 0 0px 0px;}
.gnb a:hover{color: #fff;text-decoration:none; background:#6e7373;display:block;}

.sub_bg{position:absolute;top:100px;left:0px;width:100%;height:40px;background:url(/images_intra/common/top_submenu_bg.gif) repeat-x 0 0;}
.sub{font-weight:bold;}


/* main_img */
.main_img {position:relative;margin:0;width:1025px;background:url(/images_intra/common/main_img.gif);height:370px;clear:both;}
.main_img ul{padding:95px 0px 0px 105px;float:left;}
.main_img li{padding:0px 0px 0px 15px;float:left;}

/* main_notice */
.notice {position:relative;padding:0 30px 0 25px;margin:0;width:313px;float:left;}
.news {position:relative;padding:0 30px 0 0;margin:0;width:313px;float:left;}

.main_tbl{width:313px;}
.main_tbl_list{width:280px;}


/* 공지사항,새소식 수정 */
.notice_t {background:#ccc;height:36px;padding-left:17px;font-weight:bold;font-size:13px;}
.notice_bg {border-bottom:2px solid #ccc;box-sizing:border-box;padding-left:17px;height:220px;background:#eee;}
.notice_bot {height:11px;}

.notice_cont {font-weight:bold;padding-left:20px;padding-right:20px;padding-top:15px;height:23px;background:url(/images_intra/common/notice_blt.gif) no-repeat 4px 23px;}
.notice_con {height:60px;padding-left:19px;padding-bottom:5px;padding-right:20px;text-align:left;line-height:18px;}
/*.line {border-bottom:1px solid #f0f0f0;height:1px;}*/

/* calendar */
.calendar{position:relative;margin:0;padding:0;overflow:hidden;width:313px;text-align:center;height:255px;border:1px solid #ccc;box-sizing:border-box;float:left}
.calendar_period{clear:both;padding:10px 0 15px;background:#8EC7D0;}
.calendar_period strong{display:inline-block;width:120px;font-size:14px;color:#082a50;line-height:15px;text-align:center;font-weight:bold;}
.calendar table{width:280px;margin:0 auto 2px;margin-top:1px;border:0;border-collapse:collapse;border-top:1px solid #d2d6e2;text-align:center;}
.calendar table caption{display:none}
.calendar table thead{display:none}
.calendar table td{padding:0;border:0;background:#fff;border:0;border-bottom:3px solid #fff;font-size:11px;line-height:12px;border:1px solid #d2d6e2;height:27px;}
.calendar table td a{display:block;width:38px;height:27px;color:#706e6f;text-align:center;font-size:10px;font-family:verdana;}



/* main_top */
.main {width:55%;margin:0 auto; text-align:center;min-height:300px;padding:3em 0em;} 

.main .w_1200 .main_img {width:100%; margin:1em 0em;height:100%;}
.main .w_1200 .main_img a {display:block;}
.main .w_1200 .main_img img {width: 100%;height:350px;}
.main .w_1200 table{width:100%;}

.container{width:60%;margin:0 auto;min-height:550px;}

/* tab */


.main_tab {border-bottom:3px solid #3164a6;display:inline-block;width:100%;margin:0 auto;text-align:center;}
.main_tab ul {width:100%; margin:0 auto; text-align:left;}
.main_tab ul li {float:left; margin:1em 1.5em; cursor:pointer;} 
.main_tab ul li.tab_click {}
.main_tab ul li a {padding:1.5em 0em;letter-spacing: -1px; display:block; font-size:15px;color:#333; background-color:#fff;text-align:center;  width:195px; font-weight:800;}
.main_tab ul li.tab_click a {color:#fff; background-color:#3472c1; font-weight:800;}



.main_tab2 ul {overflow:hidden;}
.main_tab2 ul li {float:left;}
.main_tab2 ul li a {letter-spacing: -1px; display:block; font-size:19px; text-align:center; width:195px; padding:27px 14px}

.tbl_write{width:60%;margin:0 auto;}
.required_text{width:70%;padding:1.5em 0em;}
.required_text span{float:left;}
.required_text input{float:right;}




/* sub_leftmenu */
.left_quick{padding:0;margin-bottom:10px;border:1px solid #bcbcbc;width:198px;}

.quick{padding:0;margin:10px 14px 12px 14px;width:170px;}
.quick .tit{font-weight:bold;padding-bottom:5px;}
.quick .icon {padding:0px 8px 0px 8px;background:url(/images_intra/common/quick_link_bg2.gif) no-repeat;height:28px;width:85px;}
.quick img {vertical-align:middle;margin-right:4px; }
.quick a{color:#ffffff;font-size:100%;text-decoration:none}


.lnb ul{margin:0;padding:0;list-style:none;}
.lnb li{margin:0;padding:0;}
.lnb li a{display:block;padding:13px 12px 10px 20px;text-decoration:none;font-weight:bold;background:#f5f5f5;border-top:1px solid #ffffff;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.lnb li.active a{background:#c1c2c5;border:0;}


.lnb{width:200px;background:#eee;}
.lnb_tit{height:50px;background:url(/images_intra/back.jpg)no-repeat;border-radius:5px 5px 0 0;}
.lnb_tit h3{font-size:20px;text-align:center;line-height:50px;color:#fff;font-weight:bold;}








/* 모바일 */

@media all and (max-width:320px){
	
	/* 로그인 */
	.id_find_box {width:90%; margin:3em auto;}
	
	/*아이디,비밀번호 찾기  */
	.logo{width:100%;}
	.main{width:100%;padding-top:1em;}
	.main_tab ul li{padding:0;margin:0em 1em;}
	.main_tab ul li a{width:125px;}
	.tbl_write{width:98%;}
	.required_text{width:100%;}
	.required_text>input{width:200px;}

}



@media all and (min-width:320px) and (max-width:640px){
	
	/* 로그인 */
	.id_find_box {width:90%; margin:2em auto;} 
	.login_total{background:#fff;}
	.login_logo {padding-top:3em; }
	.login_logo>p{display:none;}
	.login_top>p {font-size:8pt; }
	
	.intro_loginbox2 {
    height: 550px;
    margin: 0 auto;
    display: inline-block;
    width: 100%;
    background: #fff;
    border:none;
    margin-top:0;
}
	/*아이디,비밀번호 찾기  */
	.logo{width:100%;}
	.main{width:100%;padding-top:1em;}
	.main_tab ul li{padding:0;margin:0em 1em;}
	.main_tab ul li a{width:125px;}
	.tbl_write{width:98%;}
	.required_text{width:100%;}
	.required_text>input{width:200px;}
	
	.footer { height: 20px;}
	.footer>p{font-size:8px;}
	
}



@media all and (min-width:640px) and (max-width:1300px){
	
	/* 로그인 */
	.id_find_box {width:75%;}
	.login_logo {padding-top:3em;}
	
	/*아이디,비밀번호 찾기  */
	.logo{width:80%;}
	.main{width:80%;}
	.tbl_write{width:85%;}
	.required_text{display:inline-block;width:70%;padding:0;}
	.required_text>span{line-height:3;}
	.required_text>input{height:35px !important;}
	.tbl_btn_content{margin-top:1em;}
}





@media all and (min-width:1300px) and (max-width:1600px){
.intro_loginbox2 { margin-top: 5%;}
.footer>p {  line-height: 8;}
}