@import url("common.css");
@import url("sub_style.css");
@import url("sub_member.css");

.br_pc{display:block;}

#visual {position:relative; overflow:hidden; width:100%; text-align:center; padding:240px 3% 90px 3%; box-sizing:border-box; background-size:cover; background-repeat:no-repeat; background-position:center; opacity:1}
#visual .subtop{position:absolute; top:0; left:0; width:100%; height:calc(100% + 5px); background-position:center 0; background-repeat:no-repeat; background-size:cover; background-color:#000; z-index:-1; animation:animate_background 2s ease-in-out;}
#visual .subtop.subtop_edu {background-image:url('/html/images/sub/subtop_edu.jpg')}
#visual .subtop.subtop_teacher {background-image:url('/html/images/sub/subtop_teacher.jpg')}
#visual .subtop.subtop_comm {background-image:url('/html/images/sub/subtop_comm.jpg')}
#visual .subtop.subtop_center {background-image:url('/html/images/sub/subtop_center.jpg')}
#visual .subtop.subtop_mypage {background-image:url('/html/images/sub/subtop_mypage.jpg')}
#visual .subtop.subtop_other {background-image:url('/html/images/sub/subtop_other.jpg')}

	@keyframes animate_background {
		0% {transform: scale(1.12); -ms-transform: scale(1.12); -webkit-transform: scale(1.12); }
		100%  {transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); }
		}

#visual .vtxt {opacity:1}
#visual .vtxt h3 {font-size:2.777rem; color:#fff; font-weight:700; letter-spacing:-1pt; line-height:1; margin:23px 0 19px}
#visual .vtxt .location {font-size:1rem; color:rgba(255,255,255,0.8); letter-spacing:-0.5pt; line-height:1;}
#visual .vtxt .location a {font-size:inherit; color:inherit; letter-spacing:inherit; line-height:inherit; display:inline-block; }
#visual .vtxt .location a .lnbHome {position:relative; top:-2px;}
#visual .vtxt .location i {display:inline-block; margin:0 15px; vertical-align:middle; position:relative; top:-2px;}



#contents{position:relative; margin:0 auto; opacity:1}

.clearfix{content:''; display:block; clear:both;}

