@charset "utf-8";

/* set */
body {font-size:16px !important;margin:0;padding:0;font-family: 'Pretendard', Dotum, "돋움", sans-serif;color:#1b1d1f; font-weight:300;}
input, select, button{font-family: 'Pretendard', Dotum, "돋움", sans-serif;}
body *{ box-sizing:border-box;}
a {color: #1b1d1f;}
::selection {background:#663897;color:#fff;text-shadow:none;}

#skip{top:0;right:0;position:absolute;width:100%;height:15px;text-align:center}
#skip li a{display:block;left:-10000px;position:absolute;top:0;width:100%;text-align:center;z-index:0;height:1px}
#skip li a:hover, #skip li a:focus, #skip li a:active {background:#363636;position:absolute;top:0px;left:0;z-index:5;color:#fff;width:100%;height:25px;padding:5px 0 0 0}
.blind{display:block;overflow:hidden;position:absolute;top:0;left:-5000px;font-size:1.8em}
.hide{display:none !important;margin:0;padding:0}

/* header{position: relative; border-bottom: 1px #e1e1e1 solid;} */

.head{height: 80px; padding: 30px 10px;}
.head:after{display:block;clear:both;content:"";}

.tsitemap{display: none;}


/* 로고 */
h1{float: left;}
/*h1 a strong{display: inline-block; margin-top: 10px; line-height: 30px; font-size: 30px;} */
.head h1{font-family:'esamanru';box-sizing:border-box;}
.head h1 img{display:inline-block;padding-right:6px;}
.head h1 span{display:inline-block;color:#aeaeae;font-weight:300;font-size:9.5px;}
.head h1 strong{display:block;font-size:20px;color:#232323;font-weight:400;}


/* 메뉴 */
.head>button{float:right; display: block; width: 20px; height:20px; margin: 5px 0 0 17px ; background: url('/images/common/menu.png') no-repeat; font-size: 0;}
nav.menu{display: none; position: absolute; top: 0; right: 0; width: 90%; max-width: 320px; height: 100vh; background: #f9f5ff; z-index: 999;}
nav.menu.on{display: block;}
nav h2{height: 50px; padding: 14px 20px; background: #fff; font-size: 20px; border-bottom: 1px #f0f2f6 solid;}
nav>button{position: absolute; top: 4px; right: 20px; width: 40px; height: 40px; font-size: 0; background:  url('/images/common/close.png') no-repeat; background-position: center center; background-size:15px 15px;}

.depth_boxcon p{display: none;}

/* 1차메뉴 */
.menu li a{display: block; height: 60px; padding: 20px; border-bottom: 1px #fff solid;  font-size: 16px; line-height: 21px;}
.menu>ul>li>a:hover,
.menu>ul>li>a:focus{color: #663897; font-weight: 600;}
.menu>ul>li.on>a{background: #663897; color: #fff;}


/* 2차메뉴 */
.menu .depth_box{position: absolute; top: 50px; right: 0; width: 50%; height: calc(100vh - 50px); background: #fff; display: block; z-index: 99;}
.menu li li a{height: auto; padding: 10px 14px; font-size: 15px; color: #454545; border: none;}
.menu li li>a:hover,
.menu li li>a:focus{color: #51277e;}

/* 3차메뉴 */
.menu ul ul ul{display: block; position: static; width: auto; height: auto; margin: 0 14px; padding: 10px; border: 1px #e1e1e1 solid; border-radius: 20px;}
.menu li li li{margin: 6px 0;}
.menu li li li a{padding: 0; color: #666; font-size: 15px; line-height: 18px;}
.menu li li li a::before{content: ''; display: inline-block; width: 6px; height: 6px; margin-right: 6px; margin-bottom: 2px; background: #e1e1e1; border-radius: 6px;}
.menu li li li>a:hover,
.menu li li li>a:focus{color: #252525; text-decoration: underline;}

/*로그인*/
.login{float:right; padding:8px 0; }
.login a{ background:#51277e; font-size:13px; color:#fff; border-radius:13px; padding:8px 13px;}


/* 새창열림 */
.new_win{display: inline-block; width: 15px; height: 15px; margin: 0 0 0 4px; font-size: 0; background: url('/images/common/new_win.png')no-repeat; vertical-align: middle;}
.menu>ul>li.on>a .new_win{background-position: center -39px;}
.menu li li a .new_win{background-position: center center;}
.menu li.meeting a .new_win{display: none;}

/* footer */
footer{border-top: 1px solid #efefef; position:relative;}
footer .wrap01{margin:0 10px;}
.f_banner{ padding:20px 0; border-bottom: 1px solid #efefef;}
.f_banner .wrap01{ display:flex;align-items:center;gap:20px;}
.f_banner .control{display:flex;align-items:center;gap:10px;flex-shrink:0; position:relative;}
.f_banner .control h2{ color:#232323;font-size:16px;font-family:'esamanru';font-weight:300;}
.f_banner .list{ flex:1;overflow:hidden;}
.f_banner .list ul{ display:flex; gap:15px;}
.f_banner .list li{ position:relative; padding-left:20px; flex-shrink:0;}
.f_banner .list li a{display: block; color:#333; font-size:15px; font-weight: 400;}
.f_banner .list li a:hover, .f_banner .list li a:focus{text-decoration: underline;}

/*제어버튼*/
.control .btn button{width:10px;height:13px;font-size:0;overflow:hidden; padding:0; margin:3px 0;}
.f_banner .control .btn .prev{background:url('/images/common/prev1.png')no-repeat;}
.f_banner .control .btn .stop{background:url('/images/common/stop.png')no-repeat;}
.f_banner .control .btn .play{background:url('/images/common/play.png')no-repeat;}
.f_banner .control .btn .next{background:url('/images/common/next1.png')no-repeat;}

footer .wrap02{margin:20px 10px;}
.f_add{display:flex; flex-direction: column;}
.f_logo{display: block;}
.f_logo h1{box-sizing:border-box; font-size:20px; font-family: 'esamanru'; color:#222222; font-weight:400;}
.f_logo h1 a{display: block; padding:20px 0;}
.f_logo h1 img{display:inline-block;padding-right:8px; vertical-align: middle;}

/* 하단 주소 */
footer .f_info address, footer .f_info p{ font-style: normal; font-weight: 500; display:inline-block; color:#666666; font-size:15px; margin-right:20px;}
footer .f_info p.copy{ display:block; margin-top:10px; color:#a1a1a1; font-size:10px;}
footer .f_info strong{color:#51277e; margin-right:11px; font-size:16px; font-family: 'esamanru'; font-weight: 600; }

/*바로가기 링크*/
footer .f_link{padding:30px 20px;}
footer .f_link ul li{padding-bottom: 10px;}
footer .f_link ul li a{display:block;  position:relative; padding:15px 60px 15px 30px; border:1px solid #663897; border-radius: 50px; font-size:15px; font-weight:300; font-family: 'esamanru'; color:#663897; text-decoration:none; }
footer .f_link ul li a::after{ content:''; position:absolute; top:50%; right:20px; transform:translateY(-50%);  width:22px; height:15px; background:url('/images/common/f_link_plus.png') no-repeat center center;background-size:contain;}

footer .top{position:absolute;top:-40px;right:20px;}
footer .top a{display:block;width:65px;height:65px;padding-top:24px;background:#7345a5;border-radius:100%; text-align:center;box-shadow:1px 1px 20px rgba(102, 6, 137, 0.3);}
footer .top a span{color:#fff; font-size:16px; position:relative; width:22px;margin:0 auto;}


/*서브페이지s*/

/*왼쪽메뉴*/
.s_left{display: none;}

/* sub_page */
.s_content{margin:0 0 40px;}
/* .s_content{margin: 24px 20px;} */

.s_right .s_title{height:200px; margin:0 20px; padding:20px 0; text-align: center;}
.s_right .s_title h3{margin-bottom:20px; font-size:24px; font-family: 'esamanru'; }

.s_right .local{margin-bottom:20px;}
.s_right .local ul{display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.s_right .local li{margin:0 10px 10px 0; line-height: 16px;}
.s_right .local li::after{content: ''; display: inline-block; width:8px; height:12px; margin-left:8px; background:url('/images/common/sub_ico.png')no-repeat ; background-position: center -43px;}
.s_right .local li:last-of-type::after{display: none;}
.s_right .local li a:hover{text-decoration: underline}
.s_right .local li.home a{display: inline-block; width:16px; height:15px; background: url('/images/common/sub_ico.png') no-repeat; background-position: center 0; font-size:0; }
.s_right .local li:last-child a{color:#252525;}


/*확대축소 프린터 링크 공유*/
.s_right .utill>ul{display: flex; justify-content: center; gap:0 5px; }
.s_right .utill .zoomin a, .s_right .utill .zoomout a{display: block; width:40px; height:40px; margin:0 auto; font-size:0; background: #fff url('/images/common/sub_ico.png') no-repeat;  border:1px solid #683999; border-radius:15px;}
.s_right .utill .zoomin a{background-position: center -161px;}
.s_right .utill .zoomout a{background-position: center -204px;}
.s_right .utill .print a{display: block; width:40px; height:40px; margin:0 auto; font-size:0; background: #683999 url('/images/common/sub_ico.png')no-repeat; border-radius: 15px; background-position: center -73px;}
.s_right .utill .url a{display: block; width:40px; height:40px; margin:0 auto; font-size: 0; background: #e2af25 url('/images/common/sub_ico.png')no-repeat; border-radius: 15px; background-position: center -120px;}

.s_con{margin: 24px 12px;}
/* .s_con{min-height: 300px;}  */



/* Tablet */
@media (min-width:768px){
}



/* Desktop */
@media all and (min-width:1200px){

/* body{min-width: 1400px;} */
/* .wrap{position: relative; width: 1620px; margin: 0 auto;} */

.head{width: 1620px; height: 110px; margin: 0 auto; padding: 0; display:flex; align-items:center; }
.head h1{margin: 30px 0;}
.head h1 span{font-size:10.5px;}
.head h1 strong{font-size:24px;}
.head>button,nav>button{display: none;}

nav.menu{display: block; flex:1; display:flex;; justify-content:flex-end; position: static; margin-left:210px; width: auto; max-width: 1300px; height: auto; background:none;}
nav.menu h2{display: none;}

.menu>ul{width: 100%;display: flex;width: 1100px; justify-content:flex-end;} 
.menu>ul>li.on>a{color:#663897; background:none;}

.menu:before{content:"";display:block;width:100%;min-height:0;  background: #faf5ff; position:absolute;top: 111px;left:0;z-index:2;}
.menu.on:before{min-height:468px;}
.menu .depth_box{position: absolute;top:86px;right: auto;left: 0;width: 100%;overflow: visible;border-bottom: none;background: none;}
.menu.on .depth_box{display:block !important;}
.menu .depth_box:before{content:"";display:block;width:1px;height:350px;border-left:1px solid #efefef;position:absolute;left:0;top:0;}
/* .menu li.menu6 .depth_box:after{content:"";display:block;width:1px;height:400px;border-left:1px solid #efefef;position:absolute;right:0;top:0;} */
.depth_boxcon{width: 100%;display: block;min-height: 468px;   padding-top: 27px}
.depth_boxcon:hover, .depth_boxcon:focus{background: #fff; transition: 0.3s ease-out;}
.depth_boxcon p{display:none;}
.menu ul ul{display:block;width: auto;margin: 0;}
.menu ul ul ul{display:none;}
.menu li{position: relative;width: 13%;}
.menu li a{text-align:center;font-size: 20px; position:relative; display:inline-block; padding:10px 0; }

/* 가운데 시작 밑줄 */
.menu > ul > li > a::after{ content:''; position:absolute; left:44%; bottom:0px; border-radius: 50px; width:0; height:4px; background:#663897; transform:translateX(-50%); transition:width .2s ease;}
/* hover */
.menu > ul > li > a:hover::after{width:80%; }
.menu li li{width: auto;margin: 0;}
.menu li li a{padding:10px;height: auto;font-size: 16px;border: none; text-align: left;word-break: keep-all;}
.menu li li:hover>a,
.menu li li:focus>a{border:none; color: #663897;text-decoration: underline;}
.menu li li>a:hover,
.menu li li>a:focus{font-weight:400;}
.menu>ul>li:hover>a{background: none; color: #663897;}
.menu>ul>li:hover>a::after{width: 20px; opacity: 1; }
.menu li a::after{background:#663897;}
.menu>ul>li>a{line-height: 2.0em;}

.menu>ul>li.on>a .new_win{background-position: center -7px;}

.tsitemap{ display: block;}
.tsitemap a{display:block;width:18px; height:18px;   margin-right:55px; background:url('/images/common/sitemap.png') no-repeat center;background-size:contain;}


footer{height: 140px; }
.f_banner {padding:27px 0;}
.f_banner .wrap01{gap: 120px; width:1620px; margin:0 auto;}
.f_banner .control h2{font-size:17px;}
.f_banner .list li a{font-size:16px;}

.control .btn {position: absolute; left:105px; bottom:0; width:100%;}

footer .wrap02{width:1620px; margin:0 auto; display: flex; justify-content: space-between; align-items: flex-start;}
footer .f_info address, footer .f_info p{font-size:16px;}
footer .f_info p.copy{font-size:13px;}
footer .f_link{ padding:20px 0 30px 0;}
footer .f_link ul li a{padding: 15px 140px 15px 31px;}


.s_content{display: flex; width:1620px; margin: 40px auto; justify-content: space-between;}
.s_left{display: block; width:300px; margin-bottom:50px; }
.s_left h2{height:120px; padding-top:47px; background: #683999; color:#fff; text-align: center; font-size:26px; line-height: 28px; border-radius: 40px 40px 40px 5px; position: relative; z-index: 2;} 

.s_left>ul{border:1px solid #efefef;  background: #fff; margin-top:-30px; padding-top:35px;  position:relative; z-index:1;}
.s_left>ul>li{position:relative;}
.s_left>ul>li>a{display: block; position:relative; height:60px; padding:20px 20px 0; font-weight:400; border-bottom: 1px solid #e4e4e4;} 
.s_left > ul > li:last-child > a{ border-bottom: 0;}
.s_left>ul>li.depth_more>a{background: url('/images/common/s_menu.png')no-repeat right 30px center; }
.s_left>ul>li.on>a{color:#6a3c9b; border-bottom:1px solid #7345a5; font-weight:500;}
.s_left>ul>li.depth_more.on>a{background:url('/images/common/s_menu_on.png')no-repeat right 30px center;}
.s_left>ul>li:first-of-type.on::before{border-radius: 20px 20px 0 0;}
.s_left>ul>li:last-of-type.on::before{border-radius: 0 0 20px 20px;}
.s_left>ul>li.depth_more.on ul{display: block;}
.s_left ul ul{display: none; background:#fbf8ff ; padding:6px 20px;}
.s_left li li{margin:8px 0;}
.s_left li li a{display: block; padding-left:12px; font-size:16px; position: relative;}
.s_left li li a::before{content: ''; display: inline-block; position:absolute; top:9px; left:0; width:4px; height:4px; background:#787878; border-radius: 50%;}
.s_left li li.on>a{font-weight:500;}
.s_left li li li.on{text-decoration: underline;}
.s_left ul ul ul{margin-top:10px; border-radius: 20px;  background:#fff;}
.s_left li li li{margin:6px 0;}
.s_left li li li a{font-size:15px; color:#2b2a2a;}
.s_left li li li a::before{width:6px; height:3px; background: #b2b2b2; border-radius: 3px;}
.s_left li a:hover,.s_left li a:focus{color:#6a3c9b; font-weight: 500; transition: 0.3s ease-out; text-decoration: underline;} 
.s_left li li a:hover,.s_left li li a:focus{font-weight: 500; color:#333; text-decoration: underline; transition: 0.3s ease-out;}
.s_left>ul>li:first-of-type>a{border-radius: 40px 40px 0 0;}
.s_left>ul>li:last-of-type>a{border-radius: 0 0 40px 40px;} 
.s_left>ul>li.on:last-of-type>a{border-radius:0;}
.s_left li a .new_win{background-position: 50% -65px;}

.s_right{width: calc(100% - 380px); margin: 0;}
.s_right .s_title{position: relative; height: 200px;padding: 60px 0; text-align: left;}
.s_right .s_title h3{font-size: 34px;}
.s_right .local ul{justify-content: flex-start;}
.s_right .utill{position: absolute; top: calc(50% - 20px); right: 80px;}

.s_con{min-height: 400px;} 



}