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

	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 { display: inline-block; max-width: 100%; height: auto; margin: 0; padding: 0; }
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; }

.kakao { display: none; height: 0; }

@media (max-width: 767px) {
  .kakao { display: block; position: fixed; left: 0; bottom: 0; width: 100%; height: 40px; text-align: center; background: #F9DF02; z-index: 1000; }
}

/*================================================= 
	Navigation
=================================================*/
#header { display:block; position: relative; width: 100%; min-width: 1170px; height: 110px; }
.topBox { position: relative; width: 1170px; min-width: 1170px; height:55px; margin: 0 auto; overflow: hidden; }
h1.logo { display: inline-block; position: absolute; left: 0; top: 10px; z-index: 99999; }
.gnb { position: absolute; top: 16px; right: 0; font-size: 0; z-index: 2; }
.gnb span { display: inline-block; margin-left: 18px; font-size: 13px; color:#555; }
.gnb span a { color:#555; }
.gnb span a:hover { color:#222; }
.gnb span:last-child a { display: inline-block; padding: 4px 10px 3px; color:#fff; border: 2px solid #ED1846; border-radius: 15px; background: #ED1846; }
/*.gnb span:last-child a:hover { border: 2px solid #555; border-radius: 15px; background: #555; }*/
.lnb { position: relative; width: 1170px; min-width: 1170px; margin: 0 auto;  border-top: 1px solid #EE1067; }
.lnb > ul { display: block; font-size: 0; }
.lnb > ul li { float:left; display: inline-block; height: 55px; line-height: 55px; padding-left: 10px; font-size: 19px; font-weight: 500; color: #222; text-align: left; }
.lnb01 { width: 200px; }
.lnb02 { width: 200px; }
.lnb03 { width: 155px; }
.lnb04 { width: 170px; }
.lnb05 { width: 155px; }
.lnb06 { width: 155px; }
.lnb07 { width: 135px; }
.lnb > ul li a { color: #333; }
.lnb > ul li a:hover { color: #ED1846; }
.snb { display: none; position: absolute; left: 0; top: 110px; width: 100%; min-width: 1170px; height: 241px; padding: 0 0 20px; border-top: 1px solid #A8405B; background: #A8405B; 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 #BD6E82; }
.snb01 { width: 200px; }
.snb02 { width: 200px; }
.snb03 { width: 155px; }
.snb04 { width: 170px; }
.snb05 { width: 155px; }
.snb06 { width: 155px; }
.snb07 { width: 135px; }
.snbBox > ul li > ul li { font-size: 13px; font-weight: 400; color: #FFDEEB; text-align: left; }
.snbBox > ul li > ul li a { display: inline-block; width: 100%; height: 28px; line-height: 28px; padding-left:10px; color: #fff; }
.snbBox > ul li > ul li a:hover { color: #fff; }


.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: #CA3231; z-index: 99999; }
  .logo { position: absolute; left: 10px; top: 12px; 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: #EC3A3A; 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: #FF5D5D; } /* 2depth bgcolor */
  .menu ul li a:hover { color: #fff; background: #CA3231; }
  .menu ul li.hover > a { color: #fff; background: #CA3231; }
  .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: 580px; width: 100%; z-index: 10; }
.vslBox1 { position: relative; width: 1170px; margin: 0 auto; overflow: hidden; }
.vslBox1 span { display: block; float: left; width:585px; }

#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: url('/image/main/vsl1.jpg') 50% 0 no-repeat; }
.spot_image2 .image { background: url('/image/main/vsl2.jpg') 50% 0 no-repeat; }
.spot_image3 .image { background: 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: block; position: relative; top: 0; z-index: 1; }
  .vslBox1 { position: relative; width: 100%; margin: 0 auto 15px; font-size: 0; }
  .vslBox1 span { display: block; float: none; width: 100%; margin: 0; padding: 0; }
  #visualwrap { height: 250px; min-height: 250px; margin-top: 60px; }
  .spot_images .image div { height: 250px; min-height: 250px; }
  .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; }
}


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

#section1, #section2, #section3, #section4, #section5, #section6, #section7 { position: relative; margin: 0;  padding: 50px 0; background: #fff; overflow: hidden; }
#section1 { margin: 130px 0 45px; padding: 0; }
#section2 { background: #D3E0EE; }
#section4 { padding: 0 0 50px; }
#section5 { padding-bottom: 0; background: #FD5D65; }

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

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

@media (min-width: 768px) and (max-width: 991px) {
  .container { width: 750px; }
}

@media (max-width: 767px) {
  #section1, #section2, #section3, #section4, #section5, #section6, #section7 { position: relative; margin: 15px 0; background: #fff; overflow: hidden; }
  #section1, #section2, #section3 { margin: 0; padding: 0 0 20px; }
  #section4 { margin: 0; padding: 0; }
  #section5 { margin: 0; padding: 25px 0; background: #FD5D65; }
  .container, .container1 { 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; }
.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: 33.33333333%; }
}

@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
=================================================*/

.mainTit { position: relative; padding: 0; font-size: 2.917em; font-weight: 400; color: #111; }
.mainTit span { display: block; margin: 15px 0 60px; font-size: 18px; font-weight: 400; color: #fff; }
.mainTit1 { position: relative; margin: 0 0 20px; font-size: 1.917em; font-weight: 600; color: #666; }
.mainTit1 span { display: block; margin: 8px 0 0; font-size: 13px; font-weight: 400; color: #999; }
.ent { display: inline; }
.white { color: #fff; }
.black { color: #111; }

.evBox, .evBox1 { position: relative; width: 100%; overflow: hidden; }
.evBox1 { margin: 25px 0 0; }
.evBox_L { float: left; width: 770px; margin: 0; }
.evBox_R { float: right; width: 370px; margin: 0; }
.evBox1_L { float: left; width: 370px; margin-right: 30px; }
.evBox1_R { float: left; width: 370px; margin: 0; }

.ctrBox { position: relative; overflow: hidden; }
.ctrBox_L, .ctrBox_R { float: left; }

.icBox { position: relative; width: 100%; padding: 0 0 50px; border-bottom: 1px dotted #FED4D6; overflow: hidden; }
.icBox span { display: block; float: left; width: 195px; font-size: 1.250em; color: #fff; text-align: center; }
.icBox span img { display: inline-block; margin: 0 0 12px; }
.icBox span a { color: #fff; }

@media (max-width: 767px) {
  .mainTit { margin: 0; padding: 0; font-size: 1.417em; }
  .mainTit span { margin: 15px 0; font-size: 12px; line-height: 140%; }
  .mainTit1 { margin: 0 0 10px; font-size: 1.417em; }
  .mainTit1 span { font-size: 12px; }
  .ent { display: block; }
  .evBox, .evBox1 { position: relative; width: 100%; overflow: hidden; }
  .evBox1 { margin: 0; }
  .evBox_L { float: none; width: 100%; margin: 15px 0 0; }
  .evBox_R { float: none; width: 100%; margin: 15px 0 0; }
  .evBox1_L { float: none; width: 100%; margin: 15px 0 0; }
  .evBox1_R { float: none; width: 100%; margin: 15px 0 0; }
  .ctrBox { position: relative; overflow: hidden; }
  .ctrBox_L, .ctrBox_R { float: none; width: 100%; margin: 0; }
  .icBox { position: relative; width: 100%; margin: 0; padding: 0; border-bottom: 1px dotted #FED4D6; overflow: hidden; }
  .icBox span { display: inline-block; float: left; width: 50%; margin: 0 0 15px; font-size: 1.167em; color: #fff; text-align: center; }
  .icBox span img { display: inline-block; margin: 0 0 8px; }
}


.imgTy1 { margin: 0 0 17px; }
.mbTxt { color: #888; line-height: 140%; }
.mbTxt span { display: block; margin: 0 0 7px; font-size: 1.167em; font-weight: 600; color: #333; }


.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:50px; font-size: 0; }
.conXp2 { float: left; display: block; width: 710px; margin-right: 0; font-size: 0; }
.conXp3 { position: relative; margin: 0 0 35px; font-size: 0; overflow: hidden;}
.conXp3_L { float: left; display: block; width: 330px; margin-right:50px; padding: 20px 0 0; border-top: 5px solid #E0B902; }
.conXp3_R { float: left; display: block; width: 330px; margin-right: 0; padding: 20px 0 0; border-top: 5px solid #E0B902; }
.conXp4 { position: relative; margin: 0; font-size: 0; overflow: hidden; }
.conXp4_L { float: left; display: block; width: 330px; margin-right:50px; }
.conXp4_R { float: left; display: block; width: 330px; margin-right: 0; }

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

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

#subvisualwrap { display: table; position: relative; width: 100%; margin: 0 0 20px; }
.subvisual1, .subvisual2, .subvisual3, .subvisual4, .subvisual5, .subvisual6, .subvisual7, .subvisual8, .subvisual9 { display: table-cell; height: 260px; min-height: 260px; 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-top: 60px; }
  .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: 100%; margin-top: -40px; }
.pageNav { display: block; position: relative; width: 1170px; height: 45px; margin: 0 auto 50px; background: url('/image/sub/bg_nav.jpg') left top no-repeat; }
.pageNav li { float:left; display: inline-block; height:45px; line-height:45px; font-size:1.083em; font-weight:500; }
.pageNav > li:first-child { background: #ED1846; }
.pageNav li.p0 { width: 200px; margin-right:0px; padding:0 0 0 20px; font-size:1.083em; font-weight:600; color:#fff; border-left:1px solid #FD5D9C; background: #ED1846 url('/image/sub/arw.png') 140px center no-repeat; }
.pageNav li.p1 {  }
.select { position: relative; display: block; width: 250px; height: 45px; line-height: 45px; }
.select .placeholder { position: relative; display: block; padding-left: 20px; font-weight: 600; color: #fff; background: #394FA4; z-index: 1; cursor: pointer; }
.select .placeholder:hover { background: #5571DC; }
.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: 42px; line-height: 42px; padding-left: 20px; font-size: 14px; color: #fff; border-bottom:1px solid #768EEB; border-top: 0; background: #5571DC; cursor: pointer; }
.select ul li:first-child { border-top:1px solid #768EEB; }
.select ul li a { display: block; width: 100%; height: 42px; line-height: 42px; color: #fff; }
.select ul li:hover {  color: #fff; background: #394FA4; }
#pageNavBoxM { display: none; }

@media (max-width: 768px) {
  #pageNavBox { display: none; height: 0; }
  .pageNav { height: 0; }
}


.subTitle { position: relative; margin: 0 0 10px; padding: 0; font-size: 2.500em; font-weight: 500; color: #111; text-align: center; background: url('/image/common/sub_title_line.png') center bottom no-repeat; }
.subTitleSmt { text-align: center; }
.subTitleSmt span { display: inline-block; padding: 4px 7px 2px; font-size: 12px; color: #fff; border: 0px solid #EF9B9B; border-radius: 10px; background: #bbb; }
.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: 3.5em 0; font-size:1.083em; font-weight:300; color:#555; letter-spacing: 0.3px; line-height:1.5em; }

@media (max-width: 767px) {
  .subTitleSmt span { display: none; height: 0; }
  #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 1.5em; background: #fff; }
.footerMn { display: none; }
.footerGo { position: relative; background: #FD5D65; }
.footerGoBox { width:1170px; margin:0 auto; padding: 0; }
.footerGoBox span { display:inline-block; height:48px; line-height:48px; margin: 0 40px 0 0; padding-left: 50px; font-size: 1.167em; font-weight: 500; color: #fff; }
.footerGoBox span a { color: #fff; }
.footerGoBox span:nth-child(1) { 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 #777; }
.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 #555; border-radius: 15px; background: #555; }
.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; }
  .footerGoBox { width: 100%; padding: 5px 0; }
  .footerGoBox span { display: block; height:50px; line-height:50px; margin: 0 0 0 15px; }
  .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%; }
}