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

	Author: Epulse	URL: http://epulse.co.kr

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

@import url('font.css');
@import url('normalize.css');
@import url("hoverex-all.css");
@import url('sub_con.css');
@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css";

/*================================================= 
	General Structures
=================================================*/

* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-size: 87.5%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* 기준 14px */
body { height: 100%; margin: 0; font-family: 'NanumBarunGothicWeb', 'NanumMalgunGothicWeb', Dotum, sans-serif; font-weight: 400; color: #555; background: #fff; overflow-x: hidden; }
a { margin: 0; padding: 0; text-decoration: none; -webkit-transition: background-color .3s linear, color .3s linear; -moz-transition: background-color .3s linear, color .3s linear; -o-transition: background-color .3s linear, color .3s linear; -ms-transition: background-color .3s linear, color .3s linear; transition: background-color .3s linear, color .3s linear; }
a:hover, a:focus { text-decoration: none; color: #2F74BB; }
img { max-width: 100%; height: auto; }
ol, ul, li { margin: 0; padding: 0; list-style: none; }
::-moz-selection { color: #fff; text-shadow: none; background: #2B2E31; }
::selection { color: #fff; text-shadow: none; background: #2B2E31; }
.ctr { text-align: center; }
p { overflow: hidden; }

/*================================================= 
	Navigation
=================================================*/
#header { display:block; position: relative; width: 100%; min-width: 1170px; height: 97px; border-bottom: 2px solid #E7343F; background: #fff; }
.topBox { position: relative; width: 1170px; min-width: 1170px; height:37px; margin: 0 auto; border-bottom: 1px solid #EFCEA8; overflow: hidden; }
h1.logo { display: inline-block; position: absolute; left: 0; top: 6px; z-index: 99999; }
.gnb { position: absolute; top: 6px; right: 0; font-size: 0; z-index: 2; }
.gnb span { display: inline-block; margin-left: 4px; padding: 3px 7px 2px; font-size: 13px; color:#555; border: 0px solid #F6931E; border-radius: 0px; background: #fff; }
.gnb span a { color:#777; }
.gnb span a:hover { color:#222; }
.gnb span:last-child { display: inline-block; margin-left: 4px; padding: 3px 7px 2px; font-size: 13px; color:#555; border: 2px solid #E6820D; border-radius: 15px; background: #E6820D; }
.gnb span:last-child a { color:#fff; }
.gnb span:last-child a:hover { color:#fff; }
.lnb { position: relative; width: 1170px; min-width: 1170px; margin: 0 auto; }
.lnb > ul { display: block; font-size: 0; }
.lnb > ul li { float:left; display: inline-block; height: 60px; line-height: 60px; padding: 0 0 0 60px; font-size: 19px; font-weight: 500; color: #222; }
.lnb > ul li a { color: #222; }
.lnb > ul li a:hover { color: #1A1A9B; }
.lnb > ul li:first-child { width: 250px; }
.snb { display: none; position: absolute; left: 0; top: 97px; width: 100%; min-width: 1100px; padding: 0 0 20px; border-top: 1px solid #C1164F; background: #C1164F; z-index: 100; }
.snbBox { position: relative; width: 1170px; min-width: 1170px; margin: 14px auto 0; text-align: right; }
.snbBox > ul { display: block; font-size: 0; }
.snbBox > ul li { float:left; display: block; text-align: left; border-left:1px solid #DC7C9C; }
.snbBox > ul li > ul li { display: inline-block; font-size: 13px; font-weight: 400; color: #F3D0DC; text-align: left; }
.snbBox > ul li > ul li a { display: inline-block; width: 100%; height: 28px; line-height: 28px; padding-left:10px; color: #F3D0DC; }
.snbBox > ul li > ul li a:hover { color: #fff; }
.snb1 { display: inline-block; width:165px; margin-left: 310px; }
.snb2 { display: inline-block; width:170px; }
.snb3 { display: inline-block; width:130px; }
.snb4 { display: inline-block; width:145px; }
.snb5 { display: inline-block; width:140px; }
.snb6 { display: inline-block; width:100px; }
.snb1 > ul li, .snb2 > ul li, .snb3 > ul li, .snb4 > ul li, .snb5 > ul li, .snb6 > ul li { display: inline-block; width:100%;}


.nav_wrapper { display:none; }
.logo { position: absolute; left: 40px; top: 14px; z-index: 99999; }
.logo img { width: 100%; max-width: 100%; }


@media (max-width: 991px) {

  #header { display:none; height: 0; }
  .nav_wrapper { display:block; position: fixed; left: 0; top: 0; width: 100%; transition: top .5s ease-out; background: #CB4A4A; z-index: 99999; }
  .logo { position: absolute; left: 10px; top: 15px; z-index: 99999; }
  .logo img { width: 90%; max-width: 90%; }
  .scroll { top: -90px; }
  .no-scroll { top: 0; z-index: 9999; }
  .spinner-master input[type=checkbox] { display: none; }
  .spinner-master * { transition: all 0.3s; box-sizing: border-box; }
  .spinner-master {  float: right; position: relative; width: 30px; height: 30px; margin: 15px; } /* menu icon */
  .spinner-master label { position: absolute; left: 0; top: 5px; width: 100%; height: 100%; z-index: 99; cursor: pointer; }
  .spinner-master .spinner { position: absolute; width: 100%; height: 4px; padding: 0; background-color: #fff; }
  .spinner-master .diagonal.part-1 { float: left; position: relative; }
  .spinner-master .horizontal { float: left; position: relative; margin-top: 4px; }
  .spinner-master .diagonal.part-2 { float: left; position: relative; margin-top: 4px; }
  .spinner-master input[type=checkbox]:checked ~ .spinner-spin > .horizontal { opacity: 0; }
  .spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-1 { transform: rotate(135deg); -webkit-transform: rotate(135deg); margin-top: 10px; }
  .spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-2 { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); margin-top: -12px; }
  .menu { clear: both; float: none; min-width: inherit; }
  .menu, .menu > ul ul { max-height: 0; background-color: #DD4E4E; overflow: hidden; } /* 1depth bgcolor */
  .menu > li > ul { padding: 0px; border: none; }
  .menu.active, .menu > ul ul.active { max-height: 55em; }
  .menu ul { display: inline; float: none; margin: 0; }
  .menu li, .menu > ul > li { display: block; margin: 0; padding: 0; }
  .menu > ul > li:last-of-type a { border: none; }
  .menu li a { display: block; position: relative; padding: 0.8em; color: #fff; }
  .menu li.has-submenu > a:after { content: '+'; display: block; position: absolute; top: 0; right: 0; font-size: 1.5em; padding: 0.55em 0.5em; }
  .menu li.has-submenu > a.active:after { content: "-"; }
  .menu ul ul > li a { padding: 10px 18px 10px 30px; background-color: #F55454; } /* 2depth bgcolor */
  .menu ul li a:hover { color: #fff; background: #AC3131; }
  .menu ul li.hover > a { color: #fff; background: #AC3131; }
  .menu ul ul, .menu ul ul ul { display: inherit; position: relative; left: auto; top: auto; border: none; }
  .lnb_icon { display: none; }

}

/*================================================= 
	Main Visual
=================================================*/

.vslBox { display: block; position: absolute; left: 0; top: 530px; width:100%; height: 194px; min-height: 194px; background: url('/image/main/vslbar.jpg') center top no-repeat; z-index: 10; }
.vslBoxM { display: none; height: 0; }

#visualwrap { display: table; position: relative; width:100%; height: 540px; min-height: 540px; background: #fff; }
.spot { position: relative; }
.spot_images { overflow:hidden; }
.spot_images .spot_image1, .spot_images .spot_image2, .spot_images .spot_image3, .spot_images .spot_image4, .spot_images .spot_image5, .spot_images .spot_image6, .spot_images .spot_image7 { position: absolute; left: 0; top: 0; width: 100%; height: auto; text-align: center; }
.spot_images .spot_image2, .spot_images .spot_image3, .spot_images .spot_image4, .spot_images .spot_image5, .spot_images .spot_image6, .spot_images .spot_image7 { opacity:0; filter:alpha(opacity=0); }
.spot_images .image div { height: 540px; min-height: 540px; text-align: center; }
.spot_images .image div img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.spot_image1 .image { background:#FAF5D4 url('/image/main/vsl1.jpg') 50% 0 no-repeat; }
.spot_image2 .image { background:#FFC6D7 url('/image/main/vsl2.jpg') 50% 0 no-repeat; }
.spot_image3 .image { background:#C6FFF9 url('/image/main/vsl3.jpg') 50% 0 no-repeat; }
.mainshow { z-index: 1 !important }
.spot_static { display: block; position: absolute; left: 50%; top: 0; width: 200px; height: 30px; margin-left: -140px; z-index: 10;}
.spot_static .page { display: block; position: absolute; top: 540px; right: 0px; z-index: 2; }
.spot_static .page a { float: left; display: inline-block;width: 0px; height: 0px; margin: 0 5px; border: 0; background: url('/image/main/main_img_off.png') no-repeat; _background: none; text-indent: -9999px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/main/main_img_off.png',sizingMethod=crop); cursor: pointer; _cursor:hand; }
.spot_static .page a.on, .spot_static .page a:hover { background-image: url('/image/main/main_img_on.png'); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/main/main_img_on.png',sizingMethod=crop); }

@media (min-width: 768px) and (max-width: 991px) {
  #visualwrap { height: 450px; min-height: 450px; }
  .spot_images .image div { height: 450px; min-height: 450px; }  
  .spot_static .page a { display: none; }
}

@media (max-width: 767px) {
  .vslBox { display: none; height: 0; }
  #visualwrap { height: 170px; min-height: 170px; margin-top: 60px; }
  .spot_images .image div { height: 170px; min-height: 170px; }
  .spot_images .image div img { width: 0; max-width: 0; height: 0; }
  .spot_image1 .image { background: url('/image/main/vsl1.jpg') 50% 0 no-repeat; background-size: cover; }
  .spot_image2 .image { background: url('/image/main/vsl2.jpg') 50% 0 no-repeat; background-size: cover; }
  .spot_image3 .image { background: url('/image/main/vsl3.jpg') 50% 0 no-repeat; background-size: cover; }
  .spot_static .page a { display: none; }
  .vslBoxM { display: block; position: relative; height: auto; margin: 0; }
  .vslBoxM img { width: 100%; }
}


/*================================================= 
	Content Layout
=================================================*/

#section0, #section1, #section2, #section3, #section4, #section5, #section6, #section7 { position: relative; margin: 1.4% 0; background: #fff; overflow: hidden; }
#section0 { height: 140px; margin: 0 0 40px 0; padding: 0; background: #E7820E; }
#section00 { display: none; height: 0; }
#section1 { margin: 40px 0; padding: 0; }
#section2 { padding: 0 0 1.5%; background: #F2EA1B; }
#section4 { margin-bottom: 0; padding: 1.5% 0; background: #F4F4F4; }
#section3 {  }
#section6 { margin: 0; padding: 2% 0; background: url('/image/main/sec6_bg.jpg') center center no-repeat; }

.container { position: relative; width: 1170px; margin: 0 auto; }

@media (min-width: 992px) and (max-width: 1199px) {
  .container { width: 970px; }
}

@media (min-width: 768px) and (max-width: 991px) {
  #section5 { padding: 2% 0; background: #353D52; }
  .container { width: 750px; }
}

@media (max-width: 767px) {
  #section0 { display: none; height: 0; }
  #section00 { display: block; height: 15px; background: #FF9711; }
  #section1, #section2, #section3, #section4, #section5, #section6, #section7 { position: relative; margin: 15px 0; background: #fff; overflow: hidden; }
  #section1 { margin: 0; background:#FF9711; }
  #section4 { padding: 20px 0 15px; background: #F4F4F4; }
  #section6 { margin: 0; padding: 25px 0 0; background: #F2F2F2; }
  .container { width: 100%; padding-right: 15px; padding-left: 15px; }
}


/* 균등분할시 - 1분할 : conTp1, 2분할 : conTp2, 3분할 : conTp3, 4분할 : conTp4, 5분할 : conTp5, 6분할 : conTp6, 7분할 : conTp7, 8분할 : conTp8 */
.conbox { margin: 0 -15px; overflow: hidden; }
.conTp1, .conTp2, .conTp2_h, .conTp3, .conTp4, .conTp5, .conTp6, .conTp7, .conTp8, .conTp9, .conTp10, .conEp1, .conEp2, .conEp3, .conEp4, .conEp5, .conEp6, .conEp7, .conEp8, .conEp9, .conEp10 { position: relative; min-height: 1px; margin: 0; padding: 0 15px; }
.conTp1, .conTp2, .conTp2_h, .conTp3, .conTp4, .conTp5, .conTp6, .conTp7, .conTp8, .conTp9, .conTp10, .conEp1, .conEp2, .conEp3, .conEp4, .conEp5, .conEp6, .conEp7, .conEp8, .conEp9, .conEp10 { float: left; display: inline-block; }
.conTp1 { width: 100%; }
.conTp2 { width: 50%; }
.conTp3 { width: 33.33333333%; }
.conTp4 { width: 25%; }
.conTp5 { width: 20%; }
.conTp6 { width: 16.66666666%; }
.conTp7 { width: 14.28571428%; }
.conTp8 { width: 12.5%; }
.conTp9 { width: 11.11111111%; }
.conTp10 { width: 10%; }
/* 차등분할시*/
.conEp1 { width: 90%; }
.conEp2 { width: 87.5%; }
.conEp3 { width: 33.33333333%; padding: 0; border:1px solid #F2EA1B; border-bottom:1px solid #F2EA1B; border-right:0; background:#fff; }
.conEp3:last-child { border-right:1px solid #F2EA1B; }
.conEp4 { width: 75%; }
.conEp5 { width: 70%; }
.conEp6 { width: 66.66666666%; }
.conEp7 { width: 62.5%; }
.conEp8 { width: 60%; }
.conEp9 { width: 40%; }
.conEp10 { width: 30%; }

@media (max-width: 767px) {
  .conTp1, .conTp2, .conTp2_h, .conTp3, .conTp4, .conTp5, .conTp6, .conTp7, .conTp8, .conTp9, .conTp10, .conEp1, .conEp2, .conEp3, .conEp4, .conEp5, .conEp6, .conEp7, .conEp8, .conEp9, .conEp10 { margin: 0 0 2em; }
  .conTp1, .conTp2, .conTp3, .conEp1, .conEp2, .conEp3, .conEp4, .conEp5, .conEp6, .conEp7, .conEp8, .conEp9, .conEp10 { width: 100%; }
  .conTp4 { width: 100%; margin: 0 0 5px; }
  .conTp5, .conTp6, .conTp7, .conTp8, .conTp9, .conTp10, .conTp10 { width: 100%; }
  .conEp3 { margin: 0 0 10px; border:0; }
}

@media (min-width: 768px) and (max-width: 991px) {
  .conTp1, .conTp2, .conEp1, .conEp2, .conEp3, .conEp4, .conEp5, .conEp6, .conEp7, .conEp8 { width: 100%; }
  .conTp3, .conTp4, .conEp9 { width: 50%; }
  .conTp5, .conTp6, .conTp7, .conTp8, .conTp9, .conTp10, conEp10 { width: 33.33333333%; }
}

/*================================================= 
	Main
=================================================*/

.sample { display: inline-block; width: 100%; height: 300px; background: #999; }
.portfolio-centered h3 { margin: 0 0 0.7em; font-size: 1.929em; font-weight: 500; color: #111; text-align: center; }
.portfolio { display: block; padding: 0 !important; margin: 0 !important; }
.portfolio-item .title:before { display: none; border-radius: 0; }
.portfolio-item { padding: 1px 2px; }
.portfolio-item h3 { margin: 0 0 25px; padding: 40px 0 0; font-size: 2.000em; font-weight: 500; color: #fff; text-transform: uppercase; }
.portfolio-item p { margin: 0 0 20px; padding: 0 30px; color: #fff; line-height: 1.3em; text-transform: uppercase; }
.tpl6 { margin: 0; padding: 0; }
.tpl6 .dmbutton { display: inline-block; margin: 0 5px; padding: 8px 15px 9px; font-size: 1em; color: #fff; background: #7780A2; }
.tpl6 .bg { width: 100%; height: 100%; margin: -2px 0 0; background-color: #2F3034; background-color: rgba(47,48,52,.9); text-align: center; }

@media (max-width: 991px) {
  .portfolio-item h3 { font-size: 1.143em; }
}
@media (min-width: 992px) and (max-width: 1700px) {
  .portfolio-item h3 { font-size: 1.286em; }
}

.conXp1 { float: left; display: block; width: 410px; margin-right:10px; font-size: 0; }
.conXp2 { float: left; display: block; width: 730px; margin-right: 0; font-size: 0; }
.conXp3 { position: relative; margin: 0 0 10px; font-size: 0; overflow: hidden; }
.conXp3_L { float: left; display: block; width: 360px; margin-right:10px; }
.conXp3_R { float: left; display: block; width: 360px; margin-right: 0; }
.conXp4 { position: relative; margin: 0; font-size: 0; overflow: hidden; }
.conXp4_L { float: left; display: block; width: 360px; margin-right:10px; }
.conXp4_R { float: left; display: block; width: 360px; margin-right: 0; }

@media (max-width: 767px) {
  .conXp1 { float: none; display: block; width: 100%; margin: 0; font-size: 0; }
  .conXp2 { float: none; display: block; width: 100%; margin: 0; font-size: 0; }
  .conXp3 { position: relative; margin: 0; font-size: 0; overflow: hidden;}
  .conXp3_L { float: none; display: block; width: 100%; margin: 0; padding: 0; }
  .conXp3_R { float: none; display: block; width: 100%; margin: 0; padding: 0; }
  .conXp4 { position: relative; margin: 0; font-size: 0; overflow: hidden; }
  .conXp4_L { float: none; display: block; width: 100%; margin: 0; }
  .conXp4_R { float: none; display: block; width: 100%; margin: 0; padding: 0 0 15px; }
}

/*================================================= 
	Sub
=================================================*/

#subvisualwrap { display: table; position: relative; width: 100%; padding: 30px 0 0; background: url('/image/sub/vsl_bg.jpg') left top repeat-x; }
.subvisual1, .subvisual2, .subvisual3, .subvisual4, .subvisual5, .subvisual6, .subvisual7, .subvisual8, .subvisual9 { display: table-cell; height: 240px; min-height: 240px; text-align:center; vertical-align: middle; }
.subvisual1 { background: url('/image/sub/vsl1.jpg') center top no-repeat; }
.subvisual2 { background: url('/image/sub/vsl2.jpg') center top no-repeat; }
.subvisual3 { background: url('/image/sub/vsl3.jpg') center top no-repeat; }
.subvisual4 { background: url('/image/sub/vsl4.jpg') center top no-repeat; }
.subvisual5 { background: url('/image/sub/vsl5.jpg') center top no-repeat; }
.subvisual6 { background: url('/image/sub/vsl6.jpg') center top no-repeat; }
.subvisual7 { background: url('/image/sub/vsl7.jpg') center top no-repeat; }
.subvisual8 { background: url('/image/sub/vsl8.jpg') center top no-repeat; }
.subvisual9 { background: url('/image/sub/vsl9.jpg') center top no-repeat; }
.subcopy { margin: 1.3em 0 0; padding: 0 0.8em; font-size: 2.429em; font-weight: 500; color: #fff; line-height: 1.2em; }
.subcopy_smt { display: block; margin: 0.5em 0 0; font-size: 14px; font-weight: 300; color: #fff; line-height: 1.2em; }

@media (max-width: 767px) {
  #subvisualwrap { margin: 57px 0 25px; padding:0; }
  .subvisual1, .subvisual2, .subvisual3, .subvisual4, .subvisual5, .subvisual6, .subvisual7, .subvisual8, .subvisual9 { display: table-cell; height: 140px; min-height: 140px; text-align:center; vertical-align: middle; }
  .subvisual1 { background-size: cover; }
  .subvisual2 { background-size: cover; }
  .subvisual3 { background-size: cover; }
  .subvisual4 { background-size: cover; }
  .subvisual5 { background-size: cover; }
  .subvisual6 { background-size: cover; }
  .subvisual7 { background-size: cover; }
  .subvisual8 { background-size: cover; }
  .subvisual9 { background-size: cover; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .subvisual { height: 300px; min-height: 300px; }
}

#pageNavBox { display: block; position: relative; width: 1170px; margin: 0 auto 50px; border-bottom: 1px solid #FE9A25; }
.pageNav { display: block; position: relative; width: 1170px; height: 50px; overflow: hidden; }
.pageNav_H { float: left; display: block; width: 50px; height: 50px; background: #F6931E; }
.pageNav_T { float: left; display: block; width: 170px; height: 50px; line-height: 52px; padding-left: 20px; font-size: 17px; font-weight:600; color:#fff; border-left: 1px solid #F9B15D; background: #F6931E; }
.pageNav_T1 { float: left; display: block; width: 140px; height: 50px; line-height: 52px; padding-left: 20px; font-size: 17px; font-weight:600; color:#fff; border-left: 1px solid #F9B15D; background: #F6931E; }
.pageNav_M { float: left; display: block; width: 900px; height: 50px; font-size: 0; }
.pageNav_M span { display: inline-block; height: 50px; line-height: 52px; padding: 0 30px; ;font-size: 16px; font-weight: 400; color: #444; }
.pageNav_M span a { color: #444; }
.pageNav_M span a:hover { color: #C27302; }
.pageNav_M1 { float: left; display: block; width: 980px; height: 50px; font-size: 0; }
.pageNav_M1 span { display: inline-block; height: 50px; line-height: 52px; padding: 0 10px; ;font-size: 16px; font-weight: 400; color: #444; }
.pageNav_M1 span a { color: #444; }
.pageNav_M1 span a:hover { color: #C27302; }
.pageNav_SM_O { color: #C1164F; }

/*
.pageNav li { float:left; display: inline-block; height:50px; line-height:50px; font-size:1.083em; font-weight:500; }
.pageNav li:first-child { background: #FCF6EE; }
.pageNav li.p0 { width:180px; margin-right:0px; padding:0 0 0 20px; font-size:1.083em; font-weight:600; color:#222; border-left:0px solid #5BA5DB; background: url('/image/sub/arw.png') 140px center no-repeat; }
.pageNav li.p1 { /*width:250px; border-right:1px solid #F3F001;*/ }
*/
.select { position: relative; display: block; width: 230px; height: 50px; line-height: 50px; border-right:1px solid #3C8CC5; background: #005AAB; }
.select .placeholder { position: relative; display: block; padding-left: 20px; font-weight: 600; color: #fff; z-index: 1; cursor: pointer; }
.select .placeholder:hover { background: #D96007; }
.select .placeholder:after { position: absolute; right: 1em; top: 50%; font-family: 'FontAwesome'; content: '\f078'; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; }
.select.is-open .placeholder:after { content: '\f077'; }
.select.is-open ul { display: block; }
.select.select--white .placeholder { background: #fff; color: #999; }
.select.select--white .placeholder:hover { background: #fafafa; }
.select ul { display: none; position: absolute; overflow: hidden; width: 100%; top: 100%; left: 0; list-style: none; margin: 0; padding: 0; z-index: 100; }
.select ul li { display: block; width: 100%; height: 44px; line-height: 44px; padding-left: 20px; font-size: 14px; color: #fff; border-bottom:1px solid #5BA5DB; border-top: 0; background: #2686CC; cursor: pointer; }
.select ul li a { display: block; width: 100%; height: 44px; line-height: 44px; color: #fff; }
.select ul li:hover {  color: #fff; background: #005AAB; }
#pageNavBoxM { display: none; }

@media (max-width: 768px) {
  #pageNavBox { display: none; height: 0; }
  .pageNav { width: 100%; background:#1D84E1; }
  .pageNav li:first-child { display: none; }
  .pageNav li.p0 { max-width: 120px; border-right: 0px solid #4F96D3; }
  .pageNav li.p1 { float:right; display: inline-block; }
  .pageNav li.p2, .pageNav li.p3 { display: none; }
}

#submenuwrap { position: relative; margin: 0; background: url('/image/common/submenu_line.jpg') center bottom repeat-x; }
.submenubox { text-align: center; }
.submenu a { display: inline-block; padding: 0.7em 1.4em; font-size: 1.143em; font-weight: 400; color: #666; }
.submenu a:hover { color: #125BD3; background: url('/image/common/submenu_line1.jpg') center bottom repeat-x; }
.submenu_on a { display: inline-block; padding: 0.7em 1.4em; font-size: 1.143em; font-weight: 400; color: #000; background: url('/image/common/submenu_line2.jpg') center bottom repeat-x; }
.subTitle { position: relative; margin: 0 0 10px; padding: 0; font-size: 2.500em; font-weight: 500; color: #111; text-align: center; }
.subTitleSmt { display: block; position: relative; margin: 0; padding: 0 0 25px; font-size: 12px; color: #999; text-align: center; background: url('/image/sub/d_line.png') left bottom repeat-x; }
.paging_box { position: relative; margin: 0; padding: 0; font-size: 0; text-align: center; }
.paging_box span { display: inline-block; margin-right: 6px; padding-right: 12px; font-size: 12px; font-weight: 400; color: #777; background: url('/image/sub/sub_home_arrow.png') right 2px no-repeat; }
.paging_box span:last-child { margin-right: 0; padding-right: 0; background: none; }
.paging_box span img { vertical-align:middle; }
.content { position: relative; min-height: 600px; padding: 2.4em 0 3.5em; font-size:1.083em; font-weight:300; color:#555; letter-spacing: 0.3px; line-height:1.5em; }

@media (max-width: 767px) {
  #submenuwrap { display: none; }
  .paging_box { text-align: center; }
  .content { padding: 1.5em 0; }
}

/*================================================= 
	Footer
=================================================*/
.mob_tel { display: none; height: 0; }
#footerwrap { position: relative; padding: 0 0 2em; }
.footerMn { display: none; }
.footerGo { position: relative; width: 1170px; margin: 0 auto; padding: 0 15px; border:2px solid #FEDB1C; border-radius:10px; background: #FEDB1C; }
.footerGoBox { width: 100%; }
.footerGoBox span { display:inline-block; height:60px; line-height:62px; margin-right: 40px; padding-left: 60px; font-size: 1.167em; font-weight: 500; color: #222; }
.footerGoBox span a { color: #222; }
.footerGoBox span:nth-child(1) { margin-left: 0px; background: url('/image/common/fic1.png') left center no-repeat; }
.footerGoBox span:nth-child(2) { background: url('/image/common/fic2.png') left center no-repeat; }
.footerGoBox span:nth-child(3) { background: url('/image/common/fic3.png') left center no-repeat; }
.footerGoBox span:nth-child(4) { display: inline-block; float:right; margin-right: 0px; padding: 0; font-size: 0.917em; }
.footer_logo { position: relative; padding: 0 0 0.6em; font-size: 1em; font-weight: 400; color: #333; border-bottom:0px solid #aaa; }
.footer_mn { float: right; font-weight: 400; color:#CE5656; }
.footer_mn a { display: inline-block; font-size: 0.875em; font-weight: 400; color: #666; }
.footerLogo { position: absolute; top:10px; right: 0; }
.footer_address { margin: 1em 0; font-size:13px; color:#888; line-height: 1.6em; }
.footer_txt0 { display: block; }
.footer_txt1 { display: inline-block; margin-right: 22px; }
.footer_txt2 { display: inline-block; margin-right: 22px; }
.footerFm { display: block; padding: 13px 0 0; border-top: 1px solid #444; }
.footerFm span { display: inline-block; margin-right: 35px; }
.footerFm span a { color: #333; }
.footerFm span:first-child { padding: 3px 10px 2px; font-size: 0.917em; color: #fff; border:1px solid #444; border-radius: 15px; background: #444; }
.return_top { display:block; position: fixed; right: 5px; bottom: 15px; z-index: 99999; }
.return_top img { width:70%; max-width:70%; }

@media (min-width: 768px) and (max-width: 991px) {  
  .footerGoBox { width: 100%; }
  .return_top { display: none; }
  .return_top img { width:70%; max-width:70%; }
}

@media (max-width: 767px) {
   .mob_tel { display: table; position: fixed; left: 0; bottom: 0; width: 100%; font-size: 1.125em; font-weight: 600; color: #fff; text-align: center; background: #3360C5; z-index: 9999; }
  .mob_tel a { color: #ffffff; }
  .mob_tel span { display: table-cell; padding: 8px 5px 6px; vertical-align: middle; }
  .mob_tel img { height: 22px; object-fit: contain; }
  .footerMn { display: block; position: relative; padding: 12px 15px 0; }
  .footerMn span a { display: inline-block; margin-right: 15px; color:#333; }
  .footerGo { position: relative; width: 100%; margin: 0 auto; padding: 0 15px; border:2px solid #FEDB1C; border-radius:0px; background: #FEDB1C; }
  .footerGoBox { width: 100%; padding: 5px 0; }
  .footerGoBox span { display: block; height:50px; line-height:50px; margin-left: 0; font-size: 1.083em; }
  .footerGoBox span:nth-child(4) { display: none; }
  .footer_mn { display: none; }
  .footer_txt0, .footer_txt1, .footer_txt2 { display: block; }
  .footerLogo { display: none; height: 0; }
  .footerFm { display: none; height: 0; }
  .return_top { display: none; }
  .return_top img { width:0%; max-width:0%; }
}