@charset "utf-8";
.main-font {font-family:'Noto Sans Korean', sans-serif;}

.webv{display:block;}
.mobv{display:none;}
.mobnone {display:none;}


/*메인이벤트*/
.main_event_wrap{margin:20px 0px 50px 0px; height: 64px;}
.main_event_wrap li{width:32.6%; float:left;}
.main_event_wrap li.main_event01{margin-right:1%;}
.main_event_wrap li a img{width:100%;}


#main_event_all{  display: block;   position: relative;}
#main_event_all ul{display: block;   position: relative; width:100%; margin-top:20px;}

#main_event_all ul li.main_event_btn{width:100%; text-align: center;     cursor: pointer; margin:10px 0px;}
#main_event_all ul li.main_event_btn ul li{float:left; margin-bottom:1%;}
#main_event_all ul li.main_event_btn ul li.mr1{margin-right:1%;}
#main_event_all ul li a {
  display: block;
}
#main_event_all ul ul {
  display: none;
}


body {overflow-x: hidden;}
#wrap { margin: 0 auto;}
.main{}
.d_width {position:relative;width:1100px; margin:0 auto;}

#header_wrap{width: 100%;height: 170px;background: rgba(0,0,0,0.40);position: relative;z-index: 999;font-family:'Noto Sans Korean', sans-serif;}

/* 로고 */
h1.logo{position: absolute;top:63px;width:209px;}
h1.logo img{width:100%;}

/* sns 아이콘 */
.userR ul{position: absolute;top:15px; right: -2px;}
.userR ul li{float:left;margin-right:2px;}

