@charset "utf-8";

input[type="text"], input[type="password"], input[type="email"], textarea, select{outline:none; -webkit-appearance: none;}

/* lg */ 
@media (min-width: 1200px) {
	
	.sns-flatform .imgbg-con {padding-right:480px;}
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
	

}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	
	
}

@media (max-width: 1200px) {

	
}

@media (max-width: 991px) {
	
	
	
}

@media (min-width: 768px) and (max-width: 1199px) {
	
	.pcLnb > div {width:100%; padding-left:285px;}

	.container {width:100%;}
	#leftMenu {display:none; }

	#sub-visual {padding:210px 20px 0 20px;}

	#content {overflow:hidden; float:none; width:100%; padding:50px 15px; }


	.sns-flatform .sns-box .layout-box1 .flatbox1 {width:25%;}
	.sns-flatform .sns-box .layout-box1 .flatbox2 {width:48%; margin:0 1%;}
	.sns-flatform .sns-box .layout-box1 .flatbox3 {width:25%;}

	.sns-flatform .sns-box .layout-box2 .flatbox1 {width:30%;}
	.sns-flatform .sns-box .layout-box2 .flatbox2 {width:20%;}
	.sns-flatform .sns-box .layout-box2 .flatbox3 {width:25%;}
	.sns-flatform .sns-box .layout-box2 .flatbox4 {width:22%;}

	.sns-flatform .sns-box .layout-box3 .flatbox1 {width:25%;}
	.sns-flatform .sns-box .layout-box3 .flatbox2 {width:25%;}
	.sns-flatform .sns-box .layout-box3 .flatbox3 {width:30%;}
	.sns-flatform .sns-box .layout-box3 .flatbox4 {width:17%;}

}

@media (min-width: 800px) {
	.mobile-menu{
		display:none !important;
	}
}

