@charset "utf-8";
.bg { background-color:#f3f3f3; }
#wrap { /*width:100%; */background:#fff; width:1200px;margin:0 auto;}
.container {margin:0 auto; background:#fff;padding:0; }
.contentArea{padding:0px;min-height:0; height:auto !important; height:0; }
/**********************
footer
**********************/
.footer{ position:relative; margin:0 auto;padding:30px 210px 45px 280px;background:#ededed;font-size:0.83em;}
.foot_logo{ text-indent:100%; white-space:nowrap; overflow:hidden;border-right:solid 1px #DDD;float:left;width:249px;position:absolute;top:38px;left:0px;background: url(../../designer/images/common/foot_logo.gif) center no-repeat;height:51px;}
.foot_menu{overflow:hidden; height:30px; padding-bottom:5px}
.foot_menu a{float:left;display:block;height:30px;line-height:30px;color:#555;font-weight:bold;}
.foot_menu span{float:left;display:block;line-height:30px;color:#BBB;text-align:center;width:20px;}
.foot_copy{height:auto;}
.foot_copy p{padding-bottom:3px;color:#999;text-transform:uppercase;}
.foot_copy p a{color:#CCC;}
.foot_menu a.rul{color: #005e8a;}
.familySite{ position:absolute; top:53px; right:30px;z-index:20;}
.box_show_area{ width:178px; height:28px; border:solid 1px #d5d5d5;background:#FFF;text-align:left;position:relative;}
.box_show_area .btn_show{display:block;background:#FFF url(../../designer/images/common/foot_aro.gif) right 0 no-repeat;  cursor:pointer;z-index:20;color:#666; padding-left:8px;line-height:30px; height:28px; }
.box_show_area .box_show{right:-1px; height:auto;padding:0 0; position:absolute; z-index:20; bottom:28px; left:-1px; border:solid 1px #d5d5d5;background:#FFF;display:none;}
.box_show_area .box_show li{border-top:solid 1px #d5d5d5;text-align:left;}
.box_show_area .box_show li.first{border-top:none;}
.box_show_area .box_show li a {padding-left:8px; line-height:26px; display:block; height:26px; text-transform:uppercase; color:#333}
.box_show_area .box_show li a:hover{background:#f5f5f5;color:#666}

/*
@media all and (max-width :768px) {모바일
	.footer{padding:10px;font-size:0.82em;}
	.foot_logo{display:none;}
	.foot_menu a{letter-spacing:-1px;}
	.foot_menu span{width:10px;}
	.foot_copy p{font-size:0.75em;text-transform:inherit;}
	.foot_copy p.address{display:none;}
	.familySite{position:static;left:auto; top:auto;font-size:1.1em;}
	.familySite .box_show_area{width:100%;}
	#wrap {width:100%;}

}*/
@media screen and (max-width:1024px){
	.footer{padding:15px 0 0 0;background:#252525;}
	#wrap {width:100%;}
	.foot_logo{display:none;}
	.foot_menu{text-align:center;height: auto;}
	.foot_menu a{color:#CCC;width:auto;text-align:center;display:inline-block;background:#444;margin:0 0px 2px 0;float:none;line-height:25px;height:25px;padding: 0 10px;}
	.foot_menu span{display:none;}

	.foot_menu a.rul{color: #CCC;background-color: #005e8a;}

	.foot_copy{padding:5px 0;text-align:center;}
	.foot_copy p{text-align:center;padding:0;font-size:1.1em;padding-bottom:5px;}
	.familySite{display:none;}
}

@media screen and (max-width:767px){
.foot_copy{padding:12px ;text-align:center;}
.foot_copy p{text-align:center;padding:0;font-size:inherit;padding-bottom:0px;display:inline;}
.familySite{display:none;}
}

/**********************
header
**********************/
/* topWrap */
.header:before, .header:after { content: " "; display: table; }
.header:after { clear: both; }
.topWrap,
.topWrap .gnb,
.topWrap .topbtn {overflow:hidden;background-color:#2d2b31;}
.topWrap .gnb{float:left;width:380px;margin-left:30px;}
.topWrap .topbtn {float:right;width:183px;background:#424146;}
.topWrap a{background-image: url(../../designer/images/common/top.gif); background-repeat:no-repeat;display:block;float:left;height:60px; text-indent:100%; white-space:nowrap; overflow:hidden;}

.topWrap .gnb a.gnb_1{width:45px;background-position:-30px 0;}
.topWrap .gnb a.gnb_2{width:78px;background-position:-75px 0;}
.topWrap .gnb a.gnb_3{width:80px;background-position:-153px 0;}
.topWrap .gnb a.gnb_4{width:59px;background-position:-184px 0;}
.topWrap .gnb a.gnb_5{width:91px;background-position:-233px 0;}
.topWrap .gnb a.gnb_6{width:81px;background-position:-324px 0;}
.topWrap .gnb a.gnb_7{width:42px;background-position:-359px 0;border:1px solid #000;display:none;}
.topWrap .topbtn a{width:60px;margin-left: 1px;}
.topWrap .topbtn a.topbtn_1{background-position:-1018px 0;}
.topWrap .topbtn a.topbtn_2{background-position:-1079px 0;}
.topWrap .topbtn a.topbtn_3{background-position:right 0;}
.topbtn a span{display:block;text-indent: 100%; white-space: nowrap; overflow: hidden; color:transparent;width:100%;height:60px;}
.topbtn a span.sb-toggle-right{display:none;}
.topWrap a:hover{background-image: url(../../designer/images/common/top_ov.gif);}

@media screen and (max-width:768px) {
	.header{position:relative;padding-top:50px;}
	.topWrap{}
	.topWrap .gnb{display:none;}
	.topWrap .topbtn {float:none;width:100%;background-color:#2d2b31;}
	.topWrap a{background-image: none; height:40px;background-position:center;border-left:solid 1px #424146;}
	.topWrap .topbtn a{width:33.33%;margin-left: 0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.topWrap .topbtn a.topbtn_1{background:url('../../designer/images/common/topbtn_1.png') center no-repeat;border-left:none;background-size:26px 24px;}
	.topWrap .topbtn a.topbtn_2{background:url('../../designer/images/common/topbtn_2.png') center no-repeat;background-size:26px 24px;}
	.topWrap .topbtn a.topbtn_3{background:url('../../designer/images/common/topbtn_3.png') center no-repeat;background-size:26px 24px;}
	.topbtn a span{height:40px;}
	.topbtn a span.sb-toggle-right{display:block;}
	.topbtn a span.topMenuBtn{display:none;}

}
@media screen and (min-width:768px) and (max-width:1024px){
	.header{position:relative;padding-top:100px;}
	.topWrap{}
	.topWrap .gnb{display:none;}
	.topWrap .topbtn {float:none;width:100%;background-color:#2d2b31;}
	.topWrap a{background-image: none; height:80px;background-position:center;border-left:solid 1px #424146;}

	.topWrap .topbtn a{width:33.33%;margin-left: 0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.topWrap .topbtn a.topbtn_1{background:url('../../designer/images/common/topbtn_1.png') center no-repeat;border-left:none;}
	.topWrap .topbtn a.topbtn_2{background:url('../../designer/images/common/topbtn_2.png') center no-repeat}
	.topWrap .topbtn a.topbtn_3{background:url('../../designer/images/common/topbtn_3.png') center no-repeat}

	.topbtn a span{height:80px;}
	.topbtn a span.sb-toggle-right{display:block;}
	.topbtn a span.topMenuBtn{display:none;}

}
/**********************
navWrap
**********************/
.navWrap { position:relative; height:100px;  z-index:100; }
.navWrap h1.topLogo{position:absolute;top:0;left:0;}
.navWrap h1.topLogo a{width:224px;display:block;padding:29px 25px 28px 30px;}
.navWrap h1.topLogo a img{width:100%;}
.navWrap #nav{padding-top:30px; margin-left:377px;}
.navWrap #nav ul { overflow:hidden; padding-top:0px; }
.navWrap #nav ul li { float:left; margin-left:0px; }
.navWrap #nav ul li a span { display:block; width:auto; height:40px; text-indent:100%; white-space:nowrap; overflow:hidden; background:url('../../designer/images/common/topnavset.gif') no-repeat;}
.navWrap #nav .menu1 a span{ background-position:-25px 0;width:62px; }
.navWrap #nav .menu2 a span{ background-position:-146px 0; width:60px;}
.navWrap #nav .menu3 a span{ background-position:-263px 0;width:60px; }
.navWrap #nav .menu4 a span{ background-position:-381px 0;width:59px; }
.navWrap #nav .menu5 a span{ background-position:-498px 0; width:59px;}
.navWrap #nav .menu6 a span{ background-position:-616px 0; width:61px;}
.navWrap #nav .menu7 a span{ background-position:-734px 0; width:61px;}
.navWrap #nav .menu1 a:hover span,
.navWrap #nav .menu1 a.on span{background-position:-25px -100px;}
.navWrap #nav .menu2 a:hover span,
.navWrap #nav .menu2 a.on span{background-position:-146px -100px;}
.navWrap #nav .menu3 a:hover span,
.navWrap #nav .menu3 a.on span{background-position:-263px -100px;}
.navWrap #nav .menu4 a:hover span,
.navWrap #nav .menu4 a.on span{background-position:-381px -100px;}
.navWrap #nav .menu5 a:hover span,
.navWrap #nav .menu5 a.on span{background-position:-498px -100px;}
.navWrap #nav .menu6 a:hover span,
.navWrap #nav .menu6 a.on span{background-position:-616px -100px;}
.navWrap #nav .menu7 a:hover span,
.navWrap #nav .menu7 a.on span{background-position:-734px -100px;}
.navWrap #nav ul li a.mainmenu { display:block; padding:0 29px 0 29px; height:70px;}
.navWrap #nav ul li.menu1 a.mainmenu{padding:0 25px}

.navWrap #nav .submenu { display:none; position:absolute; left:0; top:100px; width:100%; background: #0072bc url('../../designer/images/common/topnav_bg.gif') no-repeat 0 bottom; height:145px;}
.navWrap #nav #submenu4 { background:#605ca9 url('../../designer/images/common/topnav_bg_4.gif') no-repeat 0 bottom;}
.navWrap #nav #submenu5 { background:#39b54a url('../../designer/images/common/topnav_bg_5.gif') no-repeat 0 bottom; }
.navWrap #nav #submenu6 { background:#998675 url('../../designer/images/common/topnav_bg_6.gif') no-repeat 0 bottom; }
.navWrap #nav #submenu7 { background:#df920d url('../../designer/images/common/topnav_bg_7.gif') no-repeat 0 bottom;}


.navWrap #nav .submenu ul {   text-align:center; padding-left:250px;overflow:hidden;}
.navWrap #nav #submenu2 ul {  padding-left:170px;/* padding-left:380px; */overflow:hidden;}
.navWrap #nav #submenu3 ul {  padding-left:170px;/* padding-left:380px; */overflow:hidden;}
.navWrap #nav #submenu4 ul {  padding-left:660px;overflow:hidden;}
.navWrap #nav #submenu5 ul {  padding-left:480px/* 780px */;overflow:hidden;}
.navWrap #nav #submenu6 ul {  padding-left:670px/* 790px */;overflow:hidden;}
.navWrap #nav #submenu6  {text-align: right;}
.navWrap #nav #submenu6 ul {  padding-left:0;overflow:hidden;display: inline-block;text-align: right;}
.navWrap #nav #submenu7  {text-align: right;}
.navWrap #nav #submenu7 ul {  padding-left:0;overflow:hidden;display: inline-block;text-align: right;}

.navWrap #nav .submenu ul li { display:inline-block; width:auto; margin:0 10px;text-align:center; }
.navWrap #nav .submenu a { display:block; width:auto; height:110px; font-size:15px;color:#FFF;text-align:center;padding-top:20px;font-weight:bold;letter-spacing:-1px;}
.navWrap #nav .submenu a img{display:inline-block; margin: 0 auto; vertical-align:middle;}
.navWrap #nav .submenu a:hover{border:0;}
.navWrap #nav ul li .submenu a span{background:none;text-indent:0;height:85px;width:105px;line-height:85px;}
.navWrap #nav #submenu5.submenu ul li,
.navWrap #nav #submenu5.submenu ul li a{width: 115px;}
.navWrap #nav .submenu .mainmenuOv{width:55px;height:5px;background:#0072bc;position:absolute;top:-5px;right:30px}
.navWrap #nav #submenu1 .mainmenuOv{left:408px}
.navWrap #nav #submenu2 .mainmenuOv{left:522px}
.navWrap #nav #submenu3 .mainmenuOv{left:639px}
.navWrap #nav #submenu4 .mainmenuOv{right:35px;background:#605ca9;}
.navWrap #nav #submenu5 .mainmenuOv{right:153px;background:#39b54a;}
.navWrap #nav #submenu6 .mainmenuOv{left:876px;background:#998675;}
.navWrap #nav #submenu7 .mainmenuOv{left:757px;background:#df920d;}
@media screen and (max-width:767px) {
	.navWrap{ position:static;height:0;}
	.navWrap h1.topLogo{position:absolute;top:0;left:0;right:0;}
	.navWrap h1.topLogo a{width:100%;height:auto;padding:11px 0 15px;padding:5px 0 0; text-align:center;}
	.navWrap h1.topLogo a img{width:190px;}
	#nav{display:none;}

}
@media screen and (min-width:768px) and (max-width:1024px){
	.navWrap{ position:static;height:0;}
	.navWrap h1.topLogo{position:absolute;top:0;left:0;right:0;}
	.navWrap h1.topLogo a{width:100%;height:auto;padding:22px 0 29px; text-align:center;}
	.navWrap h1.topLogo a img{width:auto;}
	#nav{display:none;}
}
/**********************
topMenuAll (데스크탑 중심)
**********************/
.topMenuAll{display:none;height:auto; left:0;right:0; position:absolute;top:60px;z-index:9999;background:#FFF;border-bottom:solid 1px #CCC;}
.topMenuAllWrap{width:1200px;overflow:hidden;margin:20px auto;}
.topMenuAll ul{overflow:hidden;margin-left:-25px;width:1250px;}
.topMenuAll ul li{float:left;width:200px;padding-left:24px;height:200px/* ;height:260px; */;padding-right:25px;border-left:solid 1px #CCC;}
.topMenuAllWrap>ul>li:nth-child(-n+5){height: 310px;}
.topMenuAll ul ul{width:auto;margin:0;padding-top:10px;}
.topMenuAll ul ul li{float:none;width:auto;height:auto;padding:0 0 4px 0;border:0;line-height:normal;}
.topMenuAll ul ul li a{display:block;line-height:20px;}
.topMenuAll h3{padding: 0px 0 5px 0px;font-size:1.2em;border-bottom:solid 2px #333;}

@media screen and (max-width:767px)  {
	.topMenuAll{display:none;}
}
/*******************************************************************************
subContainer
**********************/
.topLine{height:1px;background:#2173bf;}
/*.topLine.color1{background:#8dc63f;}
.topLine.color2{background:#8dc63f;}
.topLine.color3{background:#8dc63f;}
.topLine.color4{background:#8dc63f;}*/
.subContainer{overflow:hidden;padding-left:310px;min-height:700px;position:relative;}
.subSide{padding:40px;width:180px;position:absolute;top:0;left:0;bottom:0;border-right:solid 1px #e5e5e5;}
.subContent{width:840px;padding:50px 50px 50px 0px;}
/*********************
subSide(데스크탑 중심)
*********************/
.subSide h3.sideTit{ height:70px;line-height:normal;}
.subSide h3.sideTit em{display:none;text-transform:uppercase;}
.subSide h3.sideTit span{display:block; text-indent:100%; white-space:nowrap; overflow:hidden;height:70px;}
.subSide h3.sideTit .lt_00{background:url('../../designer/images/sub/left_tit_0.gif') 0 0  no-repeat;}
.subSide h3.sideTit .lt_01{background:url('../../designer/images/sub/left_tit_01.gif') 0 0  no-repeat;}
.subSide h3.sideTit .lt_02{background:url('../../designer/images/sub/left_tit_02.gif') 0 0  no-repeat;}
.subSide h3.sideTit .lt_03{background:url('../../designer/images/sub/left_tit_03.gif') 0 0  no-repeat;}
.subSide h3.sideTit .lt_04{background:url('../../designer/images/sub/left_tit_04.gif') 0 0  no-repeat;}
.subSide h3.sideTit .m_btnSubShow{display:none;}
.subMenu { text-align: left; padding-bottom:30px;padding-top:20px;}
.subMenu li{border-bottom:solid 1px #d9d9d9;padding:0;}
.subMenu li a{height:40px; line-height:40px ;display:block;padding:0 0 0 28px;color:#363636;background:url(../../designer/images/common/dot_gray.gif) 21px center no-repeat;font-size:14px}
.subMenu li a:hover,
.subMenu li a.on{color:#156ec0; font-weight:bold;background-image:url(../../designer/images/common/dot_brown.gif) }
/***************
accordion
****************/
.accordion{background:url('../../designer/images/sub/left_line.gif') 0 top  no-repeat;padding-top:20px;}
.accordion * { margin: 0; padding: 0 ; }
.accordion a{}
.accordion h3 { }
.accordion ul {}
.accordion li,.accordion-opener { }
.accordion li h3 a,
.accordion li.active  h3 a,
.accordion li.locked h3 a,
.accordion li.toggleMenu h3 a,
.accordion li.toggleMenu-no a {height:37px; line-height:36px; padding:0 0 0 10px;color:#252525;font-weight:600;font-size:14px; border-bottom:solid 1px #e8e8e8;display:block;}

.accordion li.toggleMenu h3 a:hover,
.accordion li.toggleMenu-no a:hover,
.accordion li.toggleMenu-no.active a,
.accordion li.active  h3 a,
.accordion li.active  h3 a:hover{color:#FFF;background:url(../../designer/images/sub/left_nav_ov.gif) 0 0 no-repeat;border-top:0;height:37px;line-height:36px;}


.accordion li.toggleMenu ul { list-style: none; margin: 0; padding: 3px 0 10px 0px;border-bottom:solid 1px #e8e8e8}
.accordion li.toggleMenu ul li { display: block;border-bottom:none;}
.accordion li.toggleMenu ul li a { list-style: none; padding: 0; margin: 0;font-size: 13px;color:#7d7d7d;line-height: 23px;height: 24px; padding-left:10px;font-weight:600;background:none;border:none;display:block; }
.accordion li.toggleMenu ul li a.on,
.accordion li.toggleMenu ul li a:hover{ color:#156ec0;}
.accordion .loading { background:#fff; }
.accordion li.toggleMenu ul li ul {border-top:0;padding:0 0 0 10px;}

.sideIcon{overflow:hidden;width:180px;margin-bottom:30px;margin-top:30px;}
.sideIcon li{float:left;width:59px;height:59px;margin:0 0 1px 1px;}
.sideIcon li.sideicon_1,
.sideIcon li.sideicon_4{width:60px;margin:0 0px 1px 0px;}
.sideIcon li a{display:block;width:100%;height:59px;background-color:#f2f2f2;background-repeat:no-repeat;background-image:url('../../designer/images/sub/left_icon.png'); text-indent:100%; white-space:nowrap; overflow:hidden;}
.sideIcon li a:hover{;background-color:#d5dfe3;}
.sideIcon li.sideicon_1 a{background-position:0 0;}
.sideIcon li.sideicon_2 a{background-position:-61px 0;}
.sideIcon li.sideicon_3 a{background-position:-121px 0;}
.sideIcon li.sideicon_4 a{background-position:0 -60px;}
.sideIcon li.sideicon_5 a{background-position:-61px -60px;}
.sideIcon li.sideicon_6 a{background-position:-121px -60px;}

.sideLink .box_show_area{ width:178px; height:28px; border:solid 1px #d5d5d5;background:#FFF;text-align:left;position:relative;font-size:0.9em;}
.sideLink .box_show_area .btn_show{display:block;background:#FFF url(../../designer/images/common/foot_aro_dn.gif) right 0 no-repeat;  cursor:pointer;z-index:20;color:#666; padding-left:8px;line-height:28px; height:28px; }
.sideLink .box_show_area .box_show{right:-1px; height:auto;padding:0 0; position:absolute; z-index:20; top:28px;bottom:auto; left:-1px; border:solid 1px #d5d5d5;background:#FFF;display:none;}
.sideLink .box_show_area .box_show li{border-top:solid 1px #d5d5d5;text-align:left;}
.sideLink .box_show_area .box_show li.first{border-top:none;}
.sideLink .box_show_area .box_show li a {padding-left:8px; line-height:26px; display:block; height:26px; text-transform:uppercase; color:#333}
.sideLink .box_show_area .box_show li a:hover{background:#f5f5f5;color:#666}
/**********
subContent
**********/
/*title*/
.subContent .subPageTitle{position:relative; }
.subContent .subPageTitle h2{font-size:2.8em;padding:0; margin:0;border:0;height:70px;font-weight:600; font-family:'NanumBarunGothic';line-height:normal;background:url('../../designer/images/sub/left_line.gif') 0 bottom  no-repeat}
.subContent .subPageTitle .location{position:absolute;  top:0px; right:0; z-index:1; font-weight:400;color:#585858;padding:0; left:auto;line-height:27px;height:27px;text-align:right;font-family:'NanumBarunGothic'}
.subContent .subPageTitle .location em.home{display:inline-block;background:url('../../designer/images/sub/icon_home.gif') 0 center  no-repeat; font-size:0;width:14px;height:0px;padding-top:27px;line-height:0px;vertical-align:middle; margin: 0}

.subContent .subPageTitle .location span{display:inline-block;background:url('../../designer/images/sub/left_line.gif') 0 0  repeat-y;height:27px;width:1px; text-indent:100%; white-space:nowrap; 
overflow:hidden;font-size:0;line-height:12px;vertical-align:middle; margin: 0 20px 0 18px;}
.subContent .subPageTitle .location strong{color:#000; font-weight:normal;}
.pageContent {padding:20px 0 50px 0;color:#252525;min-height:520px;}
@media screen and (max-width:1024px){
	.subContainer{padding-left:0px;}
	.subSide{padding:0px;width:100%;border-right:0;background:#ccc;position:relative;top:auto;bottom:auto;left:auto;height:81px;}

	.topLine,
	.sideLink,
	.sideIcon{display:none;}

	.subSide h3.sideTit{ height:80px;line-height:normal;cursor:pointer;background:#156ec0 url('../../designer/images/sub/sideTit_aro.png') right center  no-repeat;border-bottom:solid 1px #05619b;}
	.subSide h3.sideTit span{display:block;text-indent:0;height:80px;line-height:80px;color:#FFF;font-weight:700;font-size:2.18em;font-family:'NanumBarunGothic';padding-left:30px;}
	.subSide h3.sideTit span.lt_00,
	.subSide h3.sideTit span.lt_01,
	.subSide h3.sideTit span.lt_02,
	.subSide h3.sideTit span.lt_03,
	.subSide h3.sideTit span.lt_04{background:none;}
	.subSide h3.sideTit em{display:inline-block;font-size:0.8em;line-height:normal;padding-top:5px;vertical-align:middle;opacity:.75;font-weight:700;}
	.subSide h3.sideTit .m_btnSubShow{display:block;position:absolute;height:80px;top:0;left:0;display:block;right:0;z-index:1;text-indent:100%; overflow:hidden;color:transparent;}
	.accordion{display:none;}
	.accordion{position:absolute;top:82px;left:0;width:100%;z-index:200;padding-top:0;background:#FFF;border-bottom:0;box-shadow:0 3px 8px 0 rgba(0,0,0,0.3);}
	.accordion *{font-family:'NanumBarunGothic';/*letter-spacing:-0.03em;*/}

	.accordion li h3 a,
	.accordion li.active  h3 a,
	.accordion li.locked h3 a,
	.accordion li.toggleMenu h3 a,
	.accordion li.toggleMenu-no a {height:79px; line-height:79px; padding:0 0 0 30px;color:#454545;font-weight:700;font-size:28px; border-bottom:solid 1px #b2b2b2;display:block;background:#FFF;border-top:0}

	.accordion li.toggleMenu h3 a:hover,
	.accordion li.toggleMenu-no a:hover,
	.accordion li.toggleMenu-no.active a,
	.accordion li.active  h3 a,
	.accordion li.active  h3 a:hover{color:#156ec0;background:#FFF;border-top:0;height:79px;line-height:79px;border-bottom:solid 1px #b2b2b2;}

	.accordion li.toggleMenu ul { list-style: none; margin: 0; padding: 10px 0 10px 0px;border-bottom:solid 1px #b2b2b2;background:#ebebeb;border-top:0;}
	.accordion li.toggleMenu ul li { display: block;border-bottom:none;}
	.accordion li.toggleMenu ul li a { list-style: none; padding: 0; margin: 0;font-size: 24px;color:#7d7d7d;line-height: 40px;height: 40px; 
	padding-left:40px;font-weight:400;background:none;border:none;display:block;background:url('../../designer/images/sub/left_bul.gif') 30px 15px  no-repeat;}
	.accordion li.toggleMenu ul li a.on,
	.accordion li.toggleMenu ul li a:hover{ color:#156ec0;}
	.accordion .loading { background:#ccc; }
	.accordion li.toggleMenu ul li ul {border-top:0;padding:0 0 0 0px;border-bottom:0;}
	.accordion li.toggleMenu ul li ul a{background:none;}
	.subContent .subPageTitle{padding-bottom:50px;}
	.subContent .subPageTitle h2{font-size:2.5em;font-weight:600;/*letter-spacing:-1px;*/ height:60px;}
	.subContent .subPageTitle .location{ top:auto;bottom:0; right:auto;left:0;text-align:left;font-size:1em;height:20px;padding:0 0 0 14px; background-size:12px 11px;background-position:0 9px;}
	.subContent .subPageTitle .location strong{font-weight:bold;}
	.subContent .subPageTitle .location span{height:20px; margin: 0 5px 0 6px;line-height:normal;}
	.pageContent {font-size:1.35em;}
	.popCont .pageContent {font-size:1em;}
}

@media screen and (min-width:768px) and (max-width:1024px){
	.subContent{width:auto;padding:30px;}
}
@media screen and (max-width:767px){
	.subSide{height:41px;}
	.topLine,
	.sideLink,
	.sideIcon{display:none;}
	.subSide h3.sideTit{ height:40px;line-height:normal;cursor:pointer;background:#156ec0 url('../../designer/images/sub/sideTit_aro.png') right center  no-repeat;background-size:32px 11px ;}
	.subSide h3.sideTit span{display:block;text-indent:0;height:40px;line-height:40px;color:#FFF;font-weight:700;font-size:1.35em;font-family:'NanumBarunGothic';padding-left:15px;}
	.subSide h3.sideTit span.lt_02{background:none;}
	.subSide h3.sideTit em{display:inline-block;font-size:0.8em;line-height:normal;padding-top:2px;vertical-align:middle;opacity:.75;font-weight:700;}
	.subSide h3.sideTit .m_btnSubShow{display:block;height:40px;}
	.accordion{display:none;}
	.accordion{position:absolute;top:41px;left:0;width:100%;z-index:200;padding-top:0;background:#FFF;border-bottom:0;box-shadow:0 2px 5px 0 rgba(0,0,0,0.1);}
	.accordion *{font-family:'NanumBarunGothic';/*letter-spacing:-0.03em;*/}

	.accordion li h3 a,
	.accordion li.active  h3 a,
	.accordion li.locked h3 a,
	.accordion li.toggleMenu h3 a,
	.accordion li.toggleMenu-no a {height:33px; line-height:35px; padding:0 0 0 15px;color:#454545;font-weight:700;font-size:1.3em; border-bottom:solid 1px #b2b2b2;display:block;background:#FFF;border-top:0}

	.accordion li.toggleMenu h3 a:hover,
	.accordion li.toggleMenu-no a:hover,
	.accordion li.toggleMenu-no.active a,
	.accordion li.active  h3 a,
	.accordion li.active  h3 a:hover{color:#156ec0;background:#FFF;border-top:0;height:33px;line-height:35px;border-bottom:solid 1px #b2b2b2;}

	.accordion li.toggleMenu ul { list-style: none; margin: 0; padding: 0px 0 0px 0px;border-bottom:solid 1px #b2b2b2;background:#ebebeb;border-top:0;margin-top:-1px;}
	.accordion li.toggleMenu ul li { display: block;border-bottom:none;}
	.accordion li.toggleMenu ul li a { font-size: 1.0em;color:#7d7d7d;line-height: 32px;height: 29px; padding-left:22px;font-weight:400;background:none;border:none;display:block;background:url('../../designer/images/sub/left_bul.gif') 15px center 
	 no-repeat; background-size:2px 2px ;border-top:1px solid #CCC;}
	.subContent{width:auto;padding:10px;}
	.pageContent {font-size:1.2em;}
}
/*******************
tabMenu
******************/
.tabMenu {height:54px;margin-bottom:20px;padding-top:35px;}
.tabMenu ul{ zoom:1;}
.tabMenu ul:after{content:''; clear:both; display:block}
.tabMenu ul li{float:left; width:50%;padding-bottom:10px;}
.tabMenu ul li a{display:block; text-align:center;height:44px;line-height:44px;background:#e1e1e1;color:#444;margin-left:10px;transition: all 0.25s ease-out;}
.tabMenu ul li a:hover{color:#6f767e;background:#c4d3e2}
.tabMenu ul li.on{background:url('../../designer/images/sub/tab_aro.gif') center bottom  no-repeat;}
.tabMenu ul li.on a{color:#FFF;background:#0054a6;}
.tabMenu ul li.first a{margin-left:0px;}
.tabMenu.col3 li{width:33.33%; }
.tabMenu.col4 li{width:25%; }
.tabMenu.col5 li{width:20%; }
.tabMenu.col6 li{width:16.6%; }

@media screen and (max-width:1024px){
	.tabMenu {margin-bottom:0px;}
}
/**********
고객만족도
**********/
.areaPoll {position:relative; overflow:hidden; clear:both; min-height:78px; border:1px solid #e2e2e2;}
.areaPoll.noLine{border: 0;}
.areaPoll .leftArea {overflow:hidden; padding:30px 0 30px 111px; border-bottom:1px solid #e2e2e2; background:url('../../designer/images/sub/icon_poll.png') no-repeat 37px 50%}
.areaPoll .leftArea p{color:#333;}
.areaPoll .leftArea p:first-child{margin-bottom:10px}
.areaPoll .leftArea p + p{color:#4d4d4d; float:left;}
.areaPoll .leftArea p + p + p {padding-left:20px; margin-left:20px; border-left:1px dotted #333;}
.areaPoll .leftArea p + p span {margin:8px 0 0; padding-left:20px; background:url('../../designer/images/sub/icon_phone.png') no-repeat left 3px;}
.areaPoll .rightArea {position:relative; padding:30px 0 30px 37px;}
.areaPoll .rightArea dt{color:#333; margin-bottom:13px;}
.areaPoll .rightArea dd{position:relative; overflow:hidden; color:#4d4d4d;}
.areaPoll .rightArea dd span{display:block; float:left; height:17px; margin-right:15px;}
.areaPoll .rightArea dd span label{display:block; float:left;}
.areaPoll .rightArea dd span input{float:left;}
.areaPoll .rightArea dd + dd {position:absolute; min-width:367px; height:46px; top:50%; left:50%; padding-left:30px; margin-top:-23px; border-left:1px solid #e2e2e2;}
.areaPoll .rightArea dd > label{display:block; position:absolute; left:30px; top:0; line-height:100%; width:55px;}
.areaPoll .rightArea dd > p{margin:18px 72px 0 0; height:25px; border:1px solid #d3d3d3;}
.areaPoll .rightArea dd > p input {padding:0; margin:0; width:100%; height:23px; line-height:23px; border:0;}
.areaPoll .rightArea dd > button {position:absolute; right:0; top:0; width:73px; height:27px; padding:0; margin:0; background:url('../../designer/images/sub/btn_poll.png') no-repeat left top;  text-indent:100%; white-space:nowrap; 
overflow:hidden;}
.areaPoll .rightArea dd > input[type="button"]{position:absolute; right:0; top:18px; width:73px; height:27px; padding:0; margin:0; background:url('../../designer/images/sub/btn_poll.png') no-repeat left top; text-indent:100%; 
white-space:nowrap; overflow:hidden;}
@media screen and (min-width:768px) and (max-width:1024px){
	.areaPoll { width: auto; margin:0 }
	.areaPoll .rightArea {position:relative; padding:20px 0 40px 37px; height:50px;}
	.areaPoll .rightArea dt{float:left; margin-right:15px;}
	.areaPoll .rightArea dd{float:left}
	.areaPoll .rightArea dd + dd{width:87%; top:50px; left:0; padding-left:30px; padding-top:15px; margin-top:0; margin-left:30px; border-left:0; border-top:1px solid #e2e2e2}
	.areaPoll .rightArea dd > label {left:0; top:20px; width:55px;}
	.areaPoll .rightArea dd > p{margin:0px 72px 0 35px;}
	.areaPoll .rightArea dd > input[type="button"] {top:15px;}
}
@media screen and  (max-width:767px)  {
	.areaPoll  { font-size:13px; }
	.areaPoll .leftArea {position:relative; top:0; left:0px; padding:17px 15px 15px 70px; width:auto; height:auto; border-right:0; line-height:140%; border-bottom:1px solid #eee; background-position:17px 17px; background-size:35px 40px;}
	.areaPoll .leftArea p + p + p {padding-left:0; margin-left:0; border-left:0;}
	.areaPoll .rightArea {padding:15px;}
	.areaPoll .rightArea dd{position:relative; overflow:hidden; color:#4d4d4d;}
	.areaPoll .rightArea dd span{display:block; float:left; height:14px; margin-right:14px; padding-bottom:3px;}
	.areaPoll .rightArea dd span label{display:block; float:left; margin-right:-7px; vertical-align:middle;}
	.areaPoll .rightArea dd span input{float:left; margin-right:0; margin-bottom:2px; vertical-align:top;}
	.areaPoll .rightArea dd span:last-child {margin-right:0;}
	.areaPoll .rightArea dd + dd {position: relative; min-width:100% !important; height:60px; top:8px; left:0; padding-left:0; padding-top:20px; margin-top:0; border-left:0; border-top:1px solid #e2e2e2;}
	.areaPoll .rightArea dd > label {left:0; top:20px;}
	.areaPoll .rightArea dd > p{margin:20px 72px 0 0;}
	.areaPoll .rightArea dd > input[type="button"] {top:40px;}
}

@media screen and (max-width:320px) {
	.areaPoll .rightArea {padding: 15px 0 !important;}
	.areaPoll  {padding:12px !important; font-size:12px !important;}
	.areaPoll .rightArea dd span label {font-size:11px; margin-right:-8px!important }
}

@media screen and (min-width:768px){
#wrap {width:100%;}
}

@media screen and (min-width:768px) and (max-width:1024px){
#wrap {width:100%;}
}
@media screen and (min-width:1025px){
.header{ width:1200px;margin:0 auto;}
#wrap { box-shadow:3px 0 12px 0 rgba(200,200,200,0.6); width:1200px;margin:0 auto;}
}
.pageContent .sort_box{height:auto;overflow: hidden;}
.pageContent .sort_box ul.lst{height:35px;  float:left;overflow: hidden;}
.pageContent .sort_box ul.lst li{ font-size:13px;}
.pageContent .sort_box ul.lst li a{font-size:13px; display:block;padding: 5px 12px; height:auto;line-height:25px; letter-spacing: -1px;}
@media screen and (max-width:1024px){
.pageContent .sort_box{border: 0;}
.pageContent .sort_box ul.lst{display: block;float: none;height: auto;border: 0;border-top: 1px solid #ddd;border-left: 1px solid #ddd;}
.pageContent .sort_box ul.lst li {width: 25%;display: block;border: 0;}
.pageContent .sort_box ul.lst li a{font-size:12px;padding: 5px 0; border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
}
@media screen and (max-width:450px){
.pageContent .sort_box ul.lst li {width: 33.33%;}
.subContent .subPageTitle h2{font-size: 1.85em;height: 40px;}
}
/*2024-09-09*/
.sort_box.rows{border: 0;height: auto !important;}
.pageContent .sort_box.rows ul.lst{border: none;float: none;display: flex;flex-wrap: wrap;height: auto;gap:3px}
.pageContent .sort_box.rows ul.lst li{float: none;border: 1px solid #ddd;flex: 0 0 calc(25% - 3px);border-radius:4px;overflow: hidden;box-sizing: border-box;margin: 0;}
.pageContent .sort_box.rows ul.lst li a{border: none;line-height: 1.1;display: flex;justify-content: center;align-items: center;height: auto;padding: 10px 0 ;border-radius:4px;flex-direction: column;height: 100%;box-sizing: border-box;}
.pageContent .sort_box.rows ul.lst li a i{display: none;}

@media screen and  (max-width:1024px){
.pageContent .sort_box.rows ul.lst,
.pageContent .sort_box.rows ul.lst li a{border: none;}
}
@media screen and  (max-width:780px){
.pageContent .sort_box.rows ul.lst li a i{display: block;}
.pageContent .sort_box.rows ul.lst li{margin-bottom: 0;flex: 0 0 calc(25% - 3px)}
.pageContent .sort_box.rows ul.lst li a{padding: 7px 0;}
}