/* 상단검색 */
.gsearch {position:absolute;top:15px;right:209px;width:190px;height:38px;border-radius:19px;background: rgba(255,255,255,0.22);}
.gsearch input[type="text"] {width: 150px; height: 37px; line-height: 37px; padding: 0px 0px 0px 10px; border: medium none;color:#fff;}
.gsearch #search_btn {position:absolute;top:11px;right:15px;}



/* 대메뉴 */
.gn_area {position:absolute; margin-top:73px; z-index:101;right: -65px;display:block; } 
.gn { display:block;  padding:0; }
.gn > li { position:relative; display:block; float:left;}
.gn li .label { font-size:18px; color:#fff; line-height:30px;font-weight: 500;letter-spacing: -0.5px;}
.gn li .mu1 { display:inline-block; width:190px;text-align:left; }
.gn li .mu2 { display:inline-block; width:143px;text-align:left;}
.gn li .mu3 { display:inline-block; width:140px;text-align:left;}
.gn li .mu4 { display:inline-block; width:140px;text-align:left;}
.gn li .mu5 { display:inline-block; width:180px;text-align:left; }
.gn li .mu6 { display:inline-block; width:110px;text-align:left;position: relative;left:-50px;}

.gn > li > a {padding-bottom:25px;}

.sn {display:none;position:relative;box-sizing:border-box;z-index:9999999;}
.sn ul { display:block;height:335px; margin:0; padding:15px 0px 0 0; }
.sn ul li { list-style:none; display:block; float:none; padding:0px;margin-bottom:10px;}
.sn ul li a { display:block;font-size:14px; color:#fff; line-height:20px; text-align:left;  font-weight:normal; letter-spacing: -0.5px;}
.sn ul li a:hover,  .sn ul li a:active,  .sn ul li a:focus{ text-decoration: underline;}

.sn1 {left:-10px;}
.sn3 {left:-22px;}
.sn4 {left:-25px;}
.sn5 {left:-30px;width:170px;}
.sn6 {left:-50px;}

.gn li:hover .label {color:#fff;  }
.gn li ul li a:hover{ color:#fff;}

ul.gn2:hover, ul.gn2:active, ul.gn2:focus{ width:100%;}

.header.hover {background:rgba(10,3,1,0.8) !important;}
.blindbg { position:absolute; display:none; left:0; top:170px; width:100%; height:260px;background: rgba(10,3,1,0.8); z-index:11; }



/* 상단 로그인 */
.topmenu{position:absolute;top: 24px;right: 408px;}
.topmenu li{float:left; padding:0px 4px;}
.topmenu li a{color:#dbdbdb;font-size:14px;letter-spacing:-1px;}
.topmenu li a:hover, .topmenu li a:active{color:#fff;}



/******************** main_visual ********************/
.main_vs {
	position: absolute;
	top:0px;
	z-index: 0;
	height: 750px;
	width: 100%;
	overflow: hidden;
}

.bx-viewport {overflow:inherit !important;}
.js_main_visual_box p {
	height: 750px;
	-webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
     transform: scale(1.15);
	-webkit-transition: all 1.2s ease 0s;
	-o-transition: all 1.2s ease 0s;
	transition: all 1.2s ease 0s;
}
.main_vs.zoom .js_main_visual_box p {
	width:100%;
	background-position:center 0;
	background-repeat:repeat-x;
	-webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
	-webkit-transition: all 1.2s ease 0s;
	-o-transition: all 1.2s ease 0s;
	transition: all 1.2s ease 0s;
}

.bx-pager {position: absolute;bottom: 15px;z-index: 99;display: flex;width: 100%;overflow: hidden;justify-content: center;}
.bx-pager-item {}
.bx-pager-item a.bx-pager-link {width: 13px;height: 13px;margin: 0 3.5px;background: #fff;opacity: 0.5;display: inline-block;border-radius: 50%;text-indent: 99999px;} 
.bx-pager-item a.bx-pager-link.active {opacity: 1;} 



.btnn1{float:left; width:50%; margin-top:1px;}
.btnn1 a{width:85%; text-align:left; font-size:11px;}

.btnn2{float:left; width:50%; margin-top:1px;}
.btnn2 a{width:67.5%; text-align:left; }

button{cursor:pointer;border:none;background:none}
.green{background:#60BD68; border:1px solid #60BD69}
.blue{background:#008ECE; border:1px solid #008ECd}
.lgreen{background:#A6CE39; border:1px solid #A6CE38}
.etc{background:#45677D; border:1px solid #45677c}
.orange{background:#F7941E; border:1px solid #F7941d}


/* 메인컨텐츠 */
.mian_container{z-index: 10; width:100%;  position:relative; }

.box {width: 100%;height: 580px;}

.box01 {width:100%;background:#fff;}
.box01 .d_width {height:180px;margin:50px auto;}
.box01-wrap {display:inline-block;width:100%;height:180px;}
.box0101 {float:left;width:148.5px;height:180px;background: #fff;margin-right:10px;text-align:center;border: 1px solid #d9d9d9;box-sizing: border-box;}
.box0101:hover {border-color:#05316e;}
.box0107 {margin-right:0px;}
.box0101 .box01-img {position:relative;width:100%;height:110px;transition:.3s;background-color:#f3f3f3;background-image:url("../images/nmain/main2-box0101.png");background-repeat: no-repeat;background-position: center 53%;}
.box0102 .box01-img {background-image:url("../images/nmain/main2-box0102.png");}
.box0103 .box01-img {background-image:url("../images/nmain/main2-box0103.png");}
.box0104 .box01-img {background-image:url("../images/nmain/main2-box0104.png");}
.box0105 .box01-img {background-image:url("../images/nmain/main2-box0105.png");}
.box0106 .box01-img {background-image:url("../images/nmain/main2-box0106.png");}
.box0107 .box01-img {background-image:url("../images/nmain/main2-box0107.png");}
.box0101:hover .box01-img {background-position-y: 37%;}
.box01-tit {font-size:16px;letter-spacing:-0.5px;line-height:20px;font-weight:500;color:#313131;display: flex;height: calc(100% - 110px);align-items: center;justify-content: center;}
.box0101:hover .box01-tit {color:#000;}


/* 메인 공지사항 */
.notice01 {float:left;width:705px;margin-right:45px;}
.tab_list{ }
.tab_list ul{position:relative;margin:0;padding:0;font-size:12px;list-style:none;*zoom:1}
.tab_list ul:after{display:block;clear:both;content:""}
.tab_list li{float:left;margin-bottom:-1px}
.tab_list li.m1,
.tab_list li.m2{}
.tab_list li a{float:left;position:relative;text-decoration:none}
.tab_list > ul > li > a > span{
	float: left;
	border-right: none;
	cursor: pointer;
	padding: 0px 12px 10px 12px;
	transition: 0.3s;
	font-size: 21px;
	letter-spacing:-1px;
	color:#1a1a1a;
	font-weight:500;
	position: relative;
	left: -12px;
}


.tab_list li ul{display:none;position:absolute;top:62px;left:0;width:100%;margin:0;padding:0;border:0;list-style:none;*zoom:1}
.tab_list li ul:after{display:block;clear:both;content:""}
.tab_list li li{
	float:none;
	position:relative;
	border-bottom:1px solid #dbdbdb;
	padding-bottom:20px;
	margin-bottom:18px;
}
.tab_list li li a{
	float:none;
	margin:0;
	padding:0;
	background:transparent;
	font-weight:300;
	color:#393939 !important;
	font-size:17px;
	line-height:17px;
	letter-spacing:-0.5px;	
	display: block;
	width: 85%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tab_list li li span.date {
	position: absolute;
	top: 0;right: 0px;
	font-weight: 300;
	color: #7d7d7d;
	font-size: 17px;
	line-height: 17px;
	letter-spacing: -0.5px;
}
.tab_list li li:nth-child(6) {border-bottom:none;margin:0;padding:0;}
.tab_list li li a:hover,
.tab_list li li a:active,
.tab_list li li a:focus{color:#000 !important;}
.tab_list li span.more {
	transition: 0.3s;
	width: 20px;
	height: 20px;
	background: url('../images/nmain/main-notice-more.png') no-repeat 50% 50%;
	position: absolute;
	top: -55px;
	right: 0px;
	padding-left:0px;
	cursor:pointer;
}
.tab_list li span.more:hover {
    transition: 0.2s;
    background:url('../images/nmain/main-notice-more-on.png') no-repeat 50% 50%;
}
.tab_list li span.more::after{display:none;}
.tab_list li span.more a {display:block;width:25px;height:25px;}

.tab_list.m1 .m1 a,
.tab_list.m2 .m2 a,
.tab_list.m3 .m3 a,
.tab_list.m4 .m4 a{}
.tab_list.m1 .m1 > a > span,
.tab_list.m2 .m2 > a > span,
.tab_list.m3 .m3 > a > span,
.tab_list.m4 .m4 > a > span{color:#1e4091;}
.tab_list.m1 .m1 ul,
.tab_list.m2 .m2 ul,
.tab_list.m3 .m3 ul,
.tab_list.m4 .m4 ul{display:block}
.tab_list.js_off{height:auto}
.tab_list.js_off ul{border:0}
.tab_list.js_off li{float:none;position:relative}
.tab_list.js_off li a{display:block;float:none;border:1px solid #eee !important;border-bottom-color:#ccc !important;background:#fafafa !important;font-weight:bold;color:#333}
.tab_list.js_off li ul{position:static;display:block;left:0;top:0;padding:5px 0}
.tab_list.js_off li li a{display:inline;border:0 !important;background:none !important;font-weight:normal}
.tab_list.js_off li span.more{top:0px;right:15px}
.tab_list li li span.data {font-size: 14px;position: absolute;right: 0px;color:#747474;}



/* sns 뉴스 */
.now-sns{float:left;width:350px;position:relative;padding:33px 0 0px 0px; }
.sns-tab{position:relative; padding-top: 9px;}
.sns-tab h3{width:25%; height:38px; }
.sns-tab h3 a{display:block;text-align:center; padding:10px 0px 10px 0px; border:1px solid #dcdcdc;}

#instar{position:absolute;left:0;top:-30px;}
#facebook{position:absolute;left:25%;top:-30px; }
#facebook2{position:absolute;left:25%;top:-30px;}

#youtube {position:absolute;left:50%;top:-30px;}
#youtube518tv {position:absolute;left:75%;top:-30px;}



.sns-tab .sns2 a{background:#F5F5F5;}
.sns-tab .sns2.on a{background:#fff; border-bottom:1px solid #fff;}
.sns-tab .sns2 a:hover{background:#fff;}


.sns-tab .sns1 a{background:#F5F5F5;}
.sns-tab .sns1.on a{background:#fff; border-bottom:1px solid #fff;}
.sns-tab .sns1 a:hover{background:#fff;}

.sns-tab .sns3 a{background:#F5F5F5;}
.sns-tab .sns3.on a{background:#fff; border-bottom:1px solid #fff;}
.sns-tab .sns3 a:hover{background:#fff;}


.sns-tab .sns4 a{background:#F5F5F5;}
.sns-tab .sns4.on a{background:#fff; border-bottom:1px solid #fff;}
.sns-tab .sns4 a:hover{background:#fff;}

.sns-list-wrap{clear:both;height:301px;overflow-y:auto; padding:15px 10px; word-break:break-all; border:1px solid #dcdcdc;}
.sns-list-wrap .user{overflow:hidden; width:100%; margin:0px auto 20px auto;}
.sns-list-wrap .user .photo{float:left;margin-right:10px;}
.sns-list-wrap .user .photo img{width:40px;height:40px;}
.sns-list-wrap .user .name{float:left;font-size:12px;}
.sns-list-wrap .user .icon{float:left;}
.sns-list-wrap ul{margin-bottom:10px;}
.sns-list-wrap ul li{padding:10px 0;line-height:1.25em;border-bottom:1px dotted #bcbcbc;width:98%;}
.sns-list-wrap ul li .url{color:#3da9db;font-size:11px;}
.sns-list-wrap ul li a{display:block;}

.instagram_item {float: none;width: 100%; padding-bottom: 3px;}
.instagram_item > a {display: block;width: 100%;padding-top: 100%;position: relative;background: no-repeat center center;background-size: cover;}
.instagram_item > a:before {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #000000;background: rgba(0, 0, 0, .8);background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%);background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%);background: radial-gradient(ellipse at center, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%);z-index: 1;opacity: 0;-webkit-transition: opacity .55s cubic-bezier(.215, .61, .355, 1);transition: opacity .55s cubic-bezier(.215, .61, .355, 1);}
.instagram_item p {width: calc(100% - 30px);position: absolute;left: 0;top: 50%;font-size: 13px;font-weight: 400;text-align: left;color: #fff;transform: translateY(-50%);z-index: 2;opacity: 0;-webkit-transition: opacity .55s cubic-bezier(.215,.61,.355,1);transition: opacity .55s cubic-bezier(.215,.61,.355,1);overflow: hidden;height: calc(100% - 30px);padding:15px;line-height:18px;}
.instagram_item > a:hover:before {opacity: 1;}
.instagram_item > a:hover p {opacity: 1;}

#518_youtube {display: inline-block;padding-bottom: 5px;}

/*메인의 페이스북2내용 */
.facebookfeed{text-align:left;width:94%;margin:0px auto;padding:10px;background:#FFFFFF;}

.sns4box{position:relative; margin-bottom:20px;  line-height:20px;}
.sns4_top{overflow:hidden;}
.sns4box .sns4box_logo{float:left;}
.sns4box_tit strong{font-size:14px; line-height:1.38; zoom:1; display:block; color:#3B5998;}
.sns4box_txt{line-height:1.38; padding:10px 0px;}
.sns4box_img{width:100%; display:block; text-align:center; margin-top:5px; margin-bottom:15px;} 

.sns4box_tit span{font-size:10px; color:#003E82; font-weight:bold;}



/* 팝업 슬라이드 */
.visualWrap {margin:55px auto 25px auto;width:100%;overflow: hidden;}
.visualWrap > p {font-size: 31px;line-height: 31px;letter-spacing: -2px;margin: 0px 0 -20px 0;font-weight: 300;color: #000;text-align: center;}
.visualWrap > p > span {font-weight: bold;}
.visualArea { width:1100px; margin:0 auto;position: relative; overflow: hidden;padding-top: 45px;}
.visualArea .visualBar {width:85px;height:16px;margin:0px auto 15px auto;position:relative}
.visualArea .visualBar .controller li {float:left;margin-left:5px}
.visualArea .visualBar .controller li.first {margin-left:0}
.visualArea .bbsLst { width:1300px; margin:0px auto; overflow:hidden}
.visualArea .bbsLst ul{overflow:hidden;position:relative;height:300px}
.visualArea .bbsLst ul:after{display:block;clear:both;content:""}
.visualArea .bbsLst li{overflow:hidden;float:left;position:relative;width:350px;height:350px; margin-right:25px}
.visualArea .bbsLst li .bbsCate { position:absolute;top:158px;left:0px; height:20px;line-height:20px; z-index:22}

.green{background:#60BD68; border:1px solid #60BD69}
.blue{background:#008ECE; border:1px solid #008ECd}
.lgreen{background:#A6CE39; border:1px solid #A6CE38}
.etc{background:#45677D; border:1px solid #45677c}
.orange{background:#F7941E; border:1px solid #F7941d}
.visualArea .bbsLst .thumb{display:block;overflow:hidden;position:relative;width:350px;line-height:350px;text-align:center}
.visualArea .bbsLst .thumb .img{display:block;border:0;width:100%; height:350px;overflow:hidden;}
.visualArea .bbsLst a{display:block;margin:0 auto;padding:0;text-decoration:none;cursor:pointer}
.visualArea .bbsLst a:focus{border:2px dotted #000}
.visualArea .bbsLst strong{display:inline-block;width:100%;margin:11px 0 5px 0px;color:#333; font-size:15px; text-align: center;}
.visualArea .bbsLst p{width:100%;margin:0 auto;font-size:12px;color:#666;line-height:18px;height:40px; overflow:hidden;text-align:justify}
.visualArea .bbsLst a:hover strong,.visualArea .bbsLst a:active strong,.visualArea .bbsLst a:focus strong{text-decoration:underline}

.issuezone-arrow {position:absolute;top:4px;right:0px;}
.issuezone-arrow a {line-height:0;}
.issuezone-arrow span {
	display:inline-block;
	width:1px;
	height:15px;
	background:#b3b3b3;
	position: absolute;
	top: 4px;
	right: 20px;
}
#issuezone-prev {position: relative;left: -20px;}
#issuezone-next {}

.fixed-banner {display: flex;gap: 22px;}
.fixed-banner > a {display: block;border: 1px solid #4d4d4d;box-sizing: border-box;}
.fixed-banner > a > img {}

/* 재단활동 */
.box03 {width:100%;height:323px;background:#e6e6e6;margin:55px 0;padding:55px 0 55px 0;}
.foundation-act-tit {font-size:31px;line-height:31px;letter-spacing:-2px;margin:0px 0 25px 0;font-weight:300;color:#000;text-align:center;}
.foundation-act-tit span {font-weight:bold;}
.foundation-act-tit a {position: relative;top: -2px;left: 15px;display: inline-block;line-height: 0;}
#foundation-act-box {}
#foundation-act-box li {
	overflow: hidden;
	float: left;
	position: relative;
	width: 258px;
	height: 270px;
	margin: 0px 23px 0 0;
	background:#fff;
}
.foundation-act-img {width:100%;height:190px;overflow:hidden;background-size:cover !important}
.foundation-act-img img {width:100%;}
.foundation-act-txt {font-size:16px;line-height:22px;font-weight:500;letter-spacing:-0.5px;color:#000;text-align:center;padding: 16px 25px;}
.foundation-act-arrow {position:absolute;top:15px;right:0px;}
.foundation-act-arrow a {line-height:0;}
.foundation-act-arrow span {
	display:inline-block;
	width:1px;
	height:15px;
	background:#b3b3b3;
	position: absolute;
	top: 4px;
	right: 20px;
}
#foundation-act-prev {position: relative;left: -20px;}
#foundation-act-next {}



/* 부서별 정보 */
.box04 {margin-bottom: 55px;}
.box04-tit {font-size:31px;line-height:31px;letter-spacing:-2px;margin:0px 0 25px 0;font-weight:300;color:#000;text-align:center;}
.box04-tit span {font-weight:bold;}
.box04-wrap {display:flex;gap:10px;}
.box04-wrap > a {border: 1px solid #dbdbdb;box-sizing: border-box;width: calc(20% - 8px);}
.box04-img {overflow:hidden;}
.box04-txt {font-size:17px;line-height:21px;font-weight:500;letter-spacing:-0.5px;color:#313131;padding: 18px 0;text-align: center;}
.box04-wrap > a:hover {border-color:#000;text-decoration:none;}
.box0401:hover .box04-txt {color:#000;}
.w600 {display:none;}


.box05 {width:100%;height:315px;padding-top: 15px;padding-bottom: 50px;background:#fff;/*border-top: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;*/}
.box05-line01, .box05-line02, .box05-line03 {display:none;position:absolute;top:-15px;left:0px;width:1px;height:490px;background:#dbdbdb;}
.box05-line02 {left:260px;}
.box05-line03 {left:518px;}
.box05-L {float:left;width:520px;}
.box0501 {display: flex;width: 100%;align-items: center;}
.box0501-tit {position:relative;width: 335px;font-size:20px;line-height:20px;font-weight:500;letter-spacing:-1.5px;color:#282828;}
.box0501-tit:after {position:absolute;content:'';width:1px;height: 25px;background: #dbdbdb;left: 140px;top: -2px;}
.box0501-list {width: 100%;position:relative;}
.box0501-list:after {position:absolute;content:'';width:1px;height: 25px;background: #dbdbdb;right: 0;top: 1px;}
.box0501-list01 {position:relative;float: left;width: 45%;display: flex;align-items: center;}
.box0501-list01 span {background: url('../images/nmain-box05-edu01-on.png')no-repeat;position:absolute;left:2px;display:inline-block;margin-right:12px;width:36px;height:36px;border-radius:19px;border:1px solid #282828;transition:.2s;}
.box0501-list02 span {background: url('../images/nmain-box05-edu02-on.png')no-repeat;}
.box0501-list01 p {position:relative;width: fit-content;left:51px;font-size:17px;font-weight:500;letter-spacing:-1px;color:#282828;}
.box0501-list01 div {position:relative;left:51px;font-size:14px;color:#6b6f6a;}
.box0501-list01:hover span {transition:.2s;background:#282828 url('../images/nmain-box05-edu01.png')no-repeat;}
.box0501-list02:hover span {background:#282828 url('../images/nmain-box05-edu02.png')no-repeat;}
.box0501-list01:hover p {color:#282828;}

.box0502 {display: flex;width: 100%;align-items: center;margin:43px 0 45px 0;}
.box0502-tit {position:relative;width: 335px;font-size:20px;line-height:20px;font-weight:500;letter-spacing:-1.5px;color:#282828;}
.box0502-tit:after {position:absolute;content:'';width:1px;height: 25px;background: #dbdbdb;left: 140px;top: -2px;}
.box0502-list {width: 100%;position:relative;}
.box0502-list:after {position:absolute;content:'';width:1px;height: 25px;background: #dbdbdb;right: 0;top: 1px;}
.box0502-list01 {position:relative;float: left;width: 45%;display: flex;align-items: center;}
.box0502-list01 span {background: url('../images/nmain-box05-cyber01-on.png')no-repeat;position:absolute;left:2px;display:inline-block;margin-right:12px;width:36px;height:36px;border-radius:19px;border:1px solid #282828;transition:.2s;}
.box0502-list02 span {background: url('../images/nmain-box05-cyber02-on.png')no-repeat;}
.box0502-list01 p {position:relative;width: fit-content;left:51px;font-size:17px;font-weight:500;letter-spacing:-1px;color:#282828;}
.box0502-list01:hover span {transition:.2s;background:#282828 url('../images/nmain-box05-cyber01.png')no-repeat;}
.box0502-list02:hover span {background:#282828 url('../images/nmain-box05-cyber02.png')no-repeat;}
.box0502-list01:hover p {color:#282828;}

.box0503 {position: relative;display:inline-block;width:calc(100% - 92px);border: 1px solid #dbdbdb;height:125px;background:#fff;padding:25px 45px;}
.box0503 div {
	float:left;
	width: calc(50% - 25px);
	margin-right:25px;
	font-size:17px;
	line-height:41px;
	font-weight:500;
	letter-spacing:-1px;
	color:#333;
	background:url('../images/nmain/main-box05-arrow.png') no-repeat 100% center;
	transition:.2s;
}
.box0503 div.box0503-list02, .box0503 div.box0503-list04 {width: calc(50% - 25px);margin: 0 0 0 25px;}
.box0503 div:hover {color:#000;background:url('../images/nmain/main-box05-arrow-on.png') no-repeat 100% center;transition:.2s;}
.box0503 div.box0503-bar {width: 100%;height: 1px;display: block;background: #dbdbdb;margin: 17px 0;}

/* 이달의추천자료 */
.box05-R {float:left;width:550px;padding-left:30px;}
.main_movie_box{}
.movie-wrap{width:100%;}
.movie-wrap h3{font-size:23px;line-height:23px; font-weight:500;letter-spacing:-1.5px; margin-bottom:22px;color:#282828;}
.movie{height:315px;}



/* 하단카피 */
#footers{border-top: 1px solid #ccc;width:100%; height: 212px;background:#fff; clear:both; text-align:center; padding:43px 0px 0 0;font-family:'Noto Sans Korean', sans-serif;}
.fSelectZone {position: absolute;display:flex;width: 185px; height: 40px; background:#fff;top:0px; right:0px;align-items: center;z-index: 1;border: 1px solid #ccc;}
.fSelectZone.on {background: #003686;border-top-left-radius: 0;border-top-right-radius: 0;border: none;}
.f_site {text-align: left;padding-left:25px; color:#323232;  font-size:15px; cursor:pointer; background:url('../images/nmain/family_btn.png') calc(100% - 25px) 50% no-repeat;width: 100%;}
.fSelectZone.on .f_site {color:#fff;background-image: url('../images/nmain/family_btn_on.png');}
.selectList {position: absolute; bottom: 40px;width: 100%; overflow: hidden; background:#003686;  font-size: 14px; padding: 15px 0;z-index: 0;border-bottom: 1px solid #fff;box-shadow: 0px 0px 5px rgba(0,0,0,.2);}
.selectList li {padding:3px 0 2px 25px; text-align: left;}
.selectList li a {color: #fff;font-size:14px;letter-spacing:-1px;}
.selectList li a:hover {text-decoration:underline;}
#footers .copymenu {margin:20px 0 15px 0;}
#footers .copymenu a{ color:#000;font-size:17px;line-height:17px;letter-spacing:-0.5px; padding:0px 7px;}
#footers .add{color:#666;margin-top:10px; font-size:14px;line-height:20px;}
#footers .copyright{color:#666;font-size:14px;line-height:20px;}

.footer-logo {}

.top00{position: fixed; bottom: 10px; right: 10px; z-index: 99990; display: block;}
.sub{background:url("../images/main_bg.gif") repeat-x 50% 0px;}

.sub_bg{background:url("../images/main_bg22.gif") repeat-x 0px 0px;}


/* 퀵메뉴 */
.quick {position:absolute;	top:0px;	width:80px;	right:-95px; text-align:center; display:block; z-index:9;background:#fff;}
.quick h2{width:100%; background:#928E88; color:#fff;  padding-top:16px; padding-bottom:16px; font-size:11px; font-weight:bold;}
.quick ul li {position:relative;}
.quick ul li::after {content:'';position:absolute;width: 50px;height: 1px;background: #ddd;left: 15px;}
.quick_sub_01{background:url('../images/nmain/main-box0101.png') no-repeat center 20%;background-size: 60%;}
.quick_sub_02{background:url('../images/nmain/main-box0102.png') no-repeat center 20%;background-size: 60%;}
.quick_sub_03{background:url('../images/nmain/main-box0103.png') no-repeat center 20%;background-size: 60%;}
.quick_sub_04{background:url('../images/nmain/main-box0104.png') no-repeat center 20%;background-size: 60%;}
.quick_sub_05{background:url('../images/nmain/main-box0105.png') no-repeat center 20%;background-size: 60%;}
.quick_sub_06{background:url('../images/nmain/main-box0106.png') no-repeat center 20%;background-size: 60%;}
.quick_sub_06::after {display:none;}

.quick a {display:block; padding-top:62px;  padding-bottom:12px; color:#1a1a1a;  font-weight:bold; }


.sub_visual{display:block; width:100%;height:290px;position:absolute;top:0px;}
.s_visual{
	width:100% !important;
	height:290px !important;
	background-color:#6a6a6a;
	background-image:url("../images/nmain/sub-visual01.jpg");
	background-position:center 0;
	background-repeat:repeat-x;
}
.s_visual01{
	background-image:url("../images/nmain/sub-visual01.jpg");
	background-position:center 0;
	background-repeat:repeat-x;
}
.s_visual02{
	background-image:url("../images/nmain/sub-visual02.jpg");
	background-position:center 0;
	background-repeat:repeat-x;
}
.s_visual03{
	background-image:url("../images/nmain/sub-visual03.jpg");
	background-position:center 0;
	background-repeat:repeat-x;
}
.s_visual04{
	background-image:url("../images/nmain/sub-visual04.jpg");
	background-position:center 0;
	background-repeat:repeat-x;
}
.s_visual05{
	background-image:url("../images/nmain/sub-visual05.jpg");
	background-position:center 0;
	background-repeat:repeat-x;
}
.s_visual06{
	background-image:url("../images/nmain/sub-visual06.jpg");
	background-position:center 0;
	background-repeat:repeat-x;
}
.sub_visual_box {width: 100%;height: 120px;}

/* 서브컨텐츠 */
.sub_container{width:1100px; margin:0px auto; }
#sub {	position:relative;	 text-align: left;	 margin:0 auto;	clear:both;  background:#ffffff; min-height: 700px; width: 100%; float: left;}
#sidebar {    display: inline;    float: left;    width: 209px;      line-height: 1.5em; padding-bottom:40px;}
#sidebar h2.sidetitle {     padding: 85px 0 20px 0px; min-height:75px;    color: #fff;   background:#003586;  font-size: 26px; text-align:center; font-weight: bold; display:block;letter-spacing: -1px; }
#sidemenu {    padding: 26px 0px 0px 1px;}
.left_menu LI { margin:0px; }
.left_menu LI a{ display: block; font-size:15px;  background:url('../images/icon_left_off.gif') no-repeat 3px 22px; border-bottom:1px #ddd solid; padding:15px 0px 15px 16px; font-weight:bold;color:#8a8a8a;}
.left_menu LI a:hover,.left_menu LI a.on {display: block; background:url('../images/icon_left_on.gif') no-repeat 3px 22px;  text-decoration:none; color:#333333; font-weight:bold; }  


  /* 로그인 */
.left_menu00 LI { margin:0px; }
.left_menu00 LI a{ display: block; font-size:15px;  background:url('../images/icon_left_off.gif') no-repeat 3px 22px; border-bottom:1px #ddd solid; padding:15px 0px 15px 16px; font-weight:bold;color:#8a8a8a;}
.left_menu00 LI a:hover,.left_menu00 LI a.on {display: block; background:url('../images/icon_left_on.gif') no-repeat 3px 22px;  text-decoration:none; color:#333333; font-weight:bold; }  
 
 /* 레프트01 */  
.left_menu01 LI { margin:0px; }
.left_menu01 LI a{ display: block; font-size:14px;  background:url('../images/icon_left_off.gif') no-repeat 0px 22px; border-bottom:1px #ddd solid; padding:15px 0px 15px 10px; font-weight:bold;color:#8a8a8a;}
.left_menu01 LI a:hover,.left_menu01 LI a.on {display: block; background:url('../images/icon_left_on.gif') no-repeat 0px 22px;  text-decoration:none; color:#333333; font-weight:bold; }  
.left_menu01 > li > ul.side_3dep {background:#F5F5F5; padding:10px 0px;}
.left_menu01 > li > ul.side_3dep > li > a{ font-weight:normal; display: block; border:none; font-size:12px; background: url('../images/dot03_on.png') no-repeat 40px 8px;color:#838383; padding:2px 20px 2px 20px;}
.left_menu01 > li > ul.side_3dep > li > a:hover,.left_menu01 > li > ul.side_3dep > li > a.on{ color:#000; font-weight:bold; background: url('../images/dot03_on.png') no-repeat 40px 8px;}
 

 /* 레프트02 */
.left_menu02 LI { margin:0px; }
.left_menu02 LI a{ display: block; font-size:15px;  background:url('../images/icon_left_off.gif') no-repeat 3px 22px; border-bottom:1px #ddd solid; padding:15px 0px 15px 16px; font-weight:bold;color:#8a8a8a;}
.left_menu02 LI a:hover,.left_menu02 LI a.on {display: block; background:url('../images/icon_left_on.gif') no-repeat 3px 22px;  text-decoration:none; color:#333333; font-weight:bold; }  
.left_menu02 > li > ul.side_3dep {background:#F5F5F5; padding:10px 0px;}
.left_menu02 > li > ul.side_3dep > li > a{ font-weight:normal; display: block; border:none; font-size:12px; background: url('../images/dot03_on.png') no-repeat 40px 8px; color:#838383; padding:2px 20px 2px 81px;}
.left_menu02 > li > ul.side_3dep > li > a:hover,.left_menu02 > li > ul.side_3dep > li > a.on{ color:#000; font-weight:bold; background: url('../images/dot03_on.png') no-repeat 40px 8px;}
 

 /* 레프트03 */
.left_menu03 LI { margin:0px; }
.left_menu03 LI a{ display: block; font-size:15px;  background:url('../images/icon_left_off.gif') no-repeat 3px 22px; border-bottom:1px #ddd solid; padding:15px 0px 15px 16px; font-weight:bold;color:#8a8a8a;}
.left_menu03 LI a:hover,.left_menu03 LI a.on {display: block; background:url('../images/icon_left_on.gif') no-repeat 3px 22px;  text-decoration:none; color:#333333; font-weight:bold; }  
.left_menu03 > li > ul.side_3dep {background:#F5F5F5; padding:10px 0px;}
.left_menu03 > li > ul.side_3dep > li > a{background: none;font-weight:normal; display: block; border:none; font-size:12px; color:#838383; padding:2px 20px;    letter-spacing: -0.5px;}
.left_menu03 > li > ul.side_3dep > li > a:hover,.left_menu03 > li > ul.side_3dep > li > a.on{ color:#000; font-weight:bold; }
 

 /* 레프트04 */
.left_menu04 LI { margin:0px; }
.left_menu04 LI a{ display: block; font-size:15px;  background:url('../images/icon_left_off.gif') no-repeat 3px 22px; border-bottom:1px #ddd solid; padding:15px 0px 15px 16px; font-weight:bold;color:#8a8a8a;}
.left_menu04 LI a:hover,.left_menu04 LI a.on {display: block; background:url('../images/icon_left_on.gif') no-repeat 3px 22px;  text-decoration:none; color:#333333; font-weight:bold; }  
.left_menu04 > li > ul.side_3dep {background:#F5F5F5; padding:10px 0px;}
.left_menu04 > li > ul.side_3dep > li > a{ font-weight:normal; display: block; border:none; font-size:12px;  color:#838383; padding:2px 20px;background:none;}
.left_menu04 > li > ul.side_3dep > li > a:hover,.left_menu04 > li > ul.side_3dep > li > a.on{ color:#000; font-weight:bold;background:none; }
 
 /* 레프트05 */
.left_menu05 LI { margin:0px; }
.left_menu05 LI a{ display: block; font-size:14px;  background:url('../images/icon_left_off.gif') no-repeat 0px 22px; border-bottom:1px #ddd solid; padding:15px 0px 15px 10px; font-weight:bold;color:#8a8a8a;}
.left_menu05 LI a:hover,.left_menu05 LI a.on {display: block; background:url('../images/icon_left_on.gif') no-repeat 0px 22px;  text-decoration:none; color:#333333; font-weight:bold; }  
.left_menu05 > li > ul.side_3dep {background:#F5F5F5; padding:10px 0px;}
.left_menu05 > li > ul.side_3dep > li > a{ font-weight:normal; display: block; border:none; font-size:12px;  color:#838383; padding:2px 20px;}
.left_menu05 > li > ul.side_3dep > li > a:hover,.left_menu05 > li > ul.side_3dep > li > a.on{ color:#000; font-weight:bold; }
 
 /* 레프트06 */
.left_menu06 LI { margin:0px; }
.left_menu06 LI a{ display: block; font-size:15px;  background:url('../images/icon_left_off.gif') no-repeat 3px 22px; border-bottom:1px #ddd solid; padding:15px 0px 15px 16px; font-weight:bold;color:#8a8a8a;}
.left_menu06 LI a:hover,.left_menu06 LI a.on {display: block; background:url('../images/icon_left_on.gif') no-repeat 3px 22px;  text-decoration:none; color:#333333; font-weight:bold; }  
.left_menu06 > li > ul.side_3dep {background:#F5F5F5; padding:10px 0px;}
.left_menu06 > li > ul.side_3dep > li > a{ font-weight:normal; display: block; border:none; font-size:12px;   color:#838383; padding:2px 20px;}
.left_menu06 > li > ul.side_3dep > li > a:hover,.left_menu06 > li > ul.side_3dep > li > a.on{ color:#000; font-weight:bold; }
 
 /* 레프트07 */
.left_menu07 LI { margin:0px; }
.left_menu07 LI a{ display: block; font-size:15px;  background:url('../images/icon_left_off.gif') no-repeat 3px 22px; border-bottom:1px #ddd solid; padding:15px 0px 15px 16px; font-weight:bold;color:#8a8a8a;}
.left_menu07 LI a:hover,.left_menu07 LI a.on {display: block; background:url('../images/icon_left_on.gif') no-repeat 3px 22px;  text-decoration:none; color:#333333; font-weight:bold; }  
.left_menu07 > li > ul.side_3dep {background:#F5F5F5; padding:10px 0px;}
.left_menu07 > li > ul.side_3dep > li > a{ font-weight:normal; display: block; border:none; font-size:12px;   color:#838383; padding:2px 20px;}
.left_menu07 > li > ul.side_3dep > li > a:hover,.left_menu07 > li > ul.side_3dep > li > a.on{ color:#000; font-weight:bold; }
 
ul.side_4dep {background:#aaa;padding:5px 0;margin-top:3px;}
ul.side_4dep > li > a{ font-weight:normal; display: block; border:none; font-size:12px;   color:#fff; padding:2px 5px 2px 20px;background:none;}
ul.side_4dep > li > a:hover, ul.side_4dep > li > a.on{ color:#fff; font-weight:bold; }



#sub_contents {  width: 830px; float: right; margin-top:60px;  line-height:2.0em; margin-bottom: 56px;}  

#contents_head {    position: relative;    top: 0px;    height: 70px;    padding: 0px;  /*  overflow: hidden; */ }
.contentsTitle {    position: relative;    top: 0px;    height: 55px;    padding: 0px; margin-bottom:20px;    border-bottom: 3px solid #333333;}
.contentsTitle h3 {    float: left;    padding:0px 0 0 0;    font-size: 28px;  height: 50px;     font-weight: 600; color: #3c3c3c; letter-spacing:-0.5px; display:block; line-height: 1.5em;letter-spacing: -2px; }
.contentsLocation {  position: absolute;   right:0px;    color: #888888;    font-size: 13px;    margin-top: 20px; /*font-weight: 700;*/ line-height: 1.5em;}
.contentsLocation strong{color:#555;}
#contents_area{ font-size: 13px; line-height: 2.0em; color: #464646; z-index:50; padding-top:20px;}





/* 표 */
table.pyo_cart {font-size:13px; color:#333333; border-top:2px solid #dfdfdf; border-bottom:2px solid #dfdfdf; width:100%; margin:5px 0 20px 0px; letter-spacing:0pt; font-weight: normal;}
table.pyo_cart.cen{text-align:center;}
table.pyo_cart img {vertical-align:middle;}
table.pyo_cart th {border:1px solid #dfdfdf; height:44px; color:#444444; background:#f3f3f3; text-align:center; font-weight:bold; line-height:140%;padding:0px 10px 0px 10px;}
table.pyo_cart th.gray {border:1px solid #ebebeb; height:30px; color:#333333; background:#f8f8f8; text-align:center; font-weight:normal;}
table.pyo_cart th.L {border-left:1px solid #ffffff;}
table.pyo_cart th.R {border-right:1px solid #ffffff;}
table.pyo_cart td{border:1px solid #dfdfdf;  padding:10px 5px 10px 5px;  text-align:center; height:25px; line-height:160%;}
table.pyo_cart td.L{border:1px solid #dfdfdf;  padding:8px 5px 10px 15px; text-align:left; line-height:180%;}
table.pyo_cart td.L2{border:1px solid #dfdfdf;  padding:8px 5px 10px 15px; text-align:left; line-height:180%;background:#f8f8f8;}
table.pyo_cart td.R {border:1px solid #dfdfdf; padding:3px 7px 0px 0px; text-align: right;}
table.pyo_cart td.gray {border-right:1px solid #ffffff; font-weight:bold;}
table.pyo_cart td ul li {margin-left:10px;}

/* 표 */
table.pyo_nopd {font-size:13px; color:#333333; border-top:2px solid #dfdfdf; border-bottom:2px solid #dfdfdf; width:100%; margin:5px 0 20px 0px; letter-spacing:0pt; font-weight: normal;}
table.pyo_nopd.cen{text-align:center;}
table.pyo_nopd img {vertical-align:middle;}
table.pyo_nopd th {border:1px solid #dfdfdf; height:44px; color:#444444; background:#f3f3f3; text-align:center; font-weight:bold; line-height:140%;padding:0px 10px 0px 10px;}
table.pyo_nopd th.gray {border:1px solid #ebebeb; height:30px; color:#333333; background:#f8f8f8; text-align:center; font-weight:normal;}
table.pyo_nopd th.L {border-left:1px solid #ffffff;}
table.pyo_nopd th.R {border-right:1px solid #ffffff;}
table.pyo_nopd td{border:1px solid #dfdfdf;  padding:10px 5px 10px 5px;  text-align:center; height:25px; line-height:160%;}
table.pyo_nopd td.L{border:1px solid #dfdfdf;  padding:8px 5px 10px 15px; text-align:left; line-height:180%;}
table.pyo_nopd td.L2{border:1px solid #dfdfdf;  padding:8px 5px 10px 15px; text-align:left; line-height:180%;background:#f8f8f8;}
table.pyo_nopd td.R {border:1px solid #dfdfdf; padding:3px 7px 0px 0px; text-align: right;}
table.pyo_nopd td.gray {border-right:1px solid #ffffff; font-weight:bold;}
table.pyo_nopd td ul li {margin-left:10px;}


/* 표  060402  수입·지출현황*/
table.pyo_nopd02 {font-size:12px; color:#333333; border-top:2px solid #dfdfdf; border-bottom:2px solid #dfdfdf; width:100%; margin:5px 0 20px 0px; letter-spacing:0pt; font-weight: normal;}
table.pyo_nopd02.cen{text-align:center;}
table.pyo_nopd02 img {vertical-align:middle;}
table.pyo_nopd02 th {border:1px solid #dfdfdf; height:44px; color:#444444; background:#f3f3f3; text-align:center; font-weight:bold; line-height:140%;padding:0px 0px 0px 0px;}
table.pyo_nopd02 th.gray {border:1px solid #ebebeb; height:30px; color:#333333; background:#f8f8f8; text-align:center; font-weight:normal;}
table.pyo_nopd02 th.L {border-left:1px solid #ffffff;}
table.pyo_nopd02 th.R {border-right:1px solid #ffffff;}
table.pyo_nopd02 td{border:1px solid #dfdfdf;  padding:10px 0px 10px 0px;  text-align:center; height:25px; line-height:160%;}
table.pyo_nopd02 td.L{border:1px solid #dfdfdf;  padding:8px 0px 10px 0px; text-align:left; line-height:180%;}
table.pyo_nopd02 td.L2{border:1px solid #dfdfdf;  padding:8px 0px 10px 0px; text-align:left; line-height:180%;background:#f8f8f8;}
table.pyo_nopd02 td.R {border:1px solid #dfdfdf; padding:3px 3px 0px 0px; text-align: right;}
table.pyo_nopd02 td.gray {border-right:1px solid #ffffff; font-weight:bold;}
table.pyo_nopd02 td ul li {margin-left:10px;}


/*메인이벤트*/
.main_event_wrap{margin:20px 0px 50px 0px; height: 64px;}
.main_event_wrap li{width:32.6%; float:left;}
.main_event_wrap li.main_event01{margin-right:1%;}
.main_event_wrap li a img{width:100%;}

/* 자료상세 */
.viewPage .info{height:100%; padding:22px 0 0 0; background:url('/_KOR518/img/shop/view_detail_tline.gif') no-repeat;}
.viewPage .info:after{content:" "; display:block; float:none; clear:both;}
.viewPage .info .photo{overflow:hidden; float:left; width:45%; height:305px; line-height:305px;border: 1px solid #e0e0e0; border-bottom: 2px solid #d1d1d1;text-align:center;}
.viewPage .info .photo:after{content:" "; white-space:pre; margin-left:-0.6em;}
.viewPage .info .photo img{vertical-align:middle;}
.viewPage .info .photo img#viewImg0 {max-width:100%;height:100%;}
.viewPage .con {float:right; width:50%;}
.viewPage .con .name h3{color:##432c0a;}
.viewPage .con dl{height:100%; padding:10px 0px; margin:5px 0 0 0;  border-top: 1px solid #ddd;}
.viewPage .con dl:after{content:""; display:block; float:none; clear:both;}
.viewPage .con dl dt{display:inline; float:left; width:20%; height:35px; text-indent:18px; border-bottom: 1px #ddd dotted;}
.viewPage .con dl dt img{margin:8px 0 0 0;}
.viewPage .con dl dd{display:inline; float:left; width:80%; height:35px; line-height:30px; border-bottom: 1px #ddd dotted;}
.viewPage .con dl dd span.free{display:inline-block; font-weight:bold; font-size:14px; color:#930; line-height:26px;}
.viewPage .con dl dd input,
.viewPage .con dl dd select{margin:5px 0 0 0;}

.viewPage .detail{margin:30px 0 0 0; padding:10px 0 40px 0; border-top:1px solid #666; border-bottom:1px solid #ccc; word-break:break-all;}
.viewPage .detail .txt{ margin-top:10px;padding:10px 0; line-height:20px; word-wrap:break-word; word-break:break-all; height:100%; overflow:hidden;}
.viewPage .detail .txt:after{content:""; display:block; float:none; clear:both;}
.viewPage .detail .txt img {max-width:100%;height:auto !important;}
.viewPage .detail h5{height:16px; padding:15px 0 8px 0; line-height:16px; border-bottom:1px solid #ccc;}

.viewPage .con .button_box {margin-top:15px; text-align:center;}
.viewPage .con .button_box .btn01 {display:inline-block; font-size:15px; font-weight:500; color:#AE0004; padding:14px 60px;  margin-right:5px; border:1px solid #AE0004; /*border-radius:5px;transition: all .2s;*/}
.viewPage .con .button_box .btn01:hover {color:#fff; background:#AE0004;transition: all .2s;}
.btn02 {display:inline-block;  font-size:15px;line-height:15px; font-weight:500; color:#333; padding:15px 46px;  margin-right:5px; border:1px solid #333; /*border-radius:5px;transition: all .2s;*/}
.btn02:hover {color:#fff; background:#333;transition: all .2s;}

.btn03 {display:inline-block;  font-size:15px;line-height:15px; float:left; font-weight:500; color:#333; padding:15px 46px;  margin-right:5px; border:1px solid #333; /*border-radius:5px;transition: all .2s;*/}
.btn03:hover {color:#fff; background:#333;transition: all .2s;}

p.tit{line-height:20px; margin-bottom:20px;}
p.tit02{line-height:20px; margin-bottom:0px; font-size: 12px;}

.bt_btn{text-align: center; padding:10px 0 0 0;}
.lineup {  display: inline-block;}
.lineup a{display: inline-block; outline: none;}
input[type="submit"], input[type="button"], button {  cursor: pointer; }



.pics1{width:32.5%; float:left; margin-bottom:5px; margin-right:1%;}
.pics2{width:32.5%; float:left; margin-bottom:5px; margin-right:1%;}
.pics3{width:32.5%; float:left; margin-bottom:5px; }
.pics3 img{width:100%;}

/*.main_event_wrap li.main_event01{margin-right:0px;}*/
.pics img{width:100%;}

#main_event_all{  display: block;   position: relative;}
#main_event_all ul{display: block;   position: relative; width:100%; margin-top:20px;}

#main_event_all ul li.main_event_btn{width:100%; text-align: center;     cursor: pointer; margin:10px 0px;}
#main_event_all ul li.main_event_btn ul li{float:left; margin-bottom:1%;}
#main_event_all ul li.main_event_btn ul li.mr1{margin-right:1%;}
#main_event_all ul li a {
  display: block;
}
#main_event_all ul ul {
  display: none;
}



/* 인풋*/
.btn_ok {  font-size: 15px;line-height:15px;padding:15px 57px 15px 57px; float: left; margin-right:5px;  font-weight:500; border:1px solid #AE0004;	color:#AE0004; transition: all .2s;}
.btn_ok:hover,.btn_ok:active {color:#fff; background:#AE0004;transition: all .2s;}

.btn_notapply {  font-size: 15px;line-height:15px;padding:13px 57px 9px 57px; float: left; margin-right:5px;  font-weight:500; border:1px solid #AE0004;	color:#AE0004; transition: all .2s;}
.btn_notapply:hover,.btn_ok:active {color:#fff; background:#AE0004;transition: all .2s;}

.btn_ok03 {color:#dcdcdc; background:#53443C url('../images/ok.png') 40px center no-repeat; font-size:16px;line-height:16px;padding:17px 50px 18px 50px;  float:left; border:0px;  transition: all .2s; }
.btn_ok03:hover,.btn_ok03:active {color:#fff; background:#AE0004;transition: all .2s;}

.btn_ok05 {  font-size: 15px;line-height:15px;padding:15px 57px 15px 57px; background:#53443C url('../images/ok.png') 40px center no-repeat; float: left; margin-right:5px;  font-weight:500; border:1px solid #928E88;	color:#fff; transition: all .2s;}
.btn_ok05:hover,.btn_ok05:active {color:#fff; background:#AE0004;transition: all .2s;}


.btn_apply {  font-size: 15px;line-height:15px;background:#53443C url('../images/ok.png') 40px center no-repeat; padding:15px 57px 15px 57px; float: left; margin-right:5px;  font-weight:500; border:1px solid #928E88;	color:#fff; transition: all .2s;}
.btn_apply:hover {color:#fff; background:#AE0004;transition: all .2s;}


.btn_ok_board {  font-size: 15px;line-height:15px;padding:14px 20px 15px 20px; float: left;  background:#AE0004 url('../images/ok.png') 40px center no-repeat; margin-right:5px;  font-weight:500; border:1px solid #AE0004;	color:#fff; transition: all .2s;}
.btn_ok_board:hover,.btn_ok_board:active {color:#fff; background:#790003;transition: all .2s;}



/*일반*/

.btn_list_board {  font-size: 15px;line-height:15px;background:#928E88 url('../images/ok.png') 40px center no-repeat; padding:10px 30px 11px 30px; float: left; margin-right:5px;  font-weight:500; border:1px solid #928E88;	color:#fff; transition: all .2s;}
.btn_list_board:hover {color:#fff; background:#53443C;transition: all .2s;}


.btn_ok02 {  font-size: 15px;line-height:15px;background:#928E88 url('../images/ok.png') 40px center no-repeat; padding:17px 10px 18px 10px; float: left; margin-right:5px;  font-weight:500; border:1px solid #928E88;	color:#fff; transition: all .2s;}
.btn_ok02:hover {color:#fff; background:#53443C;transition: all .2s;}


.btn_cancel {  font-size: 15px;line-height:15px;background:#53443C; padding:15px 57px 15px 57px; float: left; margin-right:5px;  font-weight:500; border:1px solid #928E88;	color:#fff; transition: all .2s;}
.btn_cancel:hover {color:#fff; background:#1E1815;transition: all .2s;}

.btn_list {  font-size: 15px;line-height:15px;background:#53443C; padding:15px 57px 15px 57px; float: left; margin-right:5px;  font-weight:500; border:1px solid #928E88;	color:#fff; transition: all .2s;}
.btn_list:hover {color:#fff; background:#1E1815;transition: all .2s;}

.btn_listdel {  font-size: 15px;line-height:15px;background:#eee; padding:13px 15px 13px 15px;margin-right:5px;  font-weight:500; border:1px solid #C2C2C2;	color:#555; transition: all .2s;}
.btn_listdel:hover {color:#fff; background:#1E1815;transition: all .2s;}


.btn_ok04 {  font-size: 15px;line-height:15px;padding:14px 46px;  float: left; margin-right:5px;  font-weight:500; border:1px solid #AE0004;	color:#AE0004; transition: all .2s;}
.btn_ok04:hover,.btn_ok03:active {color:#fff; background:#AE0004;transition: all .2s;}

.btn_write {  font-size: 15px;line-height:15px;background:#53443C; padding:8px 40px 8px 40px; float: left; margin-right:5px;  font-weight:500; border:1px solid #928E88;	color:#fff; transition: all .2s;}
.btn_write:hover {color:#fff; background:#1E1815;transition: all .2s;}

/*pdf*/
.btn_pdf {  font-size: 13px;background:#fff url('../images/pdf.jpg') no-repeat 16px center; padding:13px 19px 13px 42px; text-align:left; float: left; margin-right:5px;  font-weight:500; border:1px solid #928E88;	color:#555; transition: all .2s;}
.btn_pdf:hover {color:#E84500; background:#fff url('../images/pdf.jpg') no-repeat 16px center;;transition: all .2s;  border:1px solid #FC6F32;	}



.thumb_grid{width:870px; overflow:hidden;}
.thumb_grid ul.thumb_row{width: 100%;margin-left:-40px; text-align:center;}
/*.thumb_grid ul.thumb_row li:first-child{margin-left:0px; padding-left:0px;}*/
.thumb_grid ul.thumb_row li{position: relative; float: left;width: 177px;/* height: 285px;*/  margin-bottom:20px;margin-left: 40px;}
.thumb_grid ul li a.thumb img{width:100%; height:255px; border:1px solid #ccc;}

.thumb_grid ul.thumb_row li a span.category{display: block; width:100%; margin-top: 10px; line-height:20px;}
.thumb_grid ul.thumb_row li a span.category strong{display:block;} 


.btnArea{display: block;position: absolute;  left: 30%; top: 210px;}
.btnArea a.detail{ }
.btnArea a.cart{}
.btnArea a{ display:inline-block; width:30px; height:30px; background:url('../images/icon_bg.png') 0px 0px repeat; border:1px #666 solid; text-align:center; vertical-align:middle;}
.btnArea a:hover,.btnArea a:focus,.btnAreaa:active{background:#F2893B; transition: all .2s; ; border:1px #DD660F solid;}



/* 신청후기 */
.viewPage .postscript{margin:15px 0 0 0;}
.viewPage .postscript h5{height:36px; padding:8px 0 0 17px; background:url('/_KOR518/img/shop/postscript_box.gif') 0 top no-repeat;}
.viewPage .postscript .write{position:relative; margin-top:10px; padding:15px; padding-top:10px; border: 1px solid #e0e0e0; border-bottom: 2px solid #d1d1d1;}
.viewPage .postscript .write .star{position:absolute; left:16px; top:10px; color:#930; border:1px solid #cdcdcd;}
.viewPage .postscript .write .memo{margin:0 39px 0 105px; width: 70%; float: left}
.viewPage .postscript .write .memo textarea{width:100%; height:46px; border:1px solid #cdcdcd; font-size: 12px; padding:10px;}
.viewPage .postscript .write .limit{position:absolute; left:35px; top:45px; font-size:11px;}
.viewPage .postscript .write .limit strong{color:#930;}
.viewPage .postscript .write input.ok{position:absolute; right:15px; top:10px; border:0; width:70px; height:54px; background:url('/_KOR518/img/shop/postscript_write.gif') no-repeat; font-weight:bold; color:#666;}
.viewPage .postscript ul{}
.viewPage .postscript ul li{padding:15px 0; border-bottom:1px dotted #ccc;}
.viewPage .postscript ul li dl{position:relative; height:100%;}
.viewPage .postscript ul li dl:after{content:""; display:block; float:none; clear:both;}
.viewPage .postscript ul li dl dt{display:inline; float:left; width:380px; margin:0 0 0 167px; line-height:16px;}
.viewPage .postscript ul li dl dt img{vertical-align:middle;}
.viewPage .postscript ul li dl dd.star{position:absolute; left:28px; top:0;}
.viewPage .postscript ul li dl dd.writer{display:inline; float:right; margin:0; line-height:16px; font-size:11px; color:#666;}
.viewPage .postscript ul li dl dd.writer span.name{display:inline-block; font-size:12px; margin:0 20px 0 0;}
.viewPage .postscript ul li dl dd.writer span.date{width:50px; height:12px;}

.INS2 {height:25px;line-height: 25px;padding: 0px 0px 0px 10px;border: 1px solid #CCC;}
.INS3 {height:37px;line-height: 25px;padding: 0px 0px 0px 10px;border: 4px solid #8abddb; margin-top:-5px;background:#ffed77;font-size:18px;  color:#000; font-weight:bold;}
input.text{ width: 30%;height:25px;line-height: 25px;padding: 0px 0px 0px 10px;border: 1px solid #CCC;}
.t_line{border-top:2px #928E88 solid;}
.x_price{font-size:18px;  color:#AE0004;}
.tment{text-align:right}

.readcon img{width:100%;}
p.date{font-size:12px; text-align:center; margin-top: -20px;}
p.date020{font-size:12px; margin-top:0px;}
.f_12{font-size:12px;}
.ttl{margin-bottom:4px;}

.car_list_t img.car_thumb{ width:15%; margin-right:10px;}
textarea.textbox { width: 90%;   height: 46px;   border: 1px solid #cdcdcd;   font-size: 12px;   padding: 10px;}



.memo textarea.textbox{    width: 88%;    max-width: 88%;    height: 55px;    padding: 4px 3px 2px 3px;    background: #f7f7f7;    border: 0;    color: #555;    border: 1px solid #ddd;  }
.memo a.btn_ok03{position: absolute;right: 0; font-size: 15px;background: #928E88 url('../images/ok.png') 40px center no-repeat;padding: 17px 10px 18px 10px; margin-right: 5px;font-weight: 500;border: 1px solid #928E88;
color: #fff;transition: all .2s;}
.memo-list li{line-height: 23px;padding: 15px 0px;border-bottom: 1px solid #ddd;}
.memo-list li dd{}
.memo-list li dl dt span.name{font-size: 13px;color: #DD6704;vertical-align: middle; font-weight: bold;}
.memo-list li dl dt span.date{margin-left: 10px;color: #9C9EA7;font-size: 12px; vertical-align: middle;}


.pht_04{width:166px; height:214px; margin-left:10px; overflow: hidden; border-bottom: 1px #ddd solid;}
.pht_04 img{width:98%; border: 1px solid #cdcdcd; }
.pht_t{font-size:15px; font-weight:bold; margin-bottom:10px; color:#89400A; letter-spacing: -0.5px; }
.pht_list li{margin-bottom:10px;}
.mvbox{width:760px; margin:0px auto;}

.button_dn{float:right; margin-top:-60px;}

.snss_icons_box{width:100%; margin-top:20px; padding-top:20px; /* border-top:1px #ddd solid;*/ clear: both;content: "";display: block;}
.snss_icons{float:right;}
.snss_icons li{float:left; margin-left:5px;}
a.print { background: url('../images/ico_cprint.png') no-repeat 5px center; padding:6px 7px 6px 26px; border: 1px #e6e6e6 solid;}

.webv{display:block;}
.mobv{display:none;}
.webv_in_blc{display:inline-block;}

p.date_L {
    font-size: 12px;
    text-align: left;
}


/*MEMBER LOGIN*/
.member_login{width:505px; margin:0px auto;}
.member_login_box{	overflow:hidden;	margin:20px 0;}
.member_login_box p{	float:left;	margin-bottom:10px;}
.member_login_box p label{	display:inline-block;	 font-weight:700;	font-size:1.167em;}
.member_login_box p label{width:65px;}
.ie8 .member_login_box .id_check { margin-left:10px; }
.ie8 .member_login_box .id_check .check_style{	margin:10px 0 0 15px;}
.ie7 .member_login_box .id_check .check_style{	margin:10px 0 0 10px;}
.member_login_box p .label_style{margin:10px 0 10px 10px;}
.member_login_box p .member_input{width:260px;	height:28px;	padding-left:10px; padding-top:10px;	border:1px solid #ddd;}

.member_login_box .member_login_inner{width:355px;	float:left;}
.membership_area{margin:60px 0;}
.membership_area a img{width:100%;}
.order_title{ font-weight:700;font-size:2em;	color:#555; letter-spacing:-1px;}
.member_login_box .btn3_style{font-family:'나눔고딕'; cursor:pointer; border:none;	width:110px;	float:right;	margin:0 0 0 10px;	padding:35px 0;	text-align:center;	font-size:1.5em;	color:#fff;	background:#7ca0e8;	font-weight:700;	}
.btns_member{border-top:1px #ddd solid;  float:left; width: 100%; padding-top:25px; margin-top:25px;}
.btns_member li{height:32px; position: relative; width:100%; vertical-align: middle; padding:5px 0px 0px 0px; font-size:14px;}
.btns_member a{position:absolute; right:0px; text-align:center; top:0px; padding:3px 10px 3px 0px; color:#fff;  font-size:14px;}

.login_btn {  font-size: 15px;padding:36px 50px 36px 50px; float: left; background:#53443C;   font-weight:500; border:1px solid #928E88;	color:#fff; transition: all .2s;}
.login_btn:hover {color:#fff; background:#AE0004;transition: all .2s;}


.find_btn {  font-size: 13px;padding:10px 37px 10px 37px; float: left; margin-right:5px;  font-weight:500; border:1px solid #333;	color:#333; transition: all .2s;}
.find_btn:hover,.find_btn:active {color:#fff; background:#333;transition: all .2s;}
.join_btn {  font-size: 13px;padding:10px 37px 10px 37px; float: left; margin-right:5px;  font-weight:500; border:1px solid #AE0004;	color:#AE0004; transition: all .2s;}
.join_btn:hover{color:#fff; background:#AE0004;transition: all .2s;}

.member_box_loginment{text-align:center; font-size:12px; padding:10px; margin-top:20px; border-top:1px solid #eee;  width:100%; float:left;}
.member_login .button_pack {    padding: 0;    margin: 10px 0 0 0;}
.member_login .btns_member_box {width:500px; margin:0px auto 0 auto; overflow:hidden; text-align:center; position:relative;}
.member_login .btns_member_box ul {border:1px solid #eee; overflow:hidden;}
.member_login .btns_member_box li {float:left; text-align:center; width:50%; letter-spacing:-1px; color:#999; padding:20px 0;  list-style:none; overflow:hidden; font-size:12px;}
.member_login .btns_member_box li:hover {color:#000}
.member_login .upper_border {width:1px; height:100%; background:#eee; position:absolute; left:50%; top:0;}

.member_login .button_pack {padding:0; margin:10px 0 0 0;}
.member_login .button_pack a {width:115px; text-align:center;}
.button_pack {  display: inline-block;    overflow: hidden;}

.grey {color:#fff;font-size:12px;font-weight:bold; padding:5px 7px 5px 7px; background:#928E88; line-height:3em;}
.text_dotline {  font-size: 13px; font-weight:bold;  border-bottom: #b2b9b5 1px dotted;  line-height: 2.0em;  padding-bottom: 2px;}

.member_find{background: #f6f6f6;line-height: 23px;padding: 30px 25px 30px 25px;margin-top: 10px;border: #d1d1d1 1px solid;text-align: center;font-size: 13px;margin-bottom: 30px;}
.member_find strong{ color:#AE0004;}

.find_btn_email {  font-size: 13px;padding:10px 37px 10px 37px; float: left; background:#53443C; margin-right:5px;  font-weight:500; border:1px solid #53443C;	color:#fff; transition: all .2s;}
.find_btn_email:hover{color:#fff; background:#26201C;transition: all .2s;}
.find_btn_sns {  font-size: 13px;padding:10px 37px 10px 37px; float: left; background:#53443C; margin-right:5px;  font-weight:500; border:1px solid #53443C;	color:#fff; transition: all .2s;}
.find_btn_sns:hover {color:#fff; background:#26201C;transition: all .2s;}



.cm_member_agree {overflow:hidden; background:#f6f6f6; padding:20px 20px 0 20px;}
.cm_member_agree .text_box {background:#fff; border:1px solid #ccc; overflow:hidden;}
.cm_member_agree .textarea_design {margin:0 auto; background:#fff; padding:10px; width:97.4%; line-height:18px; height:150px; color:#999;}
.cm_member_agree .arrow {position:absolute; left:50%; bottom:0; margin:0 0 -16px -16px;}
.cm_member_agree .agree_check {padding:10px 0; text-align:right; overflow:hidden; position:relative;}
.cm_member_agree .agree_check label {padding:10px 0; overflow:hidden; color:#555;}
.cm_member_agree .agree_check input { margin:1px 5px 0 0}
.cm_member_agree .agree_check label:hover {color:#ff0000}
.cm_member_agree .btn_view_all {position:absolute; right:0; top:13px; background:#fff url('../images/cm_images/member_text_view.png') 15px center no-repeat; border:1px solid #ddd; padding:6px 15px 6px 35px; border-radius:30px}
.cm_member_agree .btn_view_all:hover {border:1px solid #666; background-color:#eee}



.idCheck { float: left; display: inline-block;}
.idCheck a {margin:0 5px; position:relative; float:left; font-weight:bold; height:25px; text-align:center; letter-spacing:-1px; background:#fff; border:1px #ddd solid;  color:#333; line-height:24px; padding:0 12px 0 12px;}
.idCheck a:hover,.idCheck a:active {color:#fff; background:#53443C;transition: all .2s;}


.posCheck {display: inline-block;}
.posCheck a {margin:0 5px; position:relative; font-weight:bold; height:25px; text-align:center; letter-spacing:-1px; background:#fff; border:1px #ddd solid;  color:#333; line-height:24px; padding:5px 12px 5px 12px;}
.posCheck a:hover,.posCheck a:active {color:#fff; background:#53443C;transition: all .2s;}


/* 협력기관 및 단체 */
.cooperation {	margin:0px 0 0 0;}
.cooperation ul.list {	background:url('/_KOR518/img/contents/cooperation_tline.gif') no-repeat;	}
.cooperation ul.list li {	position:relative;	padding:25px 0 20px 0;	border-top:1px dotted #ccc;}
.cooperation ul.list li.first {	border-top:0;}
.cooperation ul.list li strong {	margin:0 0 0 195px;	font-size:14px;	color:#333;	padding:0 0 0 15px;	background:url('/_KOR518/img/sub/bu_li_type1_green.gif') 0 5px no-repeat;}
.cooperation ul.list li ul {margin:18px 0 0 198px;}
.cooperation ul.list li ul li {	margin:6px 0;	padding:0 0 0 12px;	background:url('/_KOR518/img/sub/bu_li_type2.gif') 0 4px no-repeat;	border:0;}
.cooperation ul.list li ul li span.title {display:inline-block;	width:90px;	margin:0 5px 0 0;	border-right:1px solid #ccc;	font-weight:bold;}
.cooperation ul.list li div.banner {position:absolute;display:inline-block;	left:12px;	top:25px; border:1px #ccc solid; padding:5px 0px;}
.cooperation a.top {	right:0 !important;}
.cooperation_type {}
.cooperation_type ul {height:100%;}
.cooperation_type ul:after {content:"";display:block;	float:none;	clear:both;}
.cooperation_type ul li {float:left;width:33%;}
.cooperation_type ul li a {display:block;text-align:center;margin:0 0 0 1px;height:28px;line-height:28px;	border:1px solid #ddd;	text-decoration:none;}
.cooperation_type ul li a:hover {	border:2px solid #99cc33;	font-weight:bold;	height:26px;	line-height:26px;}


.numtag{width:35px; float:left;line-height:100px;}
.numtag02{width:35px; float:left;line-height:61px;}
.numtag03{width:35px; float:left;line-height:35px;}

.ng_p{float:left; margin-right:20px;  width: 120px; height: 80px; overflow: hidden; border: 1px #ddd solid;}




.alert{padding:20px; border:1px #e6e6e6 solid; border-bottom:2px #e6e6e6 solid; text-align:center;}
.btn040104{margin-top:10px;}
.btn040104 a{display:inline-block; width:100px; border:1px #ddd solid; padding:10px; }
.btn040104 a:hover{text-decoration:none; font-weight:bold;}
.btn040104 .btnMain a:hover{border:1px #213663 solid; color:#213663; }
.btn040104 .btnLogin a:hover{border:1px #C80021 solid; color:#C80021;}



@media all and  (max-width:1100px) {
.d_width {width:100%;}
.webv{display:none;}
.webv_in_blc {display:none;}
.mobv{display:block;}
.mobnone {display:block;}
body{min-width:100%; overflow-x: hidden;}

#header_wrap {background:#fff;height:150px;}
.topmenu {top:10px;right: 0px;}
.topmenu li a {color:#979797;}
.gsearch {background:rgba(0,0,0,0.22);width:155px;right:175px;height:35px;top:39px;}
.gsearch input[type="text"] {width:115px;}
.gsearch #search_btn {width: 15px;top: 10px;right: 13px;}
.userR ul {top:40px;}
.userR ul li {width:32px;}
.userR ul li img {width:100%;}
h1.logo {top:92px;left:10px;width:197px;}

.gn_area {display:none;}


.btnMenu{position:absolute;right:12px;top:107px;z-index:999;display:block;width:19px;height:17px;transition:top 0.25s ease;border:none;background:none;}
.btnMenu span{position:absolute;left:0;top:0;display:block;width:19px;height:2px;background:#0a3570;transform: rotate(0deg);-webkit-transform: rotate(0deg);transition: .25s ease-in-out;-webkit-transition: .25s ease-in-out;-webkit-border-radius:2px;border-radius:2px}
.btnMenu span:first-child{top:0px}
.btnMenu span:nth-child(2){top:7px}
.btnMenu span:nth-child(3){top:7px;visibility:hidden}
.btnMenu span:nth-child(4){top:14px}
.btnMenu.on span:first-child,
.btnMenu.on span:nth-child(4){display:none;}
.btnMenu.on span:nth-child(2){transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg)}
.btnMenu.on span:nth-child(3){visibility:visible;transform: rotate(-45deg);-o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg)}

#mGnb{position:absolute;top:0;left:-200%;margin:150px 0 0 0;width:100%;min-height:750px;background:#fff;z-index:95;transition:all 0.2s ease;border-top:1px solid #888;}
#mGnb nav{height:100%;overflow:auto; overflow-y:auto;}
#mGnb nav > ul li a{display:block;}
#mGnb nav > ul > li{position:relative;}
#mGnb nav > ul > li.first {border-top:1px solid #0a3570}
#mGnb nav > ul > li > a{position:relative;padding:0 35px 1px 35px;font-size:16px;color:#222;line-height:48px;font-weight:400;border-bottom:1px solid #dfdfdf}
#mGnb nav > ul > li > a:hover, #mGnb nav > ul > li > a:active, #mGnb nav > ul > li > a:focus {text-decoration:none;}
#mGnb nav > ul > li.has-sub > a::after{position:absolute;top:50%;right:35px;margin-top:-11px;width:23px;height:23px;content:'';background:url('../images/nmain/mgnb_arrow.png') no-repeat center center / 100%}
#mGnb nav > ul > li.has-sub.open > a::after{transform:rotate(180deg)}
#mGnb nav > ul > li.open::after{background:url('../images/nmain/mgnb_arrow-on.png') no-repeat;background-position:center center;}
#mGnb nav > ul > li.open > a{}
#mGnb nav > ul > li > ul{display:none;padding:10px 0;border-bottom:1px solid #dfdfdf;background:#f4f4f4;}
#mGnb nav > ul > li > ul > li{position:relative;padding:0 35px;}
#mGnb nav > ul > li > ul > li > a{display:inline-block;font-size:15px;color:#222;line-height:32px;padding-right:18px;/*background:url('../images/icon_dot3.gif') no-repeat 24px 50%;*/}
#mGnb nav > ul > li > ul > li > a:hover, #mGnb nav > ul > li > ul > li > a:active, #mGnb nav > ul > li > ul > li > a:focus {text-decoration:none;}
#mGnb .mGnb-menu-box {display: inline-block;width: calc(100% - 50px);margin: 15px 25px;}
#mGnb .mGnb-menu {position:relative;font-size:16px;color:#222;float: left;border: 1px solid #dfdfdf;padding: 12px 15px;width: calc(49% - 32px);background:#f4f4f4;}
#mGnb .mGnb-menu01 {margin-right:2%;}
#mGnb .mGnb-menu span {position:absolute;right:17px;}
#mGnb.on{left:0;}
#wrapper.fix{position:fixed}
.fixBg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:30}
.fixBg.on{display:block}

.main_vs {position:relative;height: 0;padding-bottom: 50%;}
.js_main_visual_box p {height: 0;padding-bottom: 50%;background-size: cover !important;}
.box {display:none;}


.box01 .d_width {height:auto;text-align:center;}
.box01-wrap {width:624px;height:370px;}
.box0101 {background:#fff;margin:0 10px 10px 0;}
.box0104 {margin-right:0px;}
.box0105, .box0106 {margin-bottom:0px;}
.box0107 {margin:0 0px 0px 0;}

.box02 {padding:5px 35px 0 35px;width: calc(100% - 70px);}
.notice01 {width: calc(100% - 375px);margin-right: 25px;}
.tab_list li ul {top:55px;}
.tab_list > ul > li > a > span {font-size:20px;padding:0px 8px 10px 8px;left: -8px;}
.tab_list li li a {font-size:16px;}
.tab_list li span.more {top:-49px;}

.visualWrap {width:725px;}
.visualWrap > p {font-size: 27px;line-height: 27px; letter-spacing: -1.5px;}
.visualArea {width:100%;}
.issuezone-arrow {top:-4px;}

.fixed-banner {flex-direction: column; width: 725px; margin: 0 auto;}
.fixed-banner02 {width: fit-content; margin: 0 auto;}

.box03 {width:calc(100% - 70px);height:auto;padding:43px 35px 47px 35px;margin:40px 0 45px 0;}
.foundation-act-tit {font-size: 27px;line-height: 27px; letter-spacing: -1.5px;}
.foundation-act-tit a {left: 12px;}
.foundation-act-tit a img {width: 18px;}
.foundation-act .caroufredsel_wrapper {width:820px !important;margin:0 auto !important;}
.foundation-act-arrow {top:32px;}

.box04-wrap {margin:0 20px;}
.box04-tit {font-size: 27px;line-height: 27px; letter-spacing: -1.5px;}
.box04-img img {width:100%;}
.box04-txt {font-size: 16px;line-height: 20px;padding: 15px 0;}

.box05 {padding-top: 0px;}
.box05-L {width:500px;}
.box05-R {width:calc(100% - 550px);padding-left:25px;}
.box05-line01, .box05-line02, .box05-line03 {top: -56px;height: 465px;}
.box05-line03 {left: 498px;}

.box0501, .box0502 {padding-left: 10%;width: 90%;}
.box0501-tit, .box0502-tit {width: 210px;}
.box0501-tit:after, .box0501-list:after, .box0502-tit:after, .box0502-list:after {display:none;}


#footers {padding:40px 0 0 0;}
.fSelectZone {right: 20px;}
#footers .add {margin-bottom:5px;}
#footers .add span {display:block;}


.sub_visual, .sub_visual_box {display:none;}

/*서브모바일*/
.sub_container{width:100%; margin-top:0px; }
#sidebar{display:none;}
#sub_contents {  width: 100%; float: none; margin-top:0px;  padding-top:0px;line-height:2.0em; margin-bottom:0px; margin-right:0px; border-left:none;}  
#sub_contents_head {  padding:0px 0% 0px 0%; }

.contentsTitle { display:none; height: 42px; }
.contentsTitle h2 {   padding:0px 0 0 0;  height:70px;  }
.contentsLocation { bottom:10px;}
#contents_area{ padding:20px 2% 50px 2%;}
#contents_area img.w100{width:100%;}
p.date{font-size:10px; text-align:center; margin-top: -10px;}


.col_5 {width:50px;}

}

@media all and  (max-width:850px) {
.notice01 {float:none;width:100%;}
.tab_list {display: inline-block;width: 100%;height: 375px !important;}
.now-sns {float:none;margin:0 auto;}
}

@media all and  (max-width:768px) {
.bx-pager {bottom: 5px;}
.bx-pager-item a.bx-pager-link {width:10px;height:10px;margin:0 2.5px;}

.visualWrap {width:350px;margin:25px auto 20px auto;}
.visualWrap > p {font-size: 21px;}
.visualWrap > p > span {display: block;}
.visualArea .bbsLst li {margin-right:0px;}

.foundation-act .caroufredsel_wrapper {width:539px !important;}

.box01 .d_width {margin: 35px auto;}

.fixed-banner {width:350px;}
.fixed-banner > a > img {width:100%;}

.box03 {}
.foundation-act-tit {font-size: 21px;}
.foundation-act-tit span {display: block;}

.box04-tit {font-size: 21px;}
.box04-tit span {display: block;}
.box04-wrap {flex-wrap: wrap;}
.box04-wrap > a {width:calc(50% - 5px);}
 
.box05 {height:auto;padding:0px 0 30px 0;}
.box05-line01, .box05-line02, .box05-line03 {display:none;}
.box05-L {float:none;width:100%;}
.box0501-list01 {width:50%;}
.box0501-list01 p {left:50px;padding-top:8px;font-size:16px;}
.box0501-list02 {left:0px;}
.box0502 {margin:25px 0;}
.box0502-list01 {width:50%;}
.box0502-list01 p {left:50px;padding-top:8px;font-size:16px;}
.box0502-list02 {left:0px;}
.box0503 {width:calc(100% - 80px);height: 120px;padding:20px;margin: 0 20px;}
.box0503 div {font-size:16px;background:url('../images/nmain/main-box05-arrow.png') no-repeat 95% center;}
.box0503 div.box0503-list02, .box0503 div.box0503-list04 {width: calc(50% - 20px);  margin: 0 0 0 20px;}
.box0503 div:hover {background:url('../images/nmain/main-box05-arrow-on.png') no-repeat 95% center;}

.box05-R {float:none;width:calc(100% - 50px);padding:35px 25px;}
.movie {height:400px;}

.box0501-list01 {float:none;width:100%;}
.box0501-list02 {margin-top:10px;}
.box0502 {height: 120px;}
.box0502-list01 {float:none;width:100%;}
.box0502-list02 {margin-top:10px;}
.box05-R {padding:25px 25px 15px 25px;}

#footers {padding: 75px 0 0 0;}
.footer-logo {display:none;}
.fSelectZone {right: inherit; top: -60px; left: 50%; margin-left: -92.5px;}

.divPopup {top:15px !important; left:2% !important;width:96% !important;}
.divPopupImg img, .divPopup_contents img {width:100% !important;}
}


@media all and  (max-width:600px) {
.w600 {display:block;}

.bx-pager {bottom:-2px;}

.box01 {height: auto;}
.box01-wrap {width:320px;height:auto;}
.box0101 {width:155px;height: 155px;margin:0 10px 10px 0;}
.box0102, .box0104, .box0106 {margin-right:0px;}
.box0107 {margin-bottom:0px;}
.box0101 .box01-img {background-size:30%;height: 90px;}
.box01-tit {height: calc(100% - 90px);font-size:15px;}

.tab_list li li a {width:98%;}
.tab_list li li span.date {display:none;}
.tab_list > ul > li > a > span {font-size:18px;padding:0px 5px;left:-5px;}

/* sns 뉴스 */
.now-sns{float:none;width:100%;position:relative;padding:33px 0 30px 0px;margin: 20px auto 0 auto;}
.sns-list-wrap {height: 210px;}

.foundation-act .caroufredsel_wrapper {width:320px !important;}
#foundation-act-box li {width:320px;margin:0;}

.movie{ height:300px;}

#footers {padding:75px 0 25px 0;height:auto;}
#footers .copymenu {margin:18px 0 12px 0;}
#footers .copymenu a {font-size: 15px;line-height: 15px;}
#footers .add, #footers .copyright {font-size:13px;}

}

@media all and  (max-width:420px) {
.box02 {padding: 5px 20px 0 20px;width: calc(100% - 40px);}
.tab_list {height:310px !important;}
.tab_list li ul {top:47px;}
.tab_list li li {padding-bottom: 15px;margin-bottom: 13px;}
.tab_list li li a {font-size:15px;}
.tab_list > ul > li > a > span {font-size: 17px;left: -10px;letter-spacing: -1.5px;}
.tab_list li span.more {top:-44px;background-size: 16px;}

.visualWrap {width:320px;}
.visualArea .bbsLst li {width: 320px;height: 320px;}
.visualArea .bbsLst .thumb {width: 320px;height: 320px;}
.visualArea .bbsLst .thumb .img {height:320px;}

.fixed-banner {width: 320px;}

.box03 {padding: 40px 20px 40px 20px; width: calc(100% - 40px);margin:35px 0 40px 0;}

.movie{ height:200px;}
}

@media all and  (max-width:340px) {
.box01-wrap {width:280px;}
.box0101 {width: 135px;}

.visualWrap {width:280px;}
.visualArea .bbsLst li {width: 280px;height: 280px;}
.visualArea .bbsLst .thumb {width: 280px;height: 280px;}
.visualArea .bbsLst .thumb .img {height:280px;}

.tab_list > ul > li > a > span {font-size: 16px;padding: 0px 3px;}

.fixed-banner {width: 280px;}

.foundation-act .caroufredsel_wrapper {width: 280px !important;}
#foundation-act-box li {width: 280px;}
}