@charset "euc-kr";
@import url("https://fonts.googleapis.com/earlyaccess/notosanskr.css");
@import url("https://fonts.googleapis.com/earlyaccess/nanumgothic.css");


/*####################### Default  #######################*/
html, body, div, span, a, ul, li, dl, dt, dd, form, a, textarea {font-family:'Noto Sans KR', 'Nanum Gothic', 'Gulim'; font-size:14px; }
th, td, th *, td *, input {font-family:'Nanum Gothic', 'Gulim'; font-size:14px; }

html, body, ul, li, dl, dt, dd, form, h1, h2, h1, h3, h4, h5, h6 {padding:0; margin:0}
ul, ol, li								{list-style:none; margin:0;}
ul:after { clear:both; content:""; display:block; }
td *, div *, li *, span *, p *	{vertical-align: middle;}

legend						    	{display:none;}
caption								{display:none;}

fieldset, img, hr	{border:none;}
img					{vertical-align: top; border:0px ;}
strong				{font-weight:bold;}

/* Link */
a:link,
a:visited	,
a:hover,
a:active	{text-decoration:none; color:#555;}

a {selector-dummy: expression(this.hideFocus=true);} /* ÀÏ¹Ý ¸µÅ©Æ÷Ä¿½º °¨Ãß±â */
a,img {selector-dummy: expression(this.hideFocus=true);} /* À̹ÌÁö¸Ê ¸µÅ©Æ÷Ä¿½º °¨Ãß±â */

/* Table */
/*table  		{border-collapse:collapse;}*/

/* From */
textarea	{border:1px solid #666666; padding:10px; border:1px solid #ccc}
select		{border:1px solid #bebebe; font-size:14px;}
input		{vertical-align: top; }

/* Img */
.png {_display:inline-block;}
.png img {_filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}

/* etc */
.pointer {cursor:pointer;}
.hr {width:100%; margin-top:30px; height:25px; border-top:1px dotted #999}
.v {vertical-align:0;}
.block {display:block;}

.fl {float:left;}
.fr {float:right;}
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}

.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}

.pt10 {padding-top:10px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}

.pb20 {padding-bottom:20px !important;}

.red {font-size:15px; color:#c00 !important; vertical-align:0;}
.orange {font-size:15px; color:#f60 !important; vertical-align:0;}
.blue {font-size:15px; color:#08c !important; vertical-align:0;}
.black {font-size:15px; color:#000 !important; vertical-align:0}
.gray {font-size:15px; color:#999 !important; vertical-align:0;}
.green {font-size:15px; color:#690 !important; vertical-align:0;}
.violet {font-size:15px; color:#8733e0 !important; vertical-align:0;}
.no {font-size:13px; color:#fff !important; vertical-align:0; background-color:#333; border-radius:20px; width:23px; height:23px; text-align:center; display:inline-block;}

.br_pc { display:block; }
.br_pc2 { display:block; }
.br_pc3 { display:block; }
.br_mo { display:none; }
.br_mo2 { display:none; }
.br_mo3 { display:none; }
.br_mo4 { display:none; }



.img_box {margin:15px 0 15px 0; text-align:center; border:0 !important; background:transparent !important; }
.img_box img { width:auto; max-width:100%}
.img_box .img_list {overflow:hidden;}
.img_box .img_list li {float:left; width:32%; margin-right:2%; margin-bottom:5px; height:auto; overflow:hidden;}
.img_box .img_list li:nth-child(3n) { margin-right:0; }

.img_box .img_list2 {overflow:hidden;}
.img_box .img_list2 li {float:left; width:48%; margin-right:4%; margin-bottom:10px; height:auto; overflow:hidden;}
.img_box .img_list2 li:nth-child(2n) { margin-right:0; }
.img_box .img_list2 li > p { margin-top:-5px; }




/* Å×ÀÌºí ³ÐÀÌ °íÁ¤, °¡·Î½ºÅ©·Ñ */
.tw400 { width:100%; overflow-x:scroll; padding-bottom:5px;-webkit-overflow-scrolling: touch; }
.tw400 > table { min-width:400px !important; }
.tw400 > img { min-width:400px !important; }
.tw400::-webkit-scrollbar {  width: 10px;  }
.tw400::-webkit-scrollbar-thumb { background-color: #888;  }

.tw500 { width:100%; overflow-x:scroll; padding-bottom:5px;-webkit-overflow-scrolling: touch; }
.tw500 > table { min-width:500px !important; }
.tw500 > img { min-width:500px !important; }
.tw500::-webkit-scrollbar {  width: 10px;  }
.tw500::-webkit-scrollbar-thumb { background-color: #888;  }

.tw550 { width:100%; overflow-x:scroll; padding-bottom:5px;-webkit-overflow-scrolling: touch; }
.tw550 > table { min-width:550px !important; }
.tw550 > img { min-width:550px !important; }
.tw550::-webkit-scrollbar {  width: 10px;  }
.tw550::-webkit-scrollbar-thumb { background-color: #888;  }

.tw600 { width:100%; overflow-x:scroll; padding-bottom:5px;-webkit-overflow-scrolling: touch; }
.tw600 > table { min-width:600px !important; }
.tw600 > img { min-width:600px !important; }
.tw600::-webkit-scrollbar {  width: 10px;  }
.tw600::-webkit-scrollbar-thumb { background-color: #888;  }

.tw650 { width:100%; overflow-x:scroll; padding-bottom:5px;-webkit-overflow-scrolling: touch; }
.tw650 > table { min-width:600px !important; }
.tw650 > img { min-width:600px !important; }
.tw650::-webkit-scrollbar {  width: 10px;  }
.tw650::-webkit-scrollbar-thumb { background-color: #888;  }

.tw700 { width:100%; overflow-x:scroll; padding-bottom:5px;-webkit-overflow-scrolling: touch; }
.tw700 > table { min-width:700px !important; }
.tw700 > img { min-width:700px !important; }
.tw700::-webkit-scrollbar {  width: 10px;  }
.tw700::-webkit-scrollbar-thumb { background-color: #888;  }

.tw800 { width:100%; overflow-x:scroll; padding-bottom:5px;-webkit-overflow-scrolling: touch; }
.tw800 > table { min-width:800px !important; }
.tw800 > img { min-width:800px !important; }
.tw800::-webkit-scrollbar {  width: 10px;  }
.tw800::-webkit-scrollbar-thumb { background-color: #888;  }

.tw900 { width:100%; overflow-x:scroll; padding-bottom:5px;-webkit-overflow-scrolling: touch; }
.tw900 > table { min-width:900px !important; }
.tw900 > img { min-width:900px !important; }
.tw900 > ul { min-width:900px; }
.tw900::-webkit-scrollbar {  width: 10px;  }
.tw900::-webkit-scrollbar-thumb { background-color: #888;  }

.tw1000 { width:100%; overflow-x:scroll; padding-bottom:5px;-webkit-overflow-scrolling: touch; }
.tw1000 > table { min-width:1000px !important; }
.tw1000 > img { min-width:1000px !important; }
.tw1000::-webkit-scrollbar {  width: 10px;  }
.tw1000::-webkit-scrollbar-thumb { background-color: #888;  }











/*####################### common #######################*/
.inner {clear:both; width:100%; max-width:1024px; height:auto; margin:0 auto;}
.relative {position:relative;}

/* upper */
.upper_wrap {clear:both; width:100%; text-align:center; height:41px; vertical-align:top; overflow:hidden; background:url('../img/bg_upper.jpg') repeat-x 0 0; position:absolute; z-index:1; top:0; left:0;}
.upper {width:100%; max-width:1024px; text-align:left; clear:both; vertical-align:top; margin:0 auto; height:41px; overflow:hidden;}

	.upper div.left {float:left;}

	.upper div.right {float:right; padding-top:4px;}
	.upper div.right img{vertical-align:-2px;}

/* top */
.top_wrap {clear:both; width:100%; text-align:center; height:97px; vertical-align:top; background:url('../img/bg_top.jpg') repeat-x 0 0; position:absolute; z-index:1; top:41px; left:0;}
.top {width:100%; max-width:1024px; text-align:left; clear:both; vertical-align:top; margin:0 auto; height:100%; position:relative; }

	.logo {float:left; vertical-align:top;}
	.logo img {margin-top:24px;}

	.menu {float:right; width:433px;}

/* left */
.left_wrap {width:230px; text-align:left; float:left; vertical-align:top; margin: 0; padding:30px 0 30px 0; overflow:hidden;}

	.submenu_title {clear:both; width:184px; height:62px; margin-bottom:7px; vertical-align:top; font-family:"Noto Sans KR", sans-serif; background-color:#CAEFFF; border-radius:5px; color:#59585D; font-size:23px; font-weight:500; display: flex; align-items: center; justify-content: center; overflow: hidden; }
	.submenu {width:184px; border-top:1px solid #c5c5c5; padding:0;}

	/* ¼­ºê¸Þ´º1 */
	.depth1			{clear:both; width:100%; height:41px; vertical-align:10px; background:url('../img/submenu_depth1.jpg') repeat-y center left; }
	.depth1_on		{clear:both; width:100%; height:41px; vertical-align:top; background:url('../img/submenu_depth1_on.jpg') no-repeat center left;  }

		a.depth_a:link,
		a.depth_a:visited,
		a.depth_a:active	{display:block; padding: 10px 0 0 15px; color:#373737; font-weight:normal; font-family:'NanumGothic', 'Nanum Gothic', 'Gulim'; font-size:14px; line-height: 18px; text-decoration:none}
		a.depth_a:hover	{color:#f60; text-decoration:none}

		a.depth_a_on:link,
		a.depth_a_on:visited,
		a.depth_a_on:active {display:block; padding: 10px 0 0 15px; color:#00629b; font-weight:bold; font-family:'NanumGothic', 'Nanum Gothic', 'Gulim'; font-size:14px; line-height: 18px; text-decoration:none}
		a.depth_a_on:hover	{color:#f60; text-decoration:none}

	.depth2			{clear:both; width:190px; padding:5px 0; vertical-align:top; /*background:url('../img/submenu_depth2.gif') repeat-y center left;*/}
	.depth2_on		{clear:both; width:190px; padding:5px 0; vertical-align:top; /*background:url('../img/submenu_depth2_on.gif') repeat-y center left;*/}

		a.depth_b:link,
		a.depth_b:visited,
		a.depth_b:active {display:block; padding:0 0 0 15px; color:#555; font-weight:normal; font-family:'NanumGothic', 'Nanum Gothic', 'Gulim'; font-size:12px; line-height: 17px; text-decoration:none}
		a.depth_b:hover {color:#f60; text-decoration:none}

		a.depth_b_on:link,
		a.depth_b_on:visited,
		a.depth_b_on:active {display:block; padding:0 0 0 15px; color:#f60; font-weight:normal; font-family:'NanumGothic', 'Nanum Gothic', 'Gulim'; font-size:12px; line-height: 17px; text-decoration:none}
		a.depth_b_on:hover {color:#f60; text-decoration:none}

	/* ÁÂÃø ¹è³Ê */
	.left_banner {clear:both; margin-top:20px}
	.left_banner li {float:left; padding: 0 0 10px 0;}

/* footer */
.footer_wrap { clear:both; width:100%; text-align:center; vertical-align:top; background-color:#f3f3f3; border-top:1px solid #e5e5e5; height:auto; padding-bottom:10px; }
.footer {clear:both; width:100%; max-width:1024px; margin: 0px auto; vertical-align:top;}
	.footer_left {width:220px; padding-top:30px; text-align:left;}
	.footer_right {width:100%; padding-top:10px; font-size:12px; line-height:22px; color:#555; text-align:left; }
	.footer_right strong {vertical-align:0}
	.footer_right a {vertical-align:0; font-size:12px; color:#555;}

	.footer_right > ul { width:100%; }
	.footer_right > ul > li { float:left; margin-right:20px; }
	.footer_right > p { display:block; width:100%; }


/*####################### contents #######################*/
/* common */
.contain_wrap {clear:both; width:100%; max-width:1024px; text-align:center; margin:0 auto; }
.contain {width:100%; text-align:left; margin:0 auto;}

/*main*/
.main_contents01 {clear:both; width:100%; height:auto; text-align:center; padding-top:158px;}
.main_contents01 div.inner{clear:both; width:100%; max-width:1024px; margin:0 auto; height:auto; overflow:hidden; text-align:left; }

	.mainimg {float:left; width:100%; height:388px; overflow:hidden; position:relative; background:url(../img/main_slider.png) no-repeat center center; background-size:cover; }

	.mainbanner1 {float:right;}
	.mainbanner1 li{clear:both; padding-bottom:6px;}

	.mainbanner2 {float:right; padding-top:5px;}
	.mainbanner2 li{float:left;}

.main_contents02 {clear:both; width:100%; height:auto; text-align:center; padding-top:20px;}
.main_contents02 div.inner{clear:both; width:100%; max-width:1024px; margin:0 auto; overflow:hidden; text-align:left; }


.main_title01 { width:100%; max-width:1024px; font-size:17px; font-weight:500; text-align:left; margin:0 auto 0px auto; line-height:48px; color:#0064b6; letter-spacing:-1px; position:relative; }
.main_title01 small { position:absolute; top:50%; right:20px; margin-top:-14px; }
.main_title01 > span { font-size:15px; font-weight:500; color:#8ec709; margin-left:10px; }
		
	.mainboard1 {float:left; width:35%; margin-right:2%; height:209px; text-align:left; border:1px solid #d6d6d6; box-sizing:border-box;}

		.bbs_title { width:100%; margin:0 auto; padding-left:20px; border-bottom:1px solid #d6d6d6; box-sizing:border-box; position:relative; }
		.notice_list { width:90%; margin:0 auto; padding-top:17px;}
		.notice_list table { width:100%; }
		.notice_list a{color:#434343; font-size:13px;}
		.notice_list th {width:calc(100% - 80px); height:26px; vertical-align:top; text-align:left; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
		.notice_list td { width:80px; color:#434343; font-size:13px;height:26px; vertical-align:top; text-align:right; font-weight:normal; vertical-align:middle;}

	.mainboard2 {float:left; width:35%; margin-right:2%; height:209px; text-align:left; border:1px solid #d6d6d6; box-sizing:border-box;}

	.mainbanner6 {float:right; width:26%; height:105px; text-align:left; }
	.mainbanner6 > ul { width:100%; font-size:0; letter-spacing:-5px;  }
	.mainbanner6 > ul > li { display:inline-block; width:100%; font-size:15px; letter-spacing:0px; text-align:center; display: flex; align-items: center; justify-content: center; overflow: hidden; }
	.mainbanner6 > ul > li.mb6_a1 { height:104px; background-color:#0082c6;}
	.mainbanner6 > ul > li.mb6_a2 { height:70px; background-color:#e97a7a; }
	.mainbanner6 > ul > li.mb6_a3 { height:34px; background-color:#59ff62; }
	.mainbanner6 > ul > li.mb6_a3 > a { color:#ffffff; font-size:15px; font-weight:400; margin-right:5%; }
	.mainbanner6 > ul > li.mb6_a3 > a:last-child { margin-right:0; }

	.mainbanner6_test {float:right; width:26%; height:105px; text-align:left; }
	.mainbanner6_test > ul { width:100%; font-size:0; letter-spacing:-5px;  }
	.mainbanner6_test > ul > li { display:inline-block; width:100%; font-size:15px; letter-spacing:0px; text-align:center; display: flex; align-items: center; justify-content: center; overflow: hidden; }
	.mainbanner6_test > ul > li.mb6_a1 { height:60px; background-color:#0082c6;}
	.mainbanner6_test > ul > li.mb6_a1 img { height:50px; }
	.mainbanner6_test > ul > li.mb6_a2 { height:60px; background-color:#e97a7a; }
	.mainbanner6_test > ul > li.mb6_a3 { height:88px; background-color:#59ff62; display:table;}
	.mainbanner6_test > ul > li.mb6_a3 > dl { display:table-row; }
	.mainbanner6_test > ul > li.mb6_a3 > dl > dd { display:table-cell; }
	.mainbanner6_test > ul > li.mb6_a3 > dl > dd > a { width:100%; height:100%; color:#ffffff; font-size:15px; font-weight:400; display: flex; align-items: center; justify-content: center; overflow: hidden;}
	.mainbanner6_test > ul > li.mb6_a3 > dl > dd.mba_1 { background-color:#AF5C5C; }
	.mainbanner6_test > ul > li.mb6_a3 > dl > dd.mba_2 { background-color:#834545; }
	.mainbanner6_test > ul > li.mb6_a3 > dl > dd.mba_3 { background-color:#623434; }
	.mainbanner6_test > ul > li.mb6_a3 > dl > dd.mba_4 { background-color:#4A2727; }

	.mainbanner6_test2 {float:right; width:26%; height:auto; text-align:left; padding:5px; border:1px solid #5cc2f1; box-sizing:border-box; }
	.mainbanner6_test2 > ul { width:100%; font-size:0; letter-spacing:-5px;  }
	.mainbanner6_test2 > ul > li { display:inline-block; width:100%; font-size:15px; letter-spacing:0px; text-align:center; display: flex; align-items: center; justify-content: center; overflow: hidden; font-family:'Nanum Gothic', sans-serif; }
	.mainbanner6_test2 > ul > li.mb6_a1 { height:60px; background-color:#0082c6; cursor:pointer; color:#ffffff; font-size:25px; font-weight:600; border-bottom:3px solid #ffffff; }
	.mainbanner6_test2 > ul > li.mb6_a1 img { height:70%; max-height:50px; margin-right:10px; }
	.mainbanner6_test2 > ul > li.mb6_a2 { padding:0 }
	.mainbanner6_test2 > ul > li.mb6_a2 > table { width:100%; height:100%; border-collapse: collapse; background-color:#ffffff; }
	.mainbanner6_test2 > ul > li.mb6_a2 > table > tbody > tr > td { padding:0; }
	.mainbanner6_test2 > ul > li.mb6_a2 > table > tbody > tr > td > a { width:100%; height:100%; color:#ffffff; font-size:15px; font-weight:400; display: flex; align-items: center; justify-content: center; overflow: hidden;}
	.mainbanner6_test2 > ul > li.mb6_a2 > table > tbody > tr > td.mba_0 { width:30%; background-color:#e97a7a; border-right:3px solid #ffffff; box-sizing:border-box; padding:5px 2px; }
	.mainbanner6_test2 > ul > li.mb6_a2 > table > tbody > tr > td.mba_0 > img { height:40px; }
	.mainbanner6_test2 > ul > li.mb6_a2 > table > tbody > tr > td.mba_0 > .mb6_a2_sero { display:table; width:100%; margin-top:5px; }
	.mainbanner6_test2 > ul > li.mb6_a2 > table > tbody > tr > td.mba_0 > .mb6_a2_sero > dl { display:table-row; }
	.mainbanner6_test2 > ul > li.mb6_a2 > table > tbody > tr > td.mba_0 > .mb6_a2_sero > dl > dd { display:table-cell; width:50%; text-align:right; padding-right:2px; color:#ffffff; font-weight:600; font-size:18px; }
	.mainbanner6_test2 > ul > li.mb6_a2 > table > tbody > tr > td.mba_0 > .mb6_a2_sero > dl > dd:last-child { text-align:left; padding-left:2px; padding-right:0;}
	.mainbanner6_test2 > ul > li.mb6_a2 > table > tbody > tr > td.mba_1 { width:40%; background-color:#AF5C5C; border-right:3px solid #ffffff; box-sizing:border-box; border-bottom:3px solid #ffffff; }
	.mainbanner6_test2 > ul > li.mb6_a2 > table > tbody > tr > td.mba_2 { background-color:#834545; border-right:3px solid #ffffff; box-sizing:border-box; border-bottom:3px solid #ffffff; }
	.mainbanner6_test2 > ul > li.mb6_a2 > table > tbody > tr > td.mba_3 { background-color:#623434; border-right:3px solid #ffffff; box-sizing:border-box; }
	.mainbanner6_test2 > ul > li.mb6_a2 > table > tbody > tr > td.mba_4 { width:30%; background-color:#7c7c7c; }


.main_contents03 {clear:both; width:100%; max-width:1024px; margin:20px auto; height:110px; text-align:center; display:table; border:1px solid #d6d6d6; box-sizing:border-box; }
.main_contents03 > dl { display:table-row; }
.main_contents03 > dl > dt { display:table-cell; background-color:#f4f4f4; text-align:center; width:250px; }
.main_contents03 > dl > dd { display:table-cell; width:calc(100% - 250px);}
.main_contents03 > dl > dd > a { display:inline-block; margin-right:7%; }
.main_contents03 > dl > dd > a:last-child { margin-right:0; }

.main_contents04 {clear:both; width:100%; height:auto; text-align:center; padding:20px 0; text-align:center; }
.main_contents04 .main_title01 {  border-bottom:1px solid #d6d6d6; }
.main_contents04 .main_title01 small { right:0; }
/*
	.productList {width:1024px; margin:0 auto; clear:both; padding: 20px 0 0 0;}
	.productList li {float:left; width:162px; margin: 0 0 0 9px; text-align:center;}
	.productList li:first-child {margin: 0;}
	.productList img {border:0px solid #bdbdbd; margin: 0 auto 7px auto; display:block;}
*/

	.productList {width:100%; max-width:1024px; border:0px solid red; margin:0 auto; clear:both; padding: 20px 0 0 0; }
	.productList > ul { width:100%; font-size:0; letter-spacing:-5px; }
	.productList > ul > li{display:inline-block; font-size:15px; letter-spacing:0px; margin-right:0.8%; width:16%; vertical-align:top; border:0px solid red; box-sizing:border-box;}
	.productList > ul > li:nth-child(6n) {margin-right:0;}
	.productList > ul > li:nth-child(+n+7) {margin-top:30px;}
	.productList > ul > li .thumb { width:100%; text-align:center; position:relative; }
	.productList > ul > li .thumb:after { display:block;content:"";padding-bottom:70%; }
	.productList > ul > li .thumb img{ position:absolute; left:0; top:0; width:100%; height:100%; vertical-align:middle;}
	.productList > ul > li .bbs_title {margin:8px 0 0 0; width:100%; height:30px; line-height:20px; padding:0; border:0px solid red;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }


.main_contents06 {clear:both; width:100%; height:auto; text-align:center; margin-bottom:50px;}
.main_contents06 div.inner{clear:both; width:100%; max-width:1024px; margin:0 auto; height:auto; overflow:hidden; text-align:left; }
	.customer {margin: 10px 0 0 0; width:100%; max-width:1024px; height:88px; border:1px solid #d6d6d6; background-color:#f8f8f8; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position:relative;}
		.arrow_left {position:absolute; z-index:10; top:14px; left:10px;}
		.arrow_right {position:absolute; z-index:10; top:14px; right:10px;}
		.customer ul {width:930px; margin:0 auto;}
		.customer li {float:left; margin:0; padding:13px 0 0 0; width:155px; text-align:center;}
		.customer img {display:block; margin:0 auto;}


.list_link_wrap { float:none; width:100%; height:100px; margin:10px auto 0 auto; position:relative; /* display: flex; justify-content: center; align-items: center;*/ }
.list_link_wrap > .llw_wrap { width:calc(100% - 40px); height:100px; border:1px solid #dddddd; box-sizing:border-box; border-radius:5px; margin:0 auto;  }

.swiper { width:calc(100% - 40px); height:100px; border:0px solid blue; box-sizing:border-box; }
.swiper-slide { height:100px;text-indent:-99999em; background-size:cover; background-position:center center; cursor:pointer;  display:flex !important; justify-content: center !important; align-items: center !important; }
.swiper-slide img { width:80%; max-width:165px; display: block; width: auto; height: auto; object-fit: cover; }
.swiper-button-prev2,
.swiper-button-next2 { position:absolute; top:30px; width:40px; height:40px; line-height:40px; font-size:30px; color:#cccccc; border:1px solid #dddddd; border-radius:100%; cursor:pointer; text-align:center; z-index:2; background-color:#ffffff; }
.swiper-button-prev2 { left:0; }
.swiper-button-next2 { right:0; }



/* sub */
.contents_wrap {color:#555; font-size:13px; line-height:21px; word-break: keep-all; width:860px; text-align:left; vertical-align:top; padding: 0px 0 40px 0px;}
.contents_wrap * {/*color:#555; font-size:13px; line-height:21px;*/ word-break: keep-all; position:relative;}
.cont {padding-top:30px; clear:both; font-size:15px; line-height:27px; font-weight:300; color:#555;-webkit-text-size-adjust: 100%; font-family:'Nanum Gothic', 'Gulim'; /*font-family:'Noto Sans KR', 'Nanum Gothic', 'Gulim';*/} /* ÀϹÝÆäÀÌÁöÀÇ ±ÛÀÚÅ©±â */
	.title_wrap {width:100%; text-align:left; float:right; vertical-align:top; padding: 30px 0 10px 0px; margin-bottom:40px; border-bottom:1px solid #e4e4e6; }
		.page_title {color:#111; font-size:18px; font-weight:600; text-align:left; float:left}
		.navigation {color:#999; font-size:12px; font-weight:normal; text-align:right; float:right;}
		.navigation img{vertical-align:-5px}

.topimg_wrap {clear:both; width:100%; height:235px; text-align:center; padding-top:138px;}
	.topimg1 {background:url('../img/subpage_title01.png') no-repeat center center; background-size:cover; width:100%; height:100%; }
	.topimg2 {background:url('../img/subpage_title02.png') no-repeat center center; background-size:cover; width:100%; height:100%; }
	.topimg3 {background:url('../img/subpage_title03.png') no-repeat center center; background-size:cover; width:100%; height:100%; }
	.topimg4 {background:url('../img/subpage_title04.png') no-repeat center center; background-size:cover; width:100%; height:100%; }
	.topimg5 {background:url('../img/subpage_title01.png') no-repeat center center; background-size:cover; width:100%; height:100%; }
	.topimg6 {background:url('../img/subpage_title01.png') no-repeat center center; background-size:cover; width:100%; height:100%; }
	.topimg7 {background:url('../img/subpage_title04.png') no-repeat center center; background-size:cover; width:100%; height:100%; }

/* Áöȸ¾È³» */
.branch_tab {clear:both; width:780px; height:62px; text-align:center; font-size:14px; color:#bababa; background:url('../img/branch_tab.jpg') no-repeat 0 0;}
.branch_tab div.inner{padding: 20px 0 0 0;}
.branch_tab a{font-size:14px; color:#333;}

.branch {width:100%; border-top:1px solid #dbdbdc; margin-top:20px;}
.branch th{font-size:14px; width:130px; text-align:center; color:#555; padding:10px 0; background-color:#fbfbfb; border-bottom:1px solid #dbdbdc; vertical-align:middle;}
.branch td{font-size:14px; text-align:left; color:#555; padding:10px 0 13px 25px; border-bottom:1px solid #dbdbdc;}
.branch td.title{font-size:14px; color:#3f65b8; font-weight:600;}
.branch td div.photo{float:left; margin: 0 20px 0 0;}
.branch td div.name{font-size:14px; color:#000; font-weight:600;}

/* ÀÀ½ÃÁ¢¼ö */
.receive {width:100%; border-top:1px solid #dbdbdc; border-left:1px solid #dbdbdc; margin-top:20px;}
.receive th{font-size:14px; text-align:center; color:#555; padding:10px 0; background-color:#fbfbfb; border-bottom:1px solid #dbdbdc; border-right:1px solid #dbdbdc; vertical-align:middle;}
.receive td{font-size:14px; text-align:left; color:#555; padding:10px 0 10px 10px; border-bottom:1px solid #dbdbdc; border-right:1px solid #dbdbdc; }
.receive td input{border:1px solid #ddd; padding:3px; height:18px;}

.tb_inner {width:97%; margin:0 auto; border-top:1px solid #dbdbdc; border-left:1px solid #dbdbdc;}
.tb_inner th{font-size:14px; text-align:center; color:#555; padding:10px 0; background-color:#fbfbfb; border-bottom:1px solid #dbdbdc; border-right:1px solid #dbdbdc; vertical-align:middle;}
.tb_inner td{font-size:14px; text-align:center; color:#555; padding:10px 0; border-bottom:1px solid #dbdbdc; border-right:1px solid #dbdbdc; }


/* ±âŸ */
.tb1 {width:100%; border-top:1px solid #ff766c;}
.tb1 th{font-size:14px; width:175px; text-align:center; color:#555; padding:10px 0; background-color:#fbfbfb; border-bottom:1px solid #e4e4e6;}
.tb1 td{font-size:14px; text-align:left; color:#555; padding:10px 0 13px 25px; border-bottom:1px solid #e4e4e6;}

.tb2 {width:100%; border-top:1px solid #08c; margin:0 0 40px 0;}
.tb2 th{font-size:13px; width:150px; text-align:center; color:#555; padding:5px 0; background-color:#fbfbfb; border-bottom:1px solid #e4e4e6;}
.tb2 td{font-size:13px; text-align:left; color:#555; padding:5px 0 5px 25px; border-bottom:1px solid #e4e4e6;}
.tb2 td.a{color:#f00}
.tb2 td.b{color:#390}

.tb3 {width:100%;}
.tb3 td{font-size:12px; text-align:center; color:#848484; padding:0 0 10px 0;}
.tb3 td img{margin-bottom:7px;}

.box1 {width:100%; padding:15px 0; background-color:#f0fcff; text-align:center; font-size:16px; line-height:22px; color:#555; margin:8px 0 0 0;}
.box1 h1{margin:0; padding:0; font-size:16px; font-weight:600; color:#08c;}
.box1 img{vertical-align:-8px; margin-right:10px;}

.box2 {width:100%; padding:15px 0; background-color:#f0fcff; text-align:center; font-size:14px; line-height:22px; color:#555; margin:20px 0 0 0;}
.box2 h1{margin:0; padding:0; font-size:14px; font-weight:600; color:#08c;}
.box2 img{display:block; margin:10px auto 0 auto;}

.title1 {font-size:16px; font-weight:600; color:#08c; padding-bottom:10px; margin-bottom:15px; border-bottom:1px dotted #999; width:100%; text-align:left;} .title1 img{vertical-align:-4px;}
.title2 {font-size:16px; font-weight:600; color:#f60;}
.title3 {font-size:14px; font-weight:600; color:#000;}
.title4 {font-size:14px; font-weight:600; color:#000; padding:20px 0 10px 0;}
.title4 img{vertical-align:-4px;}
.title5 {font-size:14px; font-weight:600; color:#f60;}
.title6 {font-size:16px; font-weight:600; color:#08c; padding-bottom:10px;} .title6 img{vertical-align:-4px;}

.tab1 {clear:both; width:100%; padding:15px 0; background-color:#f0f0f1; text-align:center; font-size:14px; color:#bababa; margin: 0 0 20px 0;}
.tab1 a{font-size:14px; color:#555;}

.orange {font-size:14px; vertical-align:0; color:#f60}
.sky {font-size:14px; vertical-align:0; color:#08c}


/*2018 03 21*/
.ceo_mes{
	font-size:14px;
}
.Constitution_warp {
    max-height: 750px;
    overflow-y: scroll;
    width: 100%;
}
h2.cons_title {
    text-align: center;
    margin-bottom: 30px;
}
h3.cons_subtitle {
    text-align: center;
    margin-top: 20px;
}
p.cons_bigtext {
    margin: 20px 0 0;
}
p.cons_subtext {
    margin: 0;
    padding-left: 10px;
}
p.cons_subtext_sub {
    margin: 0;
    padding-left: 20px;
}
td.cons_table_left {
    vertical-align: top;
    padding: 0 15px;
}

h3.join_info_title {
    margin: 10px 0 0;
}
p.join_info_text {
    margin: 15px 0 0;
}
p.join_info_text02 {
    margin: 15px 0 0;
}
p.join_info_text02_02 {
    margin: 0;
}
table.join_info_table {
    width: 500px;
    margin: 15px 0 0;
    border: 1px solid #e8e8e8;
    text-align: center;
}
a.join_info_linkbtn {
    padding: 15px 30px;
    background-color: #0c63bd;
    color: white;
    border-radius: 20px;
}
a.join_info_linkbtn:hover {
    background-color: #3d4b5a;
}

/*0710*/
.rg_warp {
    margin-bottom: 30px;
}
.rg_warp img {
	width:100%; max-width:793px;
}
h2.rg_title {
    margin-bottom: 25px;
}
span.rg_title {
    border-bottom: 3px solid #003266;
    padding-bottom: 5px;
    padding-right: 60px;
}