.lnbWrap {position:Relative; background:#fff; opacity:1; overflow:hidden;}
.lnb {position:relative; overflow:visible !important; top:0; width:100%; margin:0 auto; background:#fff; box-sizing:border-box; border-bottom:1px solid #ddd}
	.lnb ul {position:relative;  text-align:center; width:100%; margin:0 auto; width: auto; justify-content:center ;}
	.lnb li {/* position:relative; margin:0 15px; display:inline-block; z-index:999; */ float: left; padding: 0 30px; width: auto;}
	.lnb li:first-child{padding: 0 30px;}
	.lnb li a {position:relative; font-size:1rem; display:block; line-height:70px; transition: all 0.3s linear; height:70px; letter-spacing:-0.35pt; font-weight:400}
	/*.lnb li a:before {position:absolute; left:50%; transform:translate(-50%, 0); bottom:-12px; display:block; content:""; width:23px; height:23px; border-radius:23px; background-color:rgba(227,50,18,0.2); opacity:0; transition: all 0.3s linear; z-index:1}*/
	.lnb li a:after {position:absolute; left:50%; transform:translate(-50%, 0); bottom:-4px; display:block; content:""; width:100%; height:7px; border-radius:7px; background-color:#209ad7; opacity:0; transition: all 0.3s linear; z-index:2}
	.lnb li a:hover::before {opacity:1}
	.lnb li a:hover::after {opacity:1}
	.lnb li a:hover {display:block; color:#222;}

	.left_linktop a {display:block; color:#222 !important; font-weight:600 !important; text-decoration: none !important;}
	.left_linktop a:before {opacity:1 !important}
	.left_linktop a:after {opacity:1 !important}

	.pr_tab{position: relative;  overflow:hidden; margin:0 auto 50px auto; max-width:1280px; text-align:center; }
	.pr_tab ul{display:inline-block;*dispaly:inline;zoom:1;}
	.pr_tab li{float:left;margin-left:-1px;z-index:1; position:relative; display:inline-block;}
	.pr_tab li a{width:246px; background:#fff; border:1px solid #ddd; box-sizing: border-box; font-size:1rem; text-align:center;letter-spacing:-0.35pt; color:#666; display:block; line-height:100%; padding:20px 0; transition: all 0.3s linear; font-weight:400;}
	.pr_tab li a.hover{color:#fff; border:1px solid #00487d; background:#00487d}
	.pr_tab li a:hover{color:#fff; background:#00487d; border-color:#00487d}


.contentArea{float:left; width:780px; overflow:hidden;}
.contentArea_wide{width:100%; overflow:hidden;}
#contents .tit_area{width:100%; overflow:hidden; text-align:center}
	#contents p.location {float:right; font-size:12px; color:#777; padding:15px 0 0 0}
	#contents p.location a:link, .tit_area p.location a:visited{font-size:12px; color:#777; }
	#contents p.location a:hover{color:#222;}
	#contents p.location img{vertical-align:middle; margin-bottom:2px;}
	#contents h3.title {color:#333; font-weight:700; font-size:2.222rem; line-height:1.2;letter-spacing:-1.8pt; text-align:center; padding:80px 0 50px 0;}	

.contents_in {position:relative; clear:both; min-height:400px; *zoom:1;}


/***  ***/
.point_txt{font-weight:bold; color:#333; letter-spacing:-0.5pt;}

.tmar_0 {margin-top:0 !important}
.tpad_10{padding-top:10px}
.tpad_20{padding-top:20px}
.tpad_35{padding-top:35px}
.bpad_5{padding-bottom:5px}
.bpad_10{padding-bottom:10px}
.bpad_20{padding-bottom:20px}
.bpad_25{padding-bottom:25px}
.bpad_30{padding-bottom:30px}
.bpad_40{padding-bottom:40px}
.bpad_50{padding-bottom:50px}

.con_tit{font-size:20px; line-height:24px; letter-spacing:-1.5pt; color:#444; font-weight:700; padding:0 0 15px 0;}
.con_tit span.thin{line-height:24px; letter-spacing:-1.5pt; color:#444; font-weight:100;}


.table_style {width:100%; border-collapse:separate; border-spacing:0px;}
.table_style th {color:#222; font-weight:400; text-align:left; padding:20px ; border-bottom:1px solid #ddd; letter-spacing:-0.5pt; font-size:1rem; line-height:1.2;}
.table_style td {color:#222; font-weight:400; text-align:left; padding:20px ; border-bottom:1px solid #ddd; letter-spacing:0; font-size:1.25rem; text-align:right; line-height:1.2;}
.table_style td.big_num {font-size:3.75rem; font-weight:700; padding:24px 20px}
	.table_style td.big_num img {width:auto; margin-right:15px}
.table_style td img {width:9px; margin-right:7px}

.table_style2 {width:100%; border-collapse:separate; border-spacing:0px; border-top:2px solid #00487d;}
.table_style2 th {color:#222; font-weight:600; text-align:center; padding:20px ; border-bottom:1px solid #ddd; letter-spacing:-0.5pt; font-size:1rem; line-height:1.4; background:#f3f5f8; border-right:1px solid #ddd;}
.table_style2 th:last-child {border-right:none}
.table_style2 td {font-weight:300; text-align:left; padding:20px ; border-bottom:1px solid #ddd; letter-spacing:0; font-size:1rem; text-align:left; line-height:1.4; border-right:1px solid #ddd}
.table_style2 td:last-child {border-right:none}
.table_style2 td.center {text-align:center; color:#333}
.table_style2 td.tit {font-weight:600; font-size:1rem;}
.table_style2 td img {width:10px; margin-right:8px}
.table_style2 .left {text-align:left !important; font-weight:400}
.table_style2 .stxt {margin-top:5px}


.borderBox {border:1px solid #ddd; padding:30px}
	.dot {}
	.dot li {position:relative; letter-spacing:-0.35pt; padding:0 0 8px 12px; font-weight:400; line-height:1.5;}
	.dot li:last-child {padding-bottom:0}
	.dot li:before {display:block; content:""; width:4px; height:4px; background:#00a2de; position:absolute; top:13px; left:0}
	.dot li.dot_tit{position:relative; letter-spacing:-0.35pt; padding:0 0 8px 0; font-weight:600; line-height:1.6; font-size:1.125rem; color:#004174;}
	.dot li.dot_tit:before {display:none;}


.responsive-dim{display:none;}


.linkBtn {display:block; width:200px; letter-spacing:-0.35pt; color:#999; line-height:60px; border-radius:60px; border:1px solid #ddd; transition: all 0.3s linear; text-align:center; margin:0 auto;}
	.linkBtn i {display:inline-block; vertical-align:middle; width:15px; height:15px; background:url('/ir/img/linkBtn.png') center center/100% no-repeat; margin-right:10px; transition: all 0.3s linear;}
	.linkBtn:hover {color:#fff; background:#00487d; border-color:#00487d}
	.linkBtn:hover i {background-image:url('/ir/img/linkBtn_up.png')}

.linkBtn2 {display:block; width:250px; letter-spacing:-0.35pt; color:#00487d; line-height:60px; border-radius:60px; border:1px solid #00487d; transition: all 0.3s linear; text-align:center; margin:70px auto 0 auto; font-weight:400}
	.linkBtn2 i {display:inline-block; vertical-align:middle; width:15px; height:15px; background:url('/ir/img/linkBtn.png') center center/100% no-repeat; margin-right:10px; transition: all 0.3s linear;}
	.linkBtn2:hover {color:#fff; background:#00487d; border-color:#00487d}
	.linkBtn2:hover i {background-image:url('/ir/img/linkBtn_up.png')}


.sub_title{font-size:1.5rem; line-height:1.4; letter-spacing:-1pt; color:#333; font-weight:300; margin-bottom:40px; text-align:center}
.sub_mtxt {font-size:1.125rem; letter-spacing:-0.5pt; color:#333; text-align:center}

.m_stit {position:relative; line-height:1; letter-spacing:-0.5pt; color:#333; font-weight:700; font-size:1.75rem; margin-bottom:25px}

.m_sstit {position:relative; line-height:1; letter-spacing:-0.35pt; color:#333; font-weight:500; font-size:1.125rem; margin-bottom:10px}

.dep_tit {position:relative; color:#222; line-height:1; font-weight:700; letter-spacing:-0.75pt; font-size:1.75rem; padding:0 0 25px 36px; background:url('/img/ci.png') left 2px/26px no-repeat; margin-top:80px}

.point_tit {position:relative; margin:20px 0 24px; display:table; width:100%; border-radius:10px; overflow:hidden;}
	.point_tit dt {display:table-cell; vertical-align:middle; width:50px;font-size:0.937rem; font-weight:700; background:#f04e30; color:#fff; text-align:center;}
	.point_tit dd {display:table-cell; vertical-align:middle; width:calc(100% - 50px); font-size:1.125rem; letter-spacing:-0.5pt; color:#333; font-weight:700; background:#f3f5f8; line-height:1.4; padding:11px 20px}

.grayBg {background:#f3f5f8}











/********  ********/

.about_con {}
	.about_top {position:relative; margin-bottom:60px}
	.about_top .about_top_img {position:relative; overflow:hidden; border-radius:0 150px 0 150px}
	.about_top .about_top_img img {}
	.about_top img.ci {position:absolute; bottom:-40px; left:50%; transform:translate(-50%, 0); width:17.56%}

	.about_dia {margin:50px 0}



.point_con {}
	.point_dia {margin-top:40px}

	.point_con .point_table {display:table; width:100%; margin-top:40px}
	.point_con .point_table dl {display:table-cell; vertical-align:top; width:47.6%}
	.point_con .point_table dt {text-align:center; font-size:1.25rem; font-weight:400; line-height:1; color:#fff; letter-spacing:-0.5pt; padding:16px 0; background:#5e5e5e}
	.point_con .point_table dd {padding:30px; border:1px solid #ddd; border-top:none;}
	.point_con .point_table dd .dot {margin-bottom:30px}
	.point_con .point_table dd .dot:last-child {margin-bottom:0}
	.point_con .point_table dd img {width:100%}

	.point_con .point_table dl.plus {width:4.8%; vertical-align:middle;}
	.point_con .point_table dl.plus dt {background:none;}

	.point_con .point_table.one {}
	.point_con .point_table.one dl {}
	.point_con .point_table.one dl.space {width:4.8%;}
	.point_con .point_table.one dd {padding:30px 0 0 0; border:none;}






/* 연혁 */
.his_in{position:relative; margin-bottom:60px;}
.his_in:after{content: '';display: block;clear: both;}
.his_in .his_img{float: left; width: 50%; box-sizing: Border-box; padding:0px 0px 0px 60px;}
.his_imgblock{display:none;}
.his_in:nth-child(even) .his_img{ float: right; }
.his_in:nth-child(odd) .his_img{text-align:right; padding:0px 60px 0px 0px;}
.his_in .his_img img{max-width: 100%;}

.his_in:nth-child(odd) ul{float: right; text-align: left;  padding: 0 0 0 60px;}
.his_in:nth-child(even) ul{float:left; }
.his_in ul{float: right;  text-align: right; width: 50%;box-sizing: Border-box; padding: 0 60px 0 0;}

.his_table {position:relative; overflow:hidden; padding:0 0 9px 0px;}
.his_in:nth-child(even) .his_table{padding:0 0px 9px 0}
.his_in:nth-child(even) .his_table:before{left: calc(100% + 7px);}

.his_table:last-child{padding-bottom:0}
.his_table dd {position:relative; line-height:28px;  text-align:left; color:#777; letter-spacing:-0.5pt; font-weight:300; font-size:1rem; float:left; width: calc(100% - 50px); word-break: keep-all;}
.his_table dd.col{color:#f57b20}
.his_table dt{color:#333; letter-spacing:-0.5pt; line-height:28px; font-size:1rem; width:50px; float:left; font-weight:700}
.his_in:nth-child(even) .his_table dt{float:right;}
.his_in:nth-child(even) .his_table dd{text-align:right;}
.his_in:nth-child(even) .his_table dd:before{left: calc(100% + 7px);}
.his_in:nth-child(even) li.year{text-align: right;}


.his_in ul{position:relative; float:right; width:50%; box-sizing:Border-box;}
.his_in ul:before {display:block; content:""; width:9px; height:9px; background:#0082cd;  border-radius: 15px; box-sizing: border-box; position:absolute; top:9px; left:-4px; z-index:1}
.his_in ul:after{ width:9px; height:9px;  content: '';display: block; background-color: #0082cd; border-radius: 50%; position: absolute; left:-4px; top:9px; z-index: -1; animation: dots 1.5s ease-in-out infinite;}
.his_in:nth-child(even) ul:before{left: calc(100% + -4px);}
.his_in:nth-child(even) ul:after{right: -5px;left: auto;}
.his_in li.year{font-family: 'Montserrat', sans-serif; font-size:2rem; line-height:100%; color:#004b85; font-weight:700; text-align:left; margin-bottom:20px; }
.his_in li.year:before {display:block; content:""; width:5%; height:1px; background:#ddd; position:absolute; top:14px; left:0; z-index:-2}
.his_in:nth-child(even) li.year:before{left: calc(100% + -48px);}


.tableWrap_his{position:relative; overflow:hidden; padding-top:60px}
.tableWrap_his:before{content:""; width:10px; height:10px; display:block; background:#d8d8d8; border-radius: 10px;  position: absolute; top: 0; left:50%; transform:translateX(-50%); z-index:2}
.tableWrap_his:after {display:block; content:""; background:#ddd; width:1px; height:100%; position:absolute; top:0; left:50%;     z-index: -2;}
/*.tableWrap ul{position:relative; float:right; width:50%; padding-left:70px; box-sizing:Border-box;}
.tableWrap ul:before {display:block; content:""; width:15px; height:15px; background:#fff; border:4px solid #009fa8;  border-radius: 15px; box-sizing: border-box; position:absolute; top:11px; left:-8px; z-index:9}*/
.tableWrap_his li{}

.his_in li.year a{font-size:2rem; line-height:100%; color:#333; font-weight:700; text-align:left; margin-bottom:12px; }
.his_in li.days{position: relative;}

	
@keyframes dots {
    0%{
      opacity: 0.5;
      transform: scale(1);
    }
    100%{
      opacity: 0;
      transform: scale(4);
    }
}







/* 오시는길 */
.root_daum_roughmap{width:100% !important; padding:0 !important; border:none !important;}
.root_daum_roughmap .wrap_map{height:500px !important;}
.roughmap_maker_label{display:none;}


.map_con{position:relative; margin-top:20px;}
.map_con:after{content:''; display:block; clear:both}
.map_con2{position:relative;}
.map_con2:after{content:''; display:block; clear:both}

.location_con{position:relative; overflow:hidden;}
.location_con h4.sub_title{margin-bottom:25px}
.location_con .con1{position:relative; overflow:hidden; border-bottom:1px solid #ddd; padding:20px 20px 27px 20px; margin-top:20px;}
.location_con .con1 dl{position:relative; overflow:hidden; display:inline-block; margin-right:30px;}
.location_con .con1 dt{width:40px; margin-right:10px; float:left; color:#333; font-size:16px; line-height:22px; letter-spacing: -0.3pt; font-weight:700}
.location_con .con1 dd{float:left; font-size:16px; width: calc(100% - 50px); line-height:22px; letter-spacing:-0.3pt;}



.location_con2 {position:relative; overflow:hidden;}
.location_con2 .mtbox{position:relative; border:1px solid #ddd; border-top:none; padding:25px 25px 15px 25px; margin-bottom:60px}
.location_con2 .mtbox ul{position:relative; overflow:hidden;}
.location_con2 .mtbox li{position:relative; overflow:hidden; margin-bottom:5px}
.location_con2 .mtbox li p.sub_txt{text-align:left;}
.location_con2 .mtbox li:nth-child(2){float:left; margin-right:20px;}
.location_con2 .mtbox li:nth-child(3){float:left;  margin-right:20px;}
.location_con2 .mtbox li:nth-child(4){float:left;}
.location_con2 .mtbox li:nth-child(5){clear:both;}
.location_con2 .mtbox li span.tit{font-weight:700; color:#333; line-height:26px; letter-spacing: -0.3pt; margin-right:10px;}
.location_con2 .mtbox li span{line-height:26px; letter-spacing: -0.3pt; float:left;}


.locationBtn2{position:absolute; top:25px; right:25px}
	.locationBtn2 .print_btn2{display:inline-block; margin-right:5px; background:#e36410; border:1px solid #e36410; box-sizing:border-box;  color:#fff; font-size:15px; text-align:center; letter-spacing:-0.3pt; width:140px; line-height:54px;  height:54px; transition: all 0.8s, color 0.2s 0.2s;}
	.locationBtn2 .print_btn2 span:after{position: relative; top: 2px; content:''; display:inline-block; width:20px;margin-right:10px; height:18px; background:url('/html/images/sub/pr.png') center no-repeat; background-size:20px;}
	.locationBtn2 .print_btn2:hover{color:#fff; box-shadow:0 84px 0 0 #e36410 inset, 0 -84px 0 0 #e36410 inset; color:#fff;border-color:#e36410;}
	

.locationBtn{position:absolute; top:0px; right:20px}
	.locationBtn .detail_btn{display:inline-block;  background:#fff; border:1px solid #e36410; box-sizing:border-box; color:#222; font-size:15px; text-align:center; letter-spacing:-0.3pt; width:140px; line-height:54px;  height:54px; transition: all 0.8s, color 0.2s 0.2s;}
	.locationBtn .detail_btn span:after{position: relative; top: 2px; content:''; display:inline-block; width:19px;margin-right:10px; height:19px; background:url('/html/images/sub/map.png') center no-repeat; background-size:19px; transition: all 0.8s, color 0.2s 0.2s;}
	.locationBtn .detail_btn:hover{color:#fff; box-shadow:0 84px 0 0 #e36410 inset, 0 -84px 0 0 #e36410 inset; color:#fff;border-color:#e36410;}
	.locationBtn .detail_btn:hover span:after{background:url('/html/images/sub/map2.png') center no-repeat; background-size:19px; }
	.locationBtn .print_btn{display:inline-block; margin-right:5px; background:#e36410; border:1px solid #e36410; box-sizing:border-box;  color:#fff; font-size:15px; text-align:center; letter-spacing:-0.3pt; width:140px; line-height:54px;  height:54px; transition: all 0.8s, color 0.2s 0.2s;}
	.locationBtn .print_btn span:after{position: relative; top: 2px; content:''; display:inline-block; width:20px;margin-right:10px; height:18px; background:url('/html/images/sub/pr.png') center no-repeat; background-size:20px;}
	.locationBtn .print_btn:hover{color:#fff; box-shadow:0 84px 0 0 #ff6600 inset, 0 -84px 0 0 #ff6600 inset; color:#fff;border-color:#ff6600;}








	/*********** List *************/
	.file_icon_list{position: relative;  overflow:hidden; font-size:0; padding:0 10px}
	.file_icon_list img{margin-left:0 !important; }
	.file_icon_list a{margin-right:5px;}
	.file_icon_list a:last-child{margin-right:0}


	.bbs_con {width:100%; border-collapse:separate; border-spacing:0; background:#fff}
	.bbs_con th {color:#222; font-weight:400; font-size:1rem; letter-spacing: -0.5pt; text-align:center; padding:14px 0; border-bottom:1px solid #bbb; border-top:2px solid #222;}
	.bbs_con td {padding:14px 0; text-align:center; border-bottom:1px solid #e9e9e9}
	.bbs_con .mo_line{display:none}
	.bbs_con td img{margin-left:5px}
	.bbs_con td.left {text-align:left; padding-left:10px;}



/*  */
.board_con {width:100%; border-collapse:separate; border-spacing:0; background:#fff}
	.board_con th {color:#222; font-weight:400; font-size:1rem; letter-spacing: -0.5pt; text-align:center; padding:14px 0; border-bottom:1px solid #bbb; border-top:2px solid #222;}
	.board_con td {padding:14px 10px; text-align:center; border-bottom:1px solid #e9e9e9}
	.board_con .mo_line{display:none}
	.board_con td img{max-width:100%}
	.board_con td.left {text-align:left; padding-left:30px;}

/*  */
.policy_con{position:relative; overflow:hidden; letter-spacing:-0.3pt}
	.cont_title{font-size:1.333rem; color:#333; padding-bottom:18px; letter-spacing:-1px; font-weight:700;}
	p.cont_tit {display:block; font-size:1rem; padding-bottom:10px; font-weight:700; color:#004b85 !important; letter-spacing:-0.5pt}
	p.cont_tit span {font-size:1rem; font-weight:400; color:#666 !important; letter-spacing:-0.5pt}
	.cont_txt {padding:0px 0px 35px 0; letter-spacing:-0.5pt}
	.cont_txt p.txt_title { font-size:1.067rem; color:#222; letter-spacing:-0.5pt; }
	.cont_txt p.txt_title span { font-size:1rem; color:#666; letter-spacing:-0.5pt; }
	.cont_txt2 {padding-bottom:35px; letter-spacing:-0.5pt}
	.cont_box {padding:30px; background:#f4f4f4; margin:7px 0px 10px 0px; display:block; letter-spacing:-0.5pt; font-size:0.888rem;}

	.privacy_list {width:100%; overflow:hidden; clear:both; *zoom:1; padding:4% 4% 3% 4%; border:1px dashed #ddd; margin-bottom:50px; box-sizing:border-box}
	.privacy_list li {width:49%; float:left; padding:0 10px 1% 0; box-sizing:border-box;}
	.privacy_list li a {font-weight:bold; letter-spacing:-0.5pt} 


/********  ********/
.sitemap_cont{overflow:hidden; clear:both;}
	.sitemap_cont dl{float:left; width:22.75%; margin:0 3% 4% 0}
	.sitemap_cont dl:nth-child(4n) {margin-right:0}
	.sitemap_cont dl:last-child {margin:0}
	.sitemap_cont dt{border-top:2px solid #333; text-align:center; color:#222; padding:16px 0 ; margin-bottom:12px; border-bottom:1px solid #aaa; font-weight:400; background:#fff; font-size:1.176rem; border-top:2px solid #222} 
	.sitemap_cont dd {padding:4px 0; text-align:center; }
	.sitemap_cont dd:last-child{border-bottom:1px solid #ddd; padding:4px 0 18px 0}
	.sitemap_cont dd a{box-sizing:border-box;transition: all 0.3s linear;}
	.sitemap_cont dd a:hover{color:#1d5ca0;}



.paging{width:100%; text-align:center; margin:20px auto;  }
.navi{margin:20px 0; padding:10px; text-align:center;}
.navi .navi_page a{ margin:4px 2px;padding:4px 5px; border:1px solid #fff; font-size:0.888rem; border-radius:4px; font-family:Montserrat; color:#666 }
.navi .navi_on{margin:4px 2px;padding:4px 10px; color:#000; border:1px solid #fff; font-size:0.888rem; border-radius:4px;  font-family:Montserrat; font-weight:700;}






/*******************************************************************************
	@media ~1280px
*******************************************************************************/
@media all and (max-width:1280px) { 

#visual {}
#visual h3 {}

.lnbWrap .location {}



/* 오시는 길*/
.location_con .con1{padding:0; border:none; margin-top:30px;}
.locationBtn{position: relative;top: 0; right: 0; margin-top: 30px; }
.locationBtn .print_btn{width:49.5%; margin-right:1%}
.locationBtn .detail_btn{width:49.5%}



}

/*******************************************************************************
	@media ~1100px
*******************************************************************************/
@media all and (max-width:1100px) { 



}

/*******************************************************************************
	@media 769~980px
*******************************************************************************/
@media all and (max-width:980px) { 

.br_pc{display:none;}

.pr_tab { width:94%; margin:0 3% 30px;}
.pr_tab ul {display:block;}
.pr_tab li {width:33.33%;}
.pr_tab li a {width:100%}


.table_style th {padding:15px}
.table_style td {padding:15px}
.table_style td.big_num {font-size:2.8rem}
.table_style td.big_num img {margin-right:10px; width:15px}

.table_style2 th {padding:15px}
.table_style2 td {padding:15px}

.borderBox {padding:20px}
.dot li {padding-bottom:3px}

.linkBtn {}
.linkBtn2 {margin:50px auto 0 auto}


.sub_title {margin-bottom:30px}

.m_stit {font-size:1.5rem}

.dep_tit {margin-top:60px}

.point_tit {margin:20px 0 20px;}
	.point_tit dt {}
	.point_tit dd {}

/********  ********/
/*  */
.about_con {}
	.about_top {margin-bottom:50px}
	.about_top .about_top_img {border-radius:0 120px 0 120px}

	.about_con .table_style2 {}
	.about_con .table_style2 colgroup {display:none;}
	.about_con .table_style2 th {width:160px}

	.about_dia {margin:40px 0}


/*  */
.point_con {}
	.point_dia {margin-top:30px}





/* 연혁 */
.his_in{margin-bottom:40px;}
.his_in ul{padding:0 40px 0 0 }
.his_in:nth-child(odd) ul{padding:0 0 0 40px}
.his_in:nth-child(even) ul:after{}
.his_in li.year{font-size:24px;}
.his_in ul:before{ left:-5px}
.his_in ul:after{left:-5px;}

.his_table dd:before{top:12px;}
.his_in:nth-child(even) li.year:before{left: calc(100% + -30px);}
.his_in .his_img{padding:0 0 0 40px}
.his_in:nth-child(odd) .his_img{padding:0 0 0 110px; text-align:left}






/* 오시는 길 */
.root_daum_roughmap .wrap_map{height:360px !important}
.location_con h4.sub_title{margin-bottom:20px}
.location_con .con1{padding:0; margin-top:20px;}
.location_con .con1 dt{font-size:15px;}
.location_con .con1 dd{font-size:15px;letter-spacing: -0.2pt;}
.location_con .con1 dl{margin-bottom:10px; display:block; margin-right:0}


.locationBtn{margin-top:20px;}
.locationBtn .detail_btn{width: 100%; text-align: center; font-size: 14px; letter-spacing: -0.3pt; height: auto; padding: 10px 0; line-height:30px}
.locationBtn .print_btn{display:none;}


.location_con .con2 li{padding:25px 20px 25px 100px; width:100%; margin-right:0}
.location_con .con2 li:nth-child(2){margin-bottom:2.5641025641%}
.location_con .con2 li p.sub_txt{margin-top:10px;}
.location_con .con2 li p.sub_txt .none{display:none;}






	.bbs_con th{font-size:15px;}
	.bbs_con td{font-size:15px;}




#visual {padding:150px 3% 80px 3%}
#visual .vtxt h3 {font-size:2.5rem}
#visual .vtxt p {font-size:1rem}

.lnb ul {position:relative; text-align:center; width:100%; justify-content:center ;}
.lnb li {padding: 0 3%; width: auto;}
.lnb li:first-child{padding: 0 3%;}
.lnb li a {line-height:60px; height:60px; font-size:1rem}

#contents .tit_area {}
#contents h3.title {font-size:2.111rem; padding:60px 0 30px}

.dep_tit {font-size:1.5rem; padding:0 0 20px 26px; background-position:left 3px; background-size:20px}



/*  */
.board_con th{font-size:15px;}
.board_con td{font-size:15px;}
	

}

/*******************************************************************************
	@media 681 ~ 768px
*******************************************************************************/
@media all and (max-width:768px) { 


.table_style th {padding:12px 10px}
.table_style td {padding:12px 10px; font-size:1.1rem}
.table_style td.big_num {font-size:2.4rem}
.table_style td.big_num img {margin-right:8px; width:12px}

.table_style2 th {padding:12px 10px;}
.table_style2 td {padding:12px 10px; font-size:0.937rem;}

.tableWrap_his{ width: 100%; overflow-x: auto; position: relative;}
.tableWrap_his table{width:800px;}
.tableWrap_his img.table_img {width:800px; max-width:none;}

.responsive-dim{position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.6);z-index: 2; display:block;}
.responsive-dim p{position: absolute;top: 50%; left: 0;right: 0; text-align: center; transform: translate(0,-50%);}
.responsive-dim span{display: block; margin-top: 10px;color: #fff; font-weight: 600; font-size: 14px; letter-spacing: -0.3pt;}
.responsive-dim img{width:40px;}


.linkBtn {width:160px; line-height:45px}
	.linkBtn i {width:12px; margin-right:8px}


	/*********** List *************/
	.bbs_con {border-top:2px solid #222}
	.bbs_con th {display:none}
	.bbs_con td {padding:8px;}
	.bbs_con .pc_line{display:none}
	.bbs_con .mo_line{display:block}

	.m_notice{background:#e10012; color:#fff; font-size:12px; text-align:center; font-weight:600; line-height:100%; width:40px; padding:4px 0}
	.mo_line .list_cate{color:#858585; font-size:12px; letter-spacing:-0.55pt; line-height:20px; padding:0 0 3px}
	.mo_line .list_cate .notice{display:inline-block; width:36px; line-height:20px; margin:0 7px 0 0; text-align:Center; font-size:12px; color:#fff; letter-spacing:-0.55pt; background:#f1001c; border-radius:20px}
	.mo_line .subject, .mo_line .subject a{font-size:14px; font-weight:600; color:#333; letter-spacing:-0.55pt;}
	.mo_line .writer {overflow:hidden; clear:both; }
		.mo_line .writer li{float:left; font-size:12px; color:#777; padding:0 6px; background:url('image/bbs_list_line.gif') no-repeat left center;}
		.mo_line .writer li:first-child{padding-left:0; background:none;}
	.mo_line .img{vertical-align:middle; margin:0 0 3px}
	.mo_line .re_icon{display:inline-block; float:left; padding:7px 7px 0 0 }
	.mo_line .list{float:left; }
	.mo_line .commentBg{display:block; position:absolute; right:3px; top:30%; width:30px; height:30px; text-align:center; line-height:30px; background:url('image/comment_bg.gif') no-repeat center;  font-size:PT Sans; font-size:10px; color:#858585; font-weight:400; }
	.mo_line .recom{background:url('image/recom.gif') no-repeat left center; background-size:11px 10px; padding:0 0 0 13px; font-size:PT Sans; font-size:10px; color:#858585;}




	.file_icon_list2{position: relative;  overflow:hidden; font-size:0;  margin-top:3px; padding:5px 10px; background:#f3f5f8 }
	.file_icon_list2 .fit{font-size:12px; float:left; letter-spacing:-0.3pt; margin-right:5px; width:45px;}
	.file_icon_list2 .file_box{width: calc(100% - 50px); float:left;}
	.file_icon_list2 img{margin-left:0 !important; width:13px}
	.file_icon_list2 a{margin-right:5px;}
	.file_icon_list2 a:last-child{margin-right:0}

/*  */
.board_con {border-top:2px solid #222}
	.board_con th {display:none}
	.board_con td {padding:15px 10px; position:relative;}
	.board_con .pc_line{display:none}
	.board_con .mo_line{display:block; text-align:left}
	.board_con td.mo_line h6 {color:#222; line-height:1.2; font-size:1.1rem; /* padding-right:120px */; margin-bottom:5px}
	.board_con td.mo_line ul {/* padding-right:120px */ }
	.board_con td.mo_line li {display:block; font-size:0.882rem; padding:0 0 2px 85px; position:relative; color:#777; font-weight:400}
	.board_con td.mo_line li:last-child {padding-bottom:0}
	.board_con td.mo_line li:after {display:none; vertical-align:middle; width:1px; height:10px; background:#ddd; margin:0 6px 2px 10px; content:""; marign:0 3px 2px 8px}
	.board_con td.mo_line li:last-child:after {display:none}
	.board_con td.mo_line li span {position:absolute; top:0; left:0; color:#333}
	.board_con td.mo_line .logo_img {position:absolute; top:50%; transform:translate(0, -50%); right:10px; max-height:25px}





/* 연혁 */
.tableWrap_his{background-position:left 1px top; padding-top:40px; padding-left:30px;}
.tableWrap_his:before{left:11px; transform: translateX(0%); width:9px; height:9px}
.tableWrap_his:after{left:15px; }
.his_in{margin-bottom:30px; }
.his_in ul{width:100%}
.his_in ul:before{top:4px; left:-19px}
.his_in ul:after{left:-19px; top:4px}
.his_in:nth-child(even) ul:after{right:auto; left:-19px;}
.his_in li.year{font-size:1.5rem; width:70px;}
.his_in li.year:before{top:8px; width:30px; left:-12px;}
.his_table dd{line-height:20px; width: calc(100% - 80px);}
.his_table dt{line-height:20px; text-align: left; width:80px}
.his_table:before{top:12px;}


.his_in:nth-child(even) ul{float:left;}
.his_in:nth-child(even) .his_table dt{float:left;}
.his_in .his_img{float:none; clear:both; width: 100%; box-sizing: Border-box; }
.his_in:nth-child(even) ul:before{left:-19px}
.his_in:nth-child(even) li.year:before{left:-12px}
.his_in:nth-child(even) li.year{text-align:left;}
.his_in:nth-child(even) ul{padding:0 0 0 40px}
.his_in:nth-child(even) .his_table dd{text-align:left;}
.his_in:nth-child(even) .his_table dd:before{left:-10px}
.his_in:nth-child(even) .his_table:before{left:-10px}
.his_in:nth-child(even) .his_table{padding: 0 0 9px 0px;}
.his_in:nth-child(even) .his_table:last-child{padding: 0 0 0 0px;}


.his_in .his_img.none{display:none;}
.his_imgblock{position: relative; overflow: hidden; display:block; padding:15px 0 0 110px;}
.his_imgblock img{max-width:100%}





}

/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px) { 



#visual {padding:100px 3% 40px 3%}
#visual .vtxt h3 {font-size:2.222rem; margin:18px 0 15px}


	/*  */
	.lnbWrap .lnb{display:block;}
	.lnbWrap .lnb .swiper-wrapper{display:block; white-space:nowrap; text-align:center; font-size:0;}
	.lnbWrap .lnb .swiper-wrapper li{float:none; display:inline-block;}
	/*  */

	.lnb {position:relative; top:0; width:100%; margin:0 0 !important; padding:0 3%; box-sizing:border-box;}
	.lnb ul {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;
	display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;
	transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box; height:60px; } 
	
	.lnb:after{position:absolute; display:block; content:""; overflow:hidden; right:0; top:0; width:20px; height:100%; z-index:999;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.9+0,1+100 */
		background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}

	.lnb ul {height:50px;} 
	.lnb li {-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:100%;display:inline-block; -webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform; float: none; display: inline-block; width: auto;}
	/* .lnb li:first-child{padding:0 9px 0 40px;}
	.lnb li:last-child{padding:0 40px 0 9px;} */
	.lnb li a {font-size:1rem; line-height:50px; height:50px; font-weight:normal}
	/*.lnb li a:before {width:18px; height:18px; bottom:-9px}*/
	.lnb li a:after {width:100%; height:4px; bottom:-2px}

#contents .tit_area {}
#contents h3.title {font-size:1.777rem; padding:50px 0 30px}


.tableWrap_his table{width:700px;}
.tableWrap_his img.table_img {width:700px; max-width:none;}

.dep_tit {font-size:1.3rem; padding:0 0 20px 26px; background-position:left top; background-size:18px; margin-top:40px}

.linkBtn2 {margin:30px auto 0 auto; line-height:45px; width:200px}



.sub_title {margin-bottom:20px}

.m_stit {margin-bottom:15px}
	.m_stit .moreBtn {margin-top:-6px}

.m_sstit {font-size:1.1rem; margin-bottom:8px}

.borderBox {padding:15px}
.dot li {padding-bottom:1px}
.dot li:before {top:10px;}


.point_tit {margin:15px 0 15px;}
	.point_tit dt {font-size:1.1rem; width:35px;}
	.point_tit dd {font-size:1.1rem; width:calc(100% - 35px); padding:10px}

/********  ********/
/*  */
.about_con {}
	.about_top {margin-bottom:40px}
	.about_top .about_top_img {border-radius:0 80px 0 80px}

	.about_con .table_style2 th {width:100px}

	.about_dia {margin:30px 0}


/*  */
.point_con {}
	.point_dia {margin-top:20px}

	.point_con .point_table {margin-top:20px}
	.point_con .point_table dl {display:block; width:100%}
	.point_con .point_table dt { font-size:1.2rem; padding:12px 0;}
	.point_con .point_table dd {padding:20px 15px;}
	.point_con .point_table dd .dot {margin-bottom:20px}

	.point_con .point_table dl.plus {width:100%;}

	.point_con .point_table.one {}
	.point_con .point_table.one dl {margin-bottom:20px}
	.point_con .point_table.one dl:last-child {margin-bottom:0}
	.point_con .point_table.one dl.space {display:none;}
	.point_con .point_table.one dd {padding:20px 0 0 0;}




/* 연혁 */
.tableWrap_his ul:before {top:5px;}
.his_in ul:after{top:5px}
.tableWrap_his li.year:before {top:10px}
.his_table:before {top: 11px;}





/* 오시는 길 */
.root_daum_roughmap .wrap_map{height:300px !important}
.location_con h4.sub_title{margin-bottom:13px}

.location_con .con1 dl{margin-bottom:8px}
.location_con .con1 dt{font-size:13px; width:30px;}
.location_con .con1 dd{font-size:13px; width: calc(100% - 50px);}




	/*  */
	.pr_tab {margin-bottom:30px}
	.pr_tab li a{height:45px; padding:0; display:flex; justify-content:center; align-items:center;}

	.board_con td.mo_line li {padding:0 0 2px 75px}


/*  */
	.privacy_list {padding:20px 15px}
	.privacy_list li {float:none; width:100%; padding:0 0 6px 0}
	.privacy_list li:last-child {padding-bottom:0}
	
	p.cont_tit {font-size:15px; padding-bottom:5px}
	p.cont_tit span {font-size:14px;}
	.cont_box {padding:15px}
	.cont_txt {padding-bottom:25px}

/********  ********/
	.sitemap_cont dl {width:48%;}
	.sitemap_cont dl:nth-child(3n) {margin-right:3%}
	.sitemap_cont dl:nth-child(2n) {margin-right:0}
	.sitemap_cont dl:nth-child(3n+1) {clear:none}
	.sitemap_cont dl:nth-child(2n+1) {clear:both}
	.sitemap_cont dt {padding:12px 0}

}


/*******************************************************************************
	@media 361~480px
*******************************************************************************/
@media all and (max-width:480px) { 

.tableWrap_his table{width:650px;}
.tableWrap_his img.table_img {width:650px; max-width:none;}


/********  ********/
/*  */
.about_con {}
	.about_top .about_top_img {border-radius:0 60px 0 60px}



/******** IR ********/
/*  */

}

/*******************************************************************************
	@media ~360px
*******************************************************************************/
@media all and (max-width:360px) { 

}