/* xs */
@media (max-width: 800px) {

	/* ¸ÞÀÎ */
	#contorl {display:none;}
	#header .navbar-fixed-top {position:absolute;}
	#header .navbar-header {position:absolute; top:20px; left:30px; }
	#header .navbar-header .logo {width:250px; height:32px;}
	
	.menu-trigger {position:absolute; top:20px; right:15px;}
	.menu-trigger span {display:none;}

	.mobilenav li {font-size:150%;}
	
	.container .ad_txt {font-size:30px; padding-bottom:50px; word-break:keep-all;}
	.scroll-guide {display:none;}
	.scroll-guide-up{display:none;}

	.ui-1 {display:block; padding:120px 0 50px 0;}
	.ui-1 .boxs {display:block; padding:0 15px;}
	.ui-1 .pic-btns {width:100%;}
	.ui-1 .pic-btns ul .center_gree {width:100%; margin:0 0 7px 0;} /*  2019-11-11 ÀÌÀÙ»õ ¼öÁ¤ */
	.ui-1 .pic-btns ul li {width:50%; margin:7px 0;}
	
	/* .ui-1 .pic-btns ul li {width:96%; margin:0 2% 20px 2%;} 2019-11-11 Áֹ̿Á ¼öÁ¤*/
	.ui-1 .pic-btns ul li a {padding:30px 0; min-height:auto;}
	.ui-1 .pic-btns ul li a i {width:48px; height:44px; }
	.ui-1 .pic-btns ul li a strong {font-size:20px;}
	.ui-1 .pic-btns ul li a span {font-size:14px;}

	.ui-2 {display:block; padding:100px 0 50px 0;}	
	.ui-2 .boxs {display:block; padding:0 15px;}
	.ui-2 .bbs-con {width:100%;}
	.ui-2 .bbs-con .white-box h2 {font-size:18px;}
	.ui-2 .bbs-con .white-box ul li .txt {padding:0;}
	.ui-2 .bbs-con .bbs-list .date {display:none;}

	.ui-3 {display:block; padding:100px 0 50px 0;}	
	.ui-3 .boxs {display:block; padding:0 15px;}
	.ui-3 .pic-btns {width:100%;}
	.ui-3 .pic-btns ul li {width:50%; margin:10px 0;}
	.ui-3 .pic-btns ul li a {padding:30px 0; min-height:auto; font-size:20px;}
	.ui-3 .pic-btns ul li i {width:79px; height:53px; margin:0 auto 10px auto;}

	/* ¼­ºê */	
	/*.subMenu {padding:20px 0 10px 0px; }
	.navbar-toggle {margin:0 15px 0 0;}
	.navbar-inverse .navbar-brand.logo {margin-left:15px; width:250px; height:29px;}
	.subMenu .navbar-collapse {padding:20px 15px; background-color:#000;}
	.subMenu .navbar-nav {}
	.navbar-inverse .navbar-nav > li {background:none;}*/
	
	#toggle {background:#000;height:100%;min-height:100%;width:0px;position:fixed;top:0;bottom:0;left:0px;z-index:9999;-webkit-transition: all .0s ease;transition: all .4s ease;}
	#toggle.closed {left:0px;top:0px;bottom:0;right:0;width:100%;height:100%;opacity:0.7;}
	

	/* pc¹öÁ¯ ¸Þ´º ½ºÅ¸ÀÏ ¸®¼Â */	
	.pcLnb {overflow:hidden; position:relative; top:0px; left:0px; width:auto; height:auto; z-index: 100; background:none; border-bottom:none;}
	.pcLnb > div {width:100%;margin:0; padding:0;}
	.pcLnb > div:before {height:0;}
	.pcLnb > div > ul > li {float:none; width:100%;}
	.pcLnb > div > ul > li > a {border-bottom:none;}
	.pcLnb > div > ul > li.on >a,
	.pcLnb > div > ul > li > a:hover,
	.pcLnb > div > ul > li > a:focus {border-bottom:none;}
	.pcLnb > div > ul > li > div {padding:0; border:none;}

	.subMenu {height:auto; padding:15px 15px;}
	.subMenu .navbar-header {float:none;}
	
	.subMenu .navbar-brand.logo {float:none; width:200px; height:23px; margin:0 auto;}
	.subMenu:hover .navbar-brand.logo {background:url('../images/sub/logo.png') no-repeat; background-size:100% auto;}
	
	.sticky_header.is-sticky .navbar-brand.logo {background-size:100% auto;}
	.subMenu.sticky_header.is-sticky:hover .navbar-brand.logo {background:url('../images/sub/logo_black.png') no-repeat; background-size:100% auto;}

	.allmenu {position:absolute; top:-5px; right:-15px; overflow:hidden; display:block; width:40px; height:40px; border:none;  text-indent:-9999em; background:url('./../images/sub/allmenu_pic_w.png') no-repeat center center; background-size:25px auto;}

	.sticky_header.is-sticky .allmenu {background:url('./../images/sub/allmenu_pic.png') no-repeat center center; background-size:25px auto;}	

	.sticky_header.is-sticky {min-height:60px; -webkit-animation:none; animation:none; border-bottom:1px solid #dbdbdb;}
	
	/* ¸ð¹ÙÀÏ Æîħ ¸Þ´º ¸¶´ã   ¸ð¹ÙÀÏ¿¡¼­ ¿¡·¯³ª ¸ÞÀκ¹»çÇؼ­»ðÀÔ ±âÁ¸¸Þ´º ¾È¸ðÀÌ°ÔÁÖ¼®Ã³¸® 191208  */	
	.navbar-header button{display:none;}

	/* ¸ð¹ÙÀÏ Æîħ ¸Þ´º */	
	.sideLnb {display:none;position:fixed;right:0;top:0;width:300px;height:100%;background:#fff;/*border-right:1px solid #ddd;*/z-index:99999;overflow-y:auto;font-size:1.1em;}
	.sideLnb h2 {display:block; font-size:26px; font-weight:500; margin-bottom:100px;}
	.sideLnb .closeBtn {position:absolute; top:20px; right:20px; display:block; overflow:hidden; width:35px; height:35px;  background:url('../images/main/menu_close.png') no-repeat; background-size:100% auto; border:none; text-indent:-9999em;}
	.sideLnb .menu-box {padding:30px;}
	.sideLnb > nav > div > ul > li > a{background:url('../images/main/plus_pic.png') no-repeat 98% 19px;border-bottom: 1px solid #b5b5b5; } 
	.sideLnb > nav > div > ul > li > a:active, .sideLnb > nav > div > ul > li > a:focus{background:url('../images/main/minus_pic.png') no-repeat 98% 19px; }
	.sideLnb > nav > div > ul > li > a {display:block; padding:15px 5px; font-size:18px; }
	.sideLnb > nav > div > ul > li > button {display:block; width:100%; padding:15px 5px; font-size:18px; border:none; text-align:left; background:none;}
	.sideLnb > nav > div > ul > li >.downMenu {display:none; margin-left:25px; padding-bottom:20px;}
	.sideLnb > nav > div > ul > li >.downMenu ul {}
	.sideLnb > nav > div > ul > li >.downMenu ul li {margin:5px 0; padding-left:10px; background:url('../images/main/down_menu_bar.png') no-repeat left 12px; }
	.sideLnb > nav > div > ul > li >.downMenu ul li a {display:block; font-size:15px;}
	.all-menu>li {border-bottom: 1px solid #b5b5b5;}

	#sub-visual {height:auto; padding:110px 0 40px 0;}
	#sub-visual h2 {font-size:22px; text-align:center;}
	#sub-visual .ad-txt {font-size:14px; text-align:center;}
	
	#page-navi {overflow:hidden; height:40px;}
	#page-navi ul li {padding:0 10px; font-size:12px; line-height:40px;}
	#page-navi ul li:nth-child(3) {background:url('../images/sub/left_menu_arrow.png') no-repeat left 14px}



	#leftMenu {display:none; }
	
	#content {float:none; width:100%; padding:0 15px 50px 15px;}

	.sbu-con {padding:40px 0 0 0;}

	footer {font-size:13px;}
	footer .footer_logo {display:none;}



	/* ¼­ºê ÄÁÅÙÃ÷ */
	.sub-tit {font-size:20px;} 
	.sbu-con {padding:30px 0 0 0;}

	.point_text {font:30px nmR;:}

	.center-info {padding-top:10px;}
	.center-info .point_sub_text {font-size:18px; word-break:keep-all;}

	.diagram-01 {width:300px; height:300px;}
	.dia-plus {width:30px; height:30px;}
	
	.diagram-02 {overflow:hidden; padding-bottom:30px;}
	.diagram-02 .pic_lsit li {width:48%; margin:5px 1%;}
	.diagram-02 .pic_lsit li span {font-size:14px;}
	
	.master-greeting {padding-top:0px;}
	.master-greeting .point-img {width:298px; height:654px; margin:0 auto 50px auto; padding-top:265px; background:url('../images/sub/master_greeting_img_m.png') no-repeat top center; }
	.master-greeting .point-img .con {font-size:18px;}
	.master-greeting .center_master {font-size:17px;}

	p.txt1 {font-size:18px;}
	p.txt2 {font-size:15px;}

	.center-greeting .point-img {height:auto; padding: 0px; background-color:#fff; }
	.center-greeting .point-img:after {position:relative; top:auto; right:auto; width:100%; height:auto; padding-top:60vw; }
	.center-greeting .point-img .big_txt {font-size:20px; }
	.center-greeting .point-img .small_txt {padding-bottom:40px; white-space:normal;}
	.center-greeting .center_master {font-size:16px;word-break:keep-all}

	.s_text {font-size:16px;}
	
	.history-area .history-item {padding-bottom:30px;}
	.history-area .history-item:after {left:9px;}

	.history-area .div_left {float:none; width:100%; padding:4px 0 0 0px; margin:0px;  background-color:#fff;}
	.history-area .div_left.first {float:none; width:100%; background-color:#fff;}
	
	.his_h4 {font-size:24px;}
	.his_h4_2 {font-size:24px;}
	.history-area dl dd {font-size:15px; word-break:keep-all;}

	.history-area dl.dl_right {float:none; width:100%;}
	.history-area dl.dl_right .circle {left:0px;}
	.history-area dl.dl_right.first .circle {left:0px;}
	.history-area dl.dl_right dt {padding-left:30px;}
	.history-area dl.dl_right dd {padding-left:30px; padding-bottom:20px; }
	.history-area dl.dl_right .circle2 {left:0px;}

	.history-area .div_right {float:none; width:100%; padding:4px 0 0 0px; margin:0px; background-color:#fff;}

	.history-area dl.dl_left {float:none; width:100%;}
	.history-area dl.dl_left .circle {left:0px; right:auto;}
	.history-area dl.dl_left dt {padding-left:30px; padding-right:0px; text-align:left;}
	.history-area dl.dl_left dd {padding-left:30px; padding-right:0px; padding-bottom:20px; text-align:left;} 
	.history-area dl.dl_left .circle2 {left:0px; right:auto;}
	
	.organ {padding:30px 0px; margin-bottom:10px;}

	.organ1 .lv2>ul {margin-left:20px;}
	.organ1 .lv3,
	.organ1 .lv4,
	.organ1 .lv5 {float:none; width:100%; }

	.organ1>li.lv3, .organ1>li.lv4, .organ1>li.lv5 {padding-bottom:25px;}

	.organ1>li.lv3>ul>li>strong {margin:0 auto 25px auto;}
	.organ1>li.lv3>ul>li>ul>li {margin:0 auto;width:70%;}

	.organ1>li.lv2>ul:before {left:-20px; width:20px;}
	.organ1>li.lv3:after {left:50%; height:160px;}
	
	.center-organization .organization-info {/*position:static;*/ margin-bottom:20px;}
	.center-organization .organization-info .img-area {text-align:center;}
	.center-organization .organization-info .img-area .img-responsive {display:inline-block; }
	
	.center-organization .organization-info .info-area {padding:15px 15px;}
	.center-organization .organization-info .info-area .info-box {position:relative; left:auto; /*right:0px;*/ background-color:#fff;}
	.center-organization .organization-info .info-area .li_dot li {font-size:15px; word-break:keep-all; }

	.center-organization .organization-list ul li {width:50%;}
	.center-organization .organization-list ul li .point1 {font-size:13px;}
	.center-organization .organization-list ul li .txt {font-size:14px; letter-spacing:-0.05em;}
	
	.support-center .center-map {padding-bottom:20px;}
	.support-center .exp_txt {font-size:15px; margin-bottom:20px; word-break:keep-all;}

	table.color_table thead th {font-size:14px;}
	table.color_table tbody td {font-size:14px;}


	.sns-flatform .imgbg-con {padding:0 0px 30px 0; background:url('../images/sub/03_tit_bg.png') no-repeat right 70px; background-size:130px auto;}

	.sns-flatform .imgbg-con .txt1 {font-size:14px;}
	.sns-flatform .imgbg-con .txt2 {font-size:18px;}
	.sns-flatform .imgbg-con .txt3 {margin-bottom:50px; font:30px nmR;}
	.sns-flatform .imgbg-con .point_box {font-size:14px;}
	
	.sns-flatform .sns-box .layout-box1 {padding:0 10px; }
	.sns-flatform .sns-box .layout-box1 .flatbox1 {float:left; width:58%; margin:0 0 10px 0;}
	.sns-flatform .sns-box .layout-box1 .flatbox2 {clear:both; float:none; width:100%; margin:0 0 10px 0;}
	.sns-flatform .sns-box .layout-box1 .flatbox3 {position:absolute; top:0px; right:10px; float:none; width:38%;; margin:0 0 10px 0;}
	
	.sns-flatform .sns-box .layout-box2 {padding:0 10px; }
	.sns-flatform .sns-box .layout-box2 .flatbox1 {float:left; width:68%; margin:0 0 10px 0;}
	.sns-flatform .sns-box .layout-box2 .flatbox2 {float:right; width:30%; margin:0 0 10px 0;}
	.sns-flatform .sns-box .layout-box2 .flatbox2 .sns {display:block; }
	.sns-flatform .sns-box .layout-box2 .flatbox3 {clear:both; float:left; width:50%; margin:0 0 10px 0;}
	.sns-flatform .sns-box .layout-box2 .flatbox4 {float:right; width:48%; margin:0 0 10px 0;}

	.sns-flatform .sns-box .layout-box3 {padding:0 10px; }
	.sns-flatform .sns-box .layout-box3 .flatbox1 {float:left; width:55%; margin:0 0 10px 0;}
	.sns-flatform .sns-box .layout-box3 .flatbox2 {float:right; width:43%; margin:0 0 10px 0;}
	.sns-flatform .sns-box .layout-box3 .flatbox3 {clear:both; float:left; width:68%; margin:0 0 10px 0;}
	.sns-flatform .sns-box .layout-box3 .flatbox4 {float:right; width:30%; margin:0 0 10px 0;}

	.mapImg .root_daum_roughmap {width:100% !important;}
	.mapImg .root_daum_roughmap .wrap_map {height:300px !important;}


}

/* XS Portrait */
@media (max-width: 479px) {
	
	.center-organization .organization-info .info-area .info-box {left:0px; width:100%; padding:17px; background-color:#fff;}
	.center-organization .organization-list ul li {float:none; width:100%;}


	.sns-flatform .sns-box .layout-box1 {padding:0 10px; }
	.sns-flatform .sns-box .layout-box1 .flatbox1 {float:none; width:100%; margin:0 0 10px 0;}
	.sns-flatform .sns-box .layout-box1 .flatbox2 {float:none; width:100%; margin:0 0 10px 0;}
	.sns-flatform .sns-box .layout-box1 .flatbox3 {position:relative; top:0px; right:0px; float:none; width:100%; margin:0 0 10px 0;}
	
	.sns-flatform .sns-box .layout-box2 {padding:0 10px; }
	.sns-flatform .sns-box .layout-box2 .flatbox1 {float:none; width:100%; margin:0 0 10px 0;}
	.sns-flatform .sns-box .layout-box2 .flatbox2 {float:none; width:100%; margin:0 0 10px 0;}
	.sns-flatform .sns-box .layout-box2 .flatbox3 {float:none; width:100%; margin:0 0 10px 0;}
	.sns-flatform .sns-box .layout-box2 .flatbox4 {float:none; width:100%; margin:0 0 10px 0;}

	.sns-flatform .sns-box .layout-box3 {padding:0 10px; }
	.sns-flatform .sns-box .layout-box3 .flatbox1 {float:none; width:100%; margin:0 0 10px 0;}
	.sns-flatform .sns-box .layout-box3 .flatbox2 {float:none; width:100%; margin:0 0 10px 0;}
	.sns-flatform .sns-box .layout-box3 .flatbox3 {float:none; width:100%; margin:0 0 10px 0;}
	.sns-flatform .sns-box .layout-box3 .flatbox4 {float:none; width:100%; margin:0 0 10px 0;}
	
}