@charset "utf-8";
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	Basic	

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
html,body{height:100%}
body{
	font-size:16px;
	transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,button{margin:0;padding:0;}
body,h1,h2,h3,h4,h5,h6,th,td,input,select,textarea{margin:0;padding:0;color:#2d2d2d;font-family:'Noto Sans KR', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",AppleGothic,Dotum,arial,sans-serif;}
ul,ol,dl,dt,dd{margin:0;padding:0;list-style:none}
p{text-align:left}
img{max-width:100%; border:none;vertical-align:top;}
img.ui-datepicker-trigger{margin:0px 5px; vertical-align:middle}
hr{display:none}
fieldset{border:none}
legend{display:none}
li p, dd p{margin-left:0}
table{table-layout:fixed;border-collapse:collapse;border-spacing:0}
table caption{overflow:hidden; position:relative; line-height:1px; font-size:1px; text-indent:-30000px;}

/* 초기 한글사용(한글 및 중국, 일본 사이트용) */
html[lang="ko"] input[type="text"],
html[lang="ko"] input[type="password"],
html[lang="ko"] textarea{ime-mode:active;}

/* 초기 영문사용(영문사이트용) */
html:not([lang="ko"]) input[type="text"],
html:not([lang="ko"]) input[type="password"],
html:not([lang="ko"]) textarea{ime-mode:inactive;}

* {
	-webkit-text-size-adjust:none;
	text-size-adjust:none;
	word-wrap: break-word;
	word-break: keep-all;
	box-sizing: border-box;
}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	Form

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
input[type="text"],
input[type="password"],
input[type="submit"], button {
	-webkit-appearance: none; /*Safari/Chrome*/
	-moz-appearance: none; /*Firefox*/
	-ms-appearance: none; /*IE*/
	-o-appearance: none; /*Opera*/
	appearance:none;
}
input[type="text"],
input[type="password"],
textarea,
select{width:100%; padding:0.6em 1.1em; margin:1px 0; vertical-align:top; text-align:left; font-size:0.95em; border:1px solid #ddd; color:#797979; box-sizing:border-box;}
select{
	min-width:6.2em; width:auto; padding-right:2em;
	-webkit-appearance:none;
	appearance:none;
	background:url(../../images/happy/prog/select_bul.png) no-repeat calc(100% - 0.95em) center;
}
select::-ms-expand {display:none;}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	Link

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
a{text-decoration:none;}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	Skip
	
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#skip {position:absolute; left:0; top:0; width:100%; margin:0 auto; z-index:999;}
#skip a{
	display:block; position:absolute; left:0; padding:10px; color:#fff; background-color:#000;
	border-radius:5px;
	-webkit-border-radius:5px;
}
#skip a:link,
#skip a:visited,
#skip a:active{top:-10000px;}
#skip a:hover,
#skip a:focus{top:0;}
.hidden{line-height:1px; font-size:1px; position:absolute; left:-10000px; top:0; overflow:hidden; text-indent:-30000px;}



/* Layout */
#wrap{overflow:hidden; position:relative; height:100%;}
#header{height:80px;background: #154e92;line-height: 80px;}
#header .logo{position: absolute;left: 0;top:0;}
#header .logo h1{float: left;font-size: 0;}
#header .logo h1 a{display: block;width:140px;height:80px;background: url(../img/logo.png)center no-repeat;}
#header .logo strong{display: inline-block;height:80px;}
#header .logo strong a{position: relative;padding:0 25px;color:#fff;font-size: 20px;font-weight: 600;}
#header .logo strong a:before{display: inline-block;position: absolute;left: 0;top:3px;width:1px;height:23px;background: rgba(255,255,255,.3);content: '';}
#header .search{position: absolute;left:calc(50% - 225px); top:0; width:450px;}
#header .search input{padding:7px;background: none;border:none;border-bottom:4px solid #37a1da;font-size: 22px;color:#fff; vertical-align: middle;}
#header .search input::placeholder{color:rgba(255,255,255,.5);}
#header .search button{position: absolute;width:50px;height:80px;font-size: 0;border:none;cursor: pointer;}
#header .search button.search{left: 400px;top:0;background: url(../img/search_btn.png)center no-repeat;}
#header .search .search_bg{position: absolute; top:60px;display: none;width:100%;height:0;background: #154e92;z-index: 1000;transition: .3s;-webkit-transition:.3s;}
#header .search .search_bg button.close{display: none;right: 50px;top:-60px; background: url(../img/close.png)center no-repeat;}


#container{position:relative; height:calc(100% - 80px);}
#container .box_left,
#container .map_box{position:relative; z-index:0; height:100%; background: #ddd;}
#container .box_left{position:absolute;left:0;top:0;width: 300px;padding:10px 30px;background-color:#fff;z-index:100;box-shadow: 3px 3px 10px rgba(0,0,0,0.1);transition:.5s;-webkit-transition:.5s;}
#container .box_left.on{left:-300px;}
#container .box_left strong{font-size: 18px;color:#154e92;font-weight: 600;line-height: 60px;}
#container .box_left .tit{height:60px;}
#container .box_left .txt{display: block;padding: 0px 0 20px;/* border-top:1px solid #cbd5dc; */border-bottom:1px solid #cbd5dc;}
#container .box_left .txt img{display: inline-block; width: 100%;height:auto;background: #ddd;}
#container .box_left .txt em{display: block;margin:20px 0 5px; font-style:normal;font-size: 16px;color:#34383d; font-weight: 600;}
#container .box_left .txt span{color:#73777b;font-size: 15px;}

#container .box_left .search_list{overflow-y:auto;overflow-x:hidden;width:100%;/* height:calc(100% - 25em); */}
#container .box_left .search_list>ul{}
#container .box_left .search_list>ul>li{padding:20px 0;}
#container .box_left .search_list>ul>li:not(:first-child){border-top:1px dashed #ddd;}
#container .box_left .search_list>ul>li>a{display:block;}
#container .box_left .search_list>ul>li>a>strong{display:block;line-height: 1.2em; color:#444;}
#container .box_left .search_list>ul>li>a>strong>em{font-style:normal;font-size: 16px;}
#container .box_left .search_list>ul>li>a>strong>span{display:block;font-size: 14px;}
#container .box_left .search_list>ul>li>a>div{overflow:hidden; display:block;max-height:34px;margin-top: 10px;font-size: 13px;color: #666;}

#container .box_left .category_wrap{/* position:absolute; */left:0;/* bottom:80px; */width:100%;/* padding:0 30px; */}
#container .box_left .category_wrap .category:after{content:""; display:block; clear:both;}
#container .box_left .category_wrap .category li{float: left;width:21%;height:50px;margin:2.5% 2%;}
#container .box_left .category_wrap .category li a{display: block; position: relative;padding:30px 0 0;text-align: center;font-size:13px;letter-spacing: -1.5px; color:#5c6064;transition: .3s;-webkit-transition:.3s;}
#container .box_left .category_wrap .category li a:before{display: inline-block; position: absolute;left:calc(50% - 11px);top:0;width:22px;height:22px;background-repeat:no-repeat;background-image: url(../img/campus_ir.png);content: '';transition: .3s;-webkit-transition:.3s;}
#container .box_left .category_wrap .category li a:after{display: inline-block;position: absolute;left:calc(50% - 18px);top:-5px;width:36px;height:36px;background-color:#5195f5;border-radius: 30px;content: '';transition: .3s;-webkit-transition:.3s;opacity: 0;z-index: -1}
#container .box_left .category_wrap .category li:nth-child(1) a:before{background-position: 0 0;}
#container .box_left .category_wrap .category li:nth-child(2) a:before{background-position:-23px 0;}
#container .box_left .category_wrap .category li:nth-child(3) a:before{background-position:-46px 0;}
#container .box_left .category_wrap .category li:nth-child(4) a:before{background-position:-69px 0;}
#container .box_left .category_wrap .category li:nth-child(5) a:before{background-position:-92px 0;}
#container .box_left .category_wrap .category li:nth-child(6) a:before{background-position: -115px 0;}
#container .box_left .category_wrap .category li:nth-child(7) a:before{background-position:-137px 0;}
#container .box_left .category_wrap .category li:nth-child(8) a:before{background-position:-161px 0;}
#container .box_left .category_wrap .category li:nth-child(9) a:before{background-position: -184px 0;}
#container .box_left .category_wrap .category li:nth-child(10) a:before{background-position: -207px 0;}
#container .box_left .category_wrap .category li:nth-child(11) a:before{background-position: -230px 0;}
#container .box_left .category_wrap .category li:nth-child(12) a:before{background-position: -253px 0;}
#container .box_left .category_wrap .category li:nth-child(13) a:before{background-position: -276px 0;}
#container .box_left .category_wrap .category li:nth-child(14) a:before{background-position: -299px 0;}

#container .box_left .category_wrap .category li a.on,
#container .box_left .category_wrap .category li a:hover,
#container .box_left .category_wrap .category li a:focus{color:#5195f5;font-weight: 600;text-decoration: underline;}
#container .box_left .category_wrap .category li a.on:after,
#container .box_left .category_wrap .category li a:hover:after,
#container .box_left .category_wrap .category li a:focus:after{opacity: 1;}
#container .box_left .category_wrap .category li a.on:before,
#container .box_left .category_wrap .category li a:hover:before,
#container .box_left .category_wrap .category li a:focus:before{background-position-y:-23px;}
#container .box_left p{/* position: absolute; */left: 30px;/* bottom:30px; */width:240px;margin: 30px 0;color:#868788;font-size: 13px;}
#container .close_box{position: absolute;left:300px;top:calc(50% - 35px);transition:.5s;-webkit-transition:.5s;z-index: 1000;transition:.5s;-webkit-transition:.5s;}
#container .close_box a{position: relative; display: inline-block;width:30px;height:70px;background: #fff;border-top-right-radius: 10px;border-bottom-right-radius: 10px;font-size:0;box-shadow: 10px 3px 10px rgba(0,0,0,.1);}
#container .close_box a:before{display: inline-block;position: absolute;left: 10px;top:30px;width:6px;height:11px;background: url(../img/close_btn.png)center no-repeat;content: '';}
#container .close_box.on{left:0;}
#container .close_box.on a:before{transform: rotate(180deg);-webkit-transform: rotate(180deg);}

/*#container .map_box{width:calc(100% - 300px); margin-left:300px;}*/
#container .map_box{width:100%;}

#container .info{max-width:500px; min-width:300px;}
#container .info{white-space:normal; display: inline-block;position: relative; bottom:30px; width:auto; height:auto; padding:20px 60px 20px 25px; border-radius: 5px; background: #fff;box-shadow: 3px 3px 10px rgba(0,0,0,.2);}
#container .info .image{display: none;}
#container .info .title{margin-bottom:15px;}
#container .info .title em{font-style:normal; font-size:14px;}
#container .info .title .tit_kor{font-weight: 600;font-size:20px;}
#container .info .title .tit_eng{font-size:18px;color:#656565;}
#container .info .title .close{display: inline-block;position: absolute;right: 20px;top:20px; width:20px;height:20px;background: url(../img/map_close.png)center no-repeat;cursor: pointer;}
#container .info .body{font-size:14px;}
#container .info .body .ellipsis{overflow-y:auto; max-height:115px; color:#676767;}
#container .info .body .jibun{}
#container .info .body .call{color:#288756;}

#header .sns{position: absolute;right:2em;top:0;z-index: 99;}
#header .sns button{float: left; display: block; width:45px;height:45px;border-radius: 50px; border: none;font-size: 0;cursor: pointer;}
/*#header .share button.print{margin:15px 0; background: #11a4ee url(../img/print_btn.png)center no-repeat;}*/
#header .sns button{margin:15px 0 15px 15px;background: #37a1da url(../img/sns_btn.png)center no-repeat;}

/*
#header .sns button{overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100%; text-indent:-1000px;}
#header .sns button:before,
#header .sns button:after{content:""; display:block; position:absolute; left:0; top:0; z-index:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center;}
*/



#header .sns button:before{background-color:#004c98;border-radius:50%;-webkit-border-radius:50%;transform:scale(0);-webkit-transform:scale(0);}
#header .sns button:after{background-image:url(/site/kr/img/layout/icon_sns.svg); background-size:60% auto;}
#header .sns button:hover:before,
#header .sns.on button:before{transform:scale(1);-webkit-transform:scale(1);transition:transform 0.2s ease;-webkit-transition:transform 0.2s ease;}
#header .sns button:hover:after,
#header .sns.on button:after{background-image:url(/site/kr/img/layout/icon_sns_on.svg);}

#header .sns .sns_box{display:none;position:absolute;left: 20px;top: 60px;}
#header .sns .sns_box ul li{margin-top:0.4em;}
#header .sns .sns_box ul li a{overflow:hidden; display:block; width:2.4em; height:2.4em; text-indent:-1000px;border-radius:50%;-webkit-border-radius:50%;box-shadow:1px 1px 3px rgba(0,0,0,0.2);-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2);}
#header .sns .sns_box ul li a:before{content:""; display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:40% auto;}
#header .sns .sns_box ul li.t a{background-color:#1da1f2;}
#header .sns .sns_box ul li.t a:before{background-image:url(/site/kr/img/layout/footer_sns_3.svg);}
#header .sns .sns_box ul li.f a{background-color:#3b5998;}
#header .sns .sns_box ul li.f a:before{background-image:url(/site/kr/img/layout/footer_sns_4.svg);}
#header .sns .sns_box .btn_close{overflow:hidden; display:block; width:2.4em; height:2.4em; margin-top:0.3em; text-indent:-1000px;}
#header .sns .sns_box .btn_close:before{
	content:""; display:block; width:100%; height:100%; background:url(/site/kr/img/layout/search_close_black.svg) no-repeat center center; background-size:40% auto;
	transform:rotate(0deg);-webkit-transform:rotate(0deg);transition:transform 0.3s ease;-webkit-transition:transform 0.3s ease;}
#header .sns .sns_box .btn_close:hover:before{transform:rotate(180deg);-webkit-transform:rotate(180deg);}
#header .sns.on .sns_box{display:block;}

@media screen and (max-width: 1023px){
	#header .logo strong{display: none;}
	#header .search{width:300px;left:auto;right:100px;}
	#header .search input{font-size: 14px;border-bottom:2px solid #37a1da;}
	#header .search button.search{left:260px;}
	#header .sns{right:30px;}
	#header .sns button.print{display: none;}
}
@media screen and (max-width: 767px){
	#header{height:60px;}
	#header .logo h1 a{height: 60px;width: 70px;margin-left: 20px;background-size: 100%;}
	#header .sns{right: 20px;}
	#header .sns button{width:30px;height:30px;}
	#header .search{width: 170px; right:70px;line-height: 55px;}
	#header .search button{height:60px;}
	#header .search button.search {left: 130px;}

	#container{height:calc(100% - 60px);}
	#container .box_left{overflow: scroll;top:auto;bottom:0;width:100%;height: 300px;text-align: center;padding:0 10px 50px 10px}
	#container .box_left.on{left:0;height:55px;}
	#container .box_left .txt{padding:0 0 10px;}
	#container .box_left .txt img{width:70%;}
	#container .box_left .category_wrap .category{height:auto;overflow: hidden;margin-bottom:70px;}
	#container .box_left p{position: fixed;bottom: -30px;/* position: relative; */left:0;width:100%;padding: 10px 40px;text-align: center;background: #333;color: #fff;z-index: 100;}
	#container .close_box{position: fixed;left:calc(50% - 35px);top:auto;bottom:285px;width:40px;height:70px; transform: rotate(-90deg);-webkit-transform: rotate(-90deg);}
	#container .close_box.on{bottom:40px;left:calc(50% - 35px);}
	
	
}/*
@media screen and (max-width: 500px){
	#header .search{width:100%;right:0;}
	#header .search input{display: none;}
	#header .search button.search{left:auto; right:50px;}
	#header .search.on input{display: block; position: relative;left: 0;top:60px;z-index: 10000;width:90%;margin:0 5%;}
	#header .search.on button.search{right:15px;top:45px;z-index: 10000;}
	#header .search .search_bg{display: block;}
	#header .search.on .search_bg button.close{display: block;}
}
*/

/* 버튼추가 */
.btn {position: relative; display: inline-block; max-width: 100%; width: auto; margin-bottom: 0; cursor: pointer; border: 1px solid transparent; border-radius: 0; background-image: none; overflow-wrap: break-word; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; line-height: 1.42857143; padding: 10px 18px; min-width: 210px; font-size: 16px; text-align: left;}
.btn-default, .btn-default:link, .btn-default:visited { background-color: #349ee4; border-color: #349ee4; color: #fff;}
.btn-default2, .btn-default2:link, .btn-default2:visited { background-color: #154e92; border-color: #154e92; color: #fff;}
.ir { overflow: hidden; font-size: 0; line-height: 0;}
.ir-bbs { background: url(/pcms/common/images/ir/ir-bbs.png) no-repeat;}
.ir-download, .ir-home { right: 8px; margin-top: -7px; width: 15px; height: 15px; position: absolute; top: 50%;}
.btn-icon .ir-download,
.btn-icon:focus .ir-download,
.btn-icon:hover .ir-download,
.btn:focus .ir-download,
.btn:hover .ir-download { background-position: -124px -216px;}
.btn-default:hover {  border-color: #349ee4;  background-color: #fff; color: #349ee4;}
.btn-default2:hover {border-color: #154e92;  background-color: #fff; color: #154e92;}
.box_left .btn {margin-bottom: 20px;}