@charset "utf-8";

/*CSS Document*/









/* 레이아웃

------------------------------------------------------------------------------------------------------------*/

#Wrap{width:1000px; margin:0 auto; padding:0 50px; overflow:hidden; background:#fff;}

#Cont_Wrap{overflow:hidden; margin-bottom:50px;}

#Cont_Wrap #left_area{float:left; width:200px;}

#Cont_Wrap #content_area{float:right; width:770px; overflow:hidden;}











/* 헤더

------------------------------------------------------------------------------------------------------------*/
#header_wrap{border-bottom:1px solid #ebebeb;}

#Header{position:relative; width:1000px; height:87px; margin:0 auto;}

#Header h1{position:absolute; left:0; top:29px;}

#Header .topmenu{position:absolute; right:0; top:34px; overflow:hidden;}

#Header .topmenu li{float:left; margin-left:5px;}

#Header .topmenu li a{display:block; float:left;}

#Header .topmenu li a:hover{background-color:#ccc; text-decoration:none;}

#Header .topmenu li input{width:111px; height:18px; padding-left:5px; border:1px solid #6e6e6e; font-family:"돋움", "맑은 고딕"; font-size:11px; color:#959595;}

#navi_wrap{border-bottom:2px solid #db402e; z-index:99;}
#navi_wrap ul{width:1000px; height:48px; margin:0 auto; display:block; z-index:99;}
#navi_wrap ul li{position:relative; float:left; border-right:1px solid #ebebeb; z-index:66;}
#navi_wrap ul li.first{border-left:1px solid #ebebeb;}
#navi_wrap ul li.first a{padding-left:3px;}
#navi_wrap ul li a{display:block; width:198px; height:32px; padding:16px 0 0; text-align:center; color:#353535; font-weight:600; font-size:16px;}
#navi_wrap ul li a:hover{}

#navi_wrap ul li:hover, #navi_wrap ul li.on{position:relative; z-index:77;}
#navi_wrap ul li:hover a, #navi_wrap ul li.on a{text-decoration:none;}

#navi_wrap ul li:hover .category{display:block;}
#navi_wrap ul li .category{position:absolute; left:0; top:48px; background:#fff; display:none; width:198px; height:auto; border-top:1px solid #ebebeb; border-left:1px solid #ebebeb; border-right:1px solid #ebebeb;}
#navi_wrap ul li .category li{clear:both; border:0 none;}
#navi_wrap ul li .category li a{display:block; height:24px; width:160px; padding:8px 20px 0; text-align:left; border-bottom:1px solid #ebebeb; font-weight:normal; color:#353535; font-size:12px;}
#navi_wrap ul li .category li a:hover{color:#fff; background:#db402e;}


/* 비쥬얼

------------------------------------------------------------------------------------------------------------*/

#visual_wrap{width:100%; height:468px; background:#fcfcfc; border-bottom:1px solid #929292; overflow:hidden;}
#visual_wrap #visual_middle{position:relative; width:1130px; margin:0 auto;}
#visual_wrap #visual{width:1000px; margin:0 auto; overflow:hidden;}
#visual_wrap #visual ul{width:2000px; overflow:hidden;}
#visual_wrap #visual ul li{width:1000px; float:left;}
#visual_wrap .prev{position:absolute; top:198px; left:0; display:none;}
#visual_wrap .next{position:absolute; top:198px; right:0; display:none;}

#society_visual .visual_inner {background:url("../img/main/visual_img.jpg") no-repeat center right; background-size: cover; border-radius: 20px; overflow: hidden; box-shadow: 0 3px 10px 5px rgb(0 0 0 / 5%);}

/*메인 콘텐츠

------------------------------------------------------------------------------------------------------------*/

#m_contents_wrap{overflow:hidden;}
#m_contents_wrap #m_contents{width:1000px; margin:0 auto;}

.main_cs{width:277px; padding:24px 0 0 14px; border-right:1px solid #d7d7d7; float:left; overflow:hidden;}
.main_cs a{margin:12px 0 34px 0; display:block;}


/**/
.main_cs2{float:left; position:relative; width:276px; height:272px; padding:0 0 0 15px; border-right:1px solid #d7d7d7; overflow:hidden;}
.main_cs2 .title{height:51px; padding:5px 0 0; margin:20px 0 0; font-size:17px; line-height:1.4; font-weight:600; padding-left:65px; background:url(../img/main/icon_cs.png) 0 0 no-repeat;}
.main_cs2 .title strong{display:block; font-size:20px; color:#444;;}
.main_cs2 .tel{font-size:35px; color:#333; font-weight:bold; line-height:1.4; letter-spacing:-0.03em;}
.main_cs2 .fax{font-size:20px; color:#aaa; font-weight:bold; line-height:1.4; letter-spacing:-0.02em;}
.main_cs2 .email{font-size:16px; color:#e85f57; font-weight:bold; line-height:1.4; letter-spacing:-0.02em;}
.main_cs2 .kca_bn{position:absolute; left:15px; bottom:30px;}
.main_cs2 .kca_bn a{display:block;}




.m_notice{position:relative; width:271px; padding:31px 39px 0 40px; float:left; overflow:hidden;}
.m_notice h2{font-size:20px; font-weight:600; margin-bottom:21px;}
.m_notice p{margin-bottom:18px; padding:12px 0 0 70px; background:url(../img/main/p_background.png) top left no-repeat;}
.m_notice p a{font-size:15px; color:#6b6e73; font-weight:600; display:block;}
.m_notice p a:hover{text-decoration:underline;}
.m_notice p small{font-size:15px; color:#323234; font-weight:600;}
.m_notice ul li{padding-left:7px; background:url(../img/main/dot.gif) left 9px no-repeat;}
.m_notice ul li td{font-size:12px; color:#626262; line-height:1.8;}
.m_notice a.more{position:absolute; top:30px; right:40px; display:block;}

#m_contents .main_btn li{margin-left:2px; float:left;}
#m_contents .main_btn li.first{margin-left:0;}
#m_contents .main_btn li.one{margin-bottom:2px;}



/* 푸터

------------------------------------------------------------------------------------------------------------*/
.partners_wrap{border-top:1px solid #d7d7d7; overflow:hidden;}
.partners_wrap ul{width:1000px; margin:0 auto;}
.partners_wrap ul li{float:left;}

#Sponsor{padding:0 50px; background:#fff; border-top:1px solid #d7d7d7;}

#Sponsor .inner{width:1000px; margin:0 auto; overflow:hidden;}

.foot_wrap{background:#efefef;}

#Footer{width:1000px; margin:0 auto; padding:30px 0 40px; background:url(../img/footer/foot_logo.gif) right 30px no-repeat;}



#Footer .F_menu{overflow:hidden;}

#Footer .F_menu li{float:left; padding-left:23px; background:url(../img/footer/l.gif) 12px 0 no-repeat;}

#Footer .F_menu li.first{padding-left:0; background:none;}

#Footer .F_menu li a{display:block; font-weight:bold; color:#555; font-size:12px;}

#Footer .F_menu li a:hover{text-decoration:none; color:#000;}



#Footer .F_info{color:#787878; line-height:1.8; padding:10px 0 0; font-size:12px;}

#Footer .F_info span{display:inline-block; padding:0 7px; color:#bbbbbb;}

#Footer .F_info small{display:block; font-size:12px; color:#a7a7a7;}

















/* 메인 컨텐츠 영역

------------------------------------------------------------------------------------------------------------*/

#M_vis{margin-bottom:20px;}



/* 퀵메뉴 */

.M_quick{float:left; width:495px; height:230px; overflow:hidden;}

.M_quick ul{}

.M_quick ul li{float:left; margin-left:11px; margin-bottom:10px;}

.M_quick ul li.first{margin-left:0;}

.M_quick ul li a{display:block; width:111px; height:74px; background:#fdfdfd; border:2px solid #dadada; text-align:center;}

.M_quick ul li a b{width:109px; height:52px; display:table-cell; text-align:center; vertical-align:middle;}

.M_quick ul li a span{display:block; padding-top:3px; color:#3e3e3e; font-size:11px; font-weight:600;}



.M_quick ul li a:hover{border-color:#db3122; text-decoration:none;}





/* 공지사항 및 뉴스 */

.M_notice{position:relative; float:left; width:495px;}

.M_notice p.tit{height:31px!important; border-bottom:2px solid #6e6f74;}

.M_notice a.more{position:absolute; right:0; top:10px;}

.M_notice th, .M_notice td{height:31px; background:url(../img/main/dotline.gif) left bottom repeat-x;}

.M_notice th{text-align:left; font-weight:normal;}

.M_notice th a{display:block; background:url(../img/main/dot.gif) left 50% no-repeat; padding-left:10px;}

.M_notice td{text-align:right; color:#9a9a9a;}





/* 주요일정 */

.M_schedule{float:right; width:215px; padding-left:30px; border-left:1px solid #ddd; min-height:390px;}

.M_schedule ul{}

.M_schedule ul li{margin-bottom:4px;}

.M_schedule ul li p{font-weight:600; font-size:15px; margin-bottom:5px;}

.M_schedule ul li:hover{background:#57616c; text-decoration:none;}



.M_quick p.tit, .M_notice p.tit, .M_schedule p.tit{font-size:15px; font-weight:600; color:#1e1e1e; padding-top:10px; height:25px;}









/* 서브 레이아웃

------------------------------------------------------------------------------------------------------------*/

#Pagetit{height:54px; border-bottom:2px solid #555; overflow:hidden; margin-bottom:20px;}

#Pagetit h2{float:left; margin:5px 0 0; color:#333; font-size:30px; font-weight:600;}

#Pagetit ul{float:right; overflow:hidden; margin-top:20px; padding-left:10px; background:url(../img/sub/home.gif) left 3px no-repeat;}

#Pagetit ul li{float:left; color:#666; padding-left:23px; background:url(../img/sub/arrow.gif) 11px 5px no-repeat; font-size:12px;}



#Contents{min-height:350px; line-height:1.7;}



/* 서브 레이아웃
------------------------------------------------------------------------------------------------------------*/
#S_container{width:1000px; margin:30px auto 50px; overflow:hidden;}
#S_container #Left_area{float:left; width:175px;}
#S_container #Content_area{float:right; width:770px;}

/* 서브 좌측 */
#Left_area h2{height:56px; text-align:center; background:#e83421;}
#Left_area h2 div{display:table-cell; width:175px; height:56px; vertical-align:middle; color:#fff; font-weight:600; font-size:18px;}
#Left_area .lnb{}
#Left_area .lnb li{}
#Left_area .lnb li a{display:block; border-bottom:1px solid #dedede; height:32px; padding:15px 0 0 10px; color:#666; font-size:13px;}
#Left_area .lnb li a:hover{color:#000; text-decoration:none;}
#Left_area .lnb li a.on{color:#f55747;}

/* 페이지 타이틀 */
#Pagetit{height:54px; border-bottom:2px solid #555; overflow:hidden; margin-bottom:20px;}
#Pagetit h2{float:left; margin:5px 0 0; color:#333; font-size:30px; font-weight:600;}
#Pagetit ul{float:right; overflow:hidden; margin-top:20px; padding-left:10px; background:url(../img/sub/home.gif) left 3px no-repeat;}
#Pagetit ul li{float:left; color:#666; padding-left:23px; background:url(../img/sub/arrow.gif) 11px 5px no-repeat; font-size:12px;}

#Contents{min-height:350px; line-height:1.7;}




.greeting_wrap{position:relative; box-sizing:border-box; padding-left:190px; overflow:hidden;}
.greeting_wrap .photo{position:absolute; left:0; top:0; /*margin:0 40px 40px 0;*/}오후 4:06 2021-02-04
.greeting_wrap .manuscript{font-size:14px; line-height:1.9; text-align:justify;}
.greeting_wrap .manuscript h4{font-size:25px; line-height:1.5; font-weight:600; margin:0 0 20px;}
.greeting_wrap .manuscript .sign{text-align:right; font-size:17px; font-weight:600; color:#000; line-height:1.5; margin:40px 0 0;}






/* 서브 컨텐츠

------------------------------------------------------------------------------------------------------------*/

/* 탭 스타일 ------------------------------------------- */
.dep_slnb{overflow:hidden; margin-bottom:30px; border-left:1px solid #ddd;}
.dep_slnb li{float:left; overflow:hidden; }
.dep_slnb li a{display:block; width:130px; height:36px; line-height:36px; font-size:14px; letter-spacing:-0.05em; text-align:center; font-weight:500; padding:0 10px; border:1px solid #ddd; border-left:none 0; background:#f4f4f4;}
.dep_slnb li.on a{ border-top:1px solid #d9371e; background:#fff; color:#d9371e; }



/* 검정색 기본 thead, tbody 있음 ------------------------------------------------------ */
.black_basic_table{border-top:2px solid #555; border-left:1px solid #ddd;}
.black_basic_table *{word-break:keep-all; font-size:12px;}
.black_basic_table th, .black_basic_table td{text-align:left; font-weight:normal; border-width:0 1px 1px 0; border-style:solid; border-color:#ddd;}
.black_basic_table th{height:35px; padding-left:10px;}
.black_basic_table td{padding:10px;}
.black_basic_table thead{}
.black_basic_table thead th, .black_basic_table thead td{background:#f7f7f7; color:#333; font-weight:600;}
.black_basic_table thead th{}
.black_basic_table thead td{}
.black_basic_table tbody{}
.black_basic_table tbody th, .black_basic_table tbody td{}
.black_basic_table tbody th{}
.black_basic_table tbody td{}

/* 검정색 기본 thead, tbody 없음 ------------------------------------------------------ */
.black_simple_table{border-top:2px solid #555; border-left:1px solid #ddd;}
.black_simple_table *{word-break:keep-all; font-size:12px;}
.black_simple_table th, .black_simple_table td{text-align:left; font-weight:normal; border-width:0 1px 1px 0; border-style:solid; border-color:#ddd;}
.black_simple_table th{height:35px; padding-left:10px; background:#f7f7f7; color:#333; font-weight:600;}
.black_simple_table td{padding:10px;}

















/* 버튼

------------------------------------------------------------------------------------------------------------*/

.btn_gray{display:inline-block; background:url(../img/sub/btn_gray50.gif) left bottom repeat-x; color:#fff!important; text-align:center; border:1px solid #777; border-radius:3px;}

.btn_gray:hover{text-decoration:none; background:#666;}

.btn_gray.h37{height:30px; padding:5px 50px 0; font-weight:600; font-size:14px;}







/* 공통

------------------------------------------------------------------------------------------------------------*/

h3{background:url(../img/sub/h3.gif) left 7px no-repeat; padding-left:17px; font-weight:600; color:#000; font-size:15px;}



/* 테이블 기본 가로형 */

.table_basic{border-top:2px solid #555;}

.table_basic th, .table_basic td{border-bottom:1px solid #ccc;}

.table_basic th{background:#f9f9f9;}

.table_basic th.lt{border-left:1px solid #ccc;}

.table_basic td{padding:5px 10px; border-left:1px solid #ccc;}



.table_basic thead{background:#eee;}

.table_basic thead th, .table_basic thead td{text-align:center; font-weight:bold;}

.table_basic thead th{background:none;}



.table_basic.center td{text-align:center;}



/* 폰트 색상 */

font.red{color:#f55747;}





/* 회색 박스 */

.graybox{background:#f7f7f7; border:1px solid #ddd; padding:10px 20px;}/* 회색배경_테두리 */

.graybox2{border:4px solid #efefef; padding:10px 20px;}/* 회색 두꺼운 테두리 */



/* 도트 리스트 */

.list_basic{}

.list_basic li{padding-left:10px; background:url(../img/sub/arrow.gif) left 10px no-repeat; margin-bottom:20px;}

.list_basic.small li{margin-bottom:10px;}





.top5{margin-top:5px;}

.top10{margin-top:10px;}

.top15{margin-top:15px;}

.top20{margin-top:20px;}

.top25{margin-top:25px;}

.top30{margin-top:30px;}

.top35{margin-top:35px;}

.top40{margin-top:40px;}

.top50{margin-top:50px;}

.top60{margin-top:60px;}

.top70{margin-top:70px;}

.top80{margin-top:80px;}

.top90{margin-top:90px;}



.left5{margin-left:5px;}

.left10{margin-left:10px;}

.left15{margin-left:15px;}

.left20{margin-left:20px;}

.left25{margin-left:25px;}

.left30{margin-left:30px;}

.left35{margin-left:35px;}

.left40{margin-left:40px;}

.left50{margin-left:50px;}

.left60{margin-left:60px;}

.left70{margin-left:70px;}

.left80{margin-left:80px;}

.left90{margin-left:90px;}



.center{text-align:center;}

.right{text-align:right;}

.left{text-align:left;}