/* ================================================================= */
/* ========================= ▼공통된부분 시작점▼ ========================= */
/* ================================================================= */


@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');

*,body {margin:0; padding:0;}
/*html {height: 100%;} body {height: 100%; }*/
body {font-family:"Nanum Gothic" !Important; background:#fff;}
body:after
{-moz-animation: overlay-hide 1.5s ease-in forwards !important; -webkit-animation: overlay-hide 1.5s ease-in forwards !important;
-ms-animation: overlay-hide 1.5s ease-in forwards !important; animation: overlay-hide 1.5s ease-in forwards !important; 
background: #ffffff; content: ''; display: block; height: 100%; left: 0; opacity: 0; position: fixed; top: 0; width: 100%; z-index: -1;}

body.is-loading:after
{ -moz-animation: none !important; -webkit-animation: none !important; -ms-animation: none !important; 
animation: none !important; opacity: 1; z-index: 10;}

div, header, nav, article, section, aside, footer, ul, ol, li, a, h1, h2, h3, h4, h5, h6, hgroup, p, span, img, figure, figcaption {position:relative;}
img {border:none; vertical-align:middle; max-width:100%;}
a, a:hover, a:visited  {text-decoration:none;} 
li {list-style:none;}
input {outline:none;}
:-webkit-any(article,aside,nav,section) h1 {-webkit-margin-before: 0 !important;    -webkit-margin-after: 0 !important;}
.overfl {overflow:hidden;}


header {width:93%; height:69px; top:0; border-bottom:1px solid #dedede; padding:0 3.5%; line-height:69px; position:fixed; z-index:911026; background:rgba(255,255,255,1);}
header > h1 {float:left;}





/* ================= 푸터 ================= */

footer {width:100%; background:#20252c; padding:20px 0; overflow:hidden;  }
footer img {vertical-align:middle;}
.footer2 {margin:0 auto;  text-transform:uppercase; }
.footer2 p {color:#ddd;  font-size:12px;}


@media screen and (min-width:1215px)
{
.footer2 {width:90%; height:30px;}
.footer2 p {float:left; line-height:30px; height:30px;}
.footer2 ul{float:right;}
.footer2 ul li {float:left; margin-left:20px;}
}


@media screen and (min-width:768px) and (max-width:1214px)
{
.footer2 {width:90%; height:44px;}
.footer2 p {float:left; font-size:12px; line-height:22px;}
.footer2 p span {display:block;}
.footer2 ul{float:right;}
.footer2 ul li {float:left; margin-left:20px; line-height:44px;}
}

@media screen and (min-width:0px) and (max-width:767px)
{
.footer2 {width:90%; }
.footer2 p {width:100%; font-size:12px; line-height:22px; text-align:center; }
.footer2 p span {display:block;}
.footer2 ul {margin:10px auto 0 auto; width:30%;}
.footer2 ul li {float:left; text-align:center; widtH:50%; }
}

/* ================= 푸터 ================= */





/* ================================================================= */
/* ========================= ▼메인페이지 시작점▼ ========================= */
/* ================================================================= */


#mainvis {width:100%; height:100%; overflow:hidden;}
#supersized img {display:none; outline:none; border:none; cursor:default;  }
#supersized-loader { position:absolute; left:50%; z-index:0; width:60px; height:60px; margin:0 0 0 -30px; text-indent:-999em; background:url(/resource/css/web/supersized/progress.gif) no-repeat center center;}
#supersized {display:block; position:absolute; left:0; overflow:hidden; z-index:-999; top:0; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
#supersized li { display:block; list-style:none; z-index:-30; position:absolute; overflow:hidden; left:0; width:100%; /*height:100%;*/ background:#fff; }
#supersized a { width:100%;/*height:100%;*/ display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url(/resource/css/web/supersized/progress.gif) no-repeat center center; width:100%; /*height:100%;*/ }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }
#supersized {display:block; position:absolute; left:0; overflow:hidden; z-index:-999; height:100%;/*★814*/ width:100%;}

#prevslide, #nextslide{ position:absolute; height:100%; width:54px; opacity:1;   z-index:101;}
#prevslide{ left:60px; background:url(/img/prev.png) left center no-repeat; }
#nextslide{ right:60px; background:url(/img/next.png) left center no-repeat; }
#prevslide:hover, #nextslide:hover{ cursor:pointer; }

.maintext {width:90%;  text-align:center; margin:0 auto; height:100%;}
.maintext > article {color:#383838; font-style:italic;  margin:30px 0 0 0;}
.atag11 {display:block; background:rgba(255,120,0,0.5); line-height:63px; margin:37px auto 0 auto; text-align:center; color:#fff; font-weight:bold; }
.atag11:hover {opacity:0.6;}
.atag12 {text-align: center; display:block; margin: 0 auto;   position:absolute; bottom:0; width:100%; }
.atag12:before {content: '';display: inline-block;vertical-align: middle;height: 100%;}
.atag12:hover {background:url(/img/atag_bottom_hover.png) no-repeat center;}


/*===========================================================================*/


#wrap_white {width:100%; background:#f8f8f8; padding:70px 0  0 0 ; /*height:100%;  */}
.wwhg {width:100%; text-align:center; margin:50px auto 0 auto;}
.wwhg > h1 {color:#222; font-weight:900; text-transform:uppercase;}
.wwhg > h3 {color:#333; text-transform:uppercase; margin:25px 0;}
.wwhg > h5 {color:#373737; font-weight:normal;  line-height:25px; background:url(/img/blit1.png) no-repeat center bottom; padding:0 0 40px 0;}
.wwcon {width:80%; margin:0 auto; padding:70px 0 0 0;}
.wwcon_con2 > article h5 {text-align:center; background:#7f7f7f; color:#fff; text-transform:uppercase; height:35px; line-height:35px; padding:0 15px; }
.wwcon_con2 > article h1 {padding:20px 0 ; color:#353535; font-size:25px; letter-spacing:-0.05em; line-height:33px;}
.wwcon_con2 > article p {line-height:25px; font-size:15px; color:#353535;}
/*
.wwcon > article h5 {text-align:center; background:#7f7f7f; color:#fff; text-transform:uppercase; height:35px; line-height:35px; padding:0 15px; }
.wwcon > article h1 {padding:20px 0 ; color:#353535; font-size:25px; letter-spacing:-0.05em; line-height:33px;}
.wwcon > article p {line-height:25px; font-size:15px; color:#353535;}
*/
.atag21 {display:block ; margin:30px 0 0 0; text-transform:uppercase; background:url(/img/atag_bg2.png) no-repeaT center; text-align:Center; color:#fff;}
.atag21:hover {opacity:0.7;}

#wrap_white2 {width:100%; background:#f8f8f8;   padding:60px 0 160px 0;}
.ww33 > h1 {overflow:hidden; color:#5e5e5e; margin:10px 0 0 0;}
.ww33 > h1 span {text-transform:uppercase; }
.ww33 > article {font-size:13px; margin:10px 0 0 0 ; line-height:23px; text-align:justify; text-transform:uppercase;}
.atag22 {text-align: center; display:block; margin: 0 auto;   position:absolute; bottom:0px; width:100%; }
.atag22:before {content: '';display: inline-block;vertical-align: middle;height: 100%;}
.atag22:hover {background:url(/img/atag_bottom_hover.png) no-repeat center;}


/*===========================================================================*/


#wrap_portfolio {width:100%; /*height:100%; */background:#fff; padding:70px 0 120px 0 ;}
.wplistwrap {width:80%; margin:50px auto 0 auto; }
.wp33 { height:100%;}
.wp33 > a > figure {width:100%; height:100%; background:url(/img/wp_img0.jpg) no-repeaT Center;}
.wp33 > a > figure > img {width:100%;}
.wp33 > a > figure:hover {cursor:pointer;  }
.wp33 > a > h1 {font-size:12px; text-transform:uppercase; color:#5e5e5e; font-weight:normal; text-align:center; width:100%; margin:10px 0 0 0;}


.ap_wrap {position:absolute;; width:100%; top:30%;  }
.apwcon {width:98%; margin:1% 0 0 0; padding:0 0 0 1%;}
.avgrund-popup {visibility: hidden; opacity: 0; z-index: 300;  background: rgba(255,255,255, 0.9) ; box-shadow: 0px 0px 20px rgba( 0, 0, 0, 0.2 ); -webkit-transform: scale( 0.8 ); -moz-transform: scale( 0.8 ); -ms-transform: scale( 0.8 ); -o-transform: scale( 0.8 ); transform: scale( 0.8 ); }
.avgrund-popup.stack {-webkit-transform: scale( 1.5 ); -moz-transform: scale( 1.5 ); -ms-transform: scale( 1.5 ); -o-transform: scale( 1.5 ); transform: scale( 1.5 );}
.avgrund-active .avgrund-popup-animate {visibility: visible; opacity: 1; -webkit-transform: scale( 1.1 ); -moz-transform: scale( 1.1 ); -ms-transform: scale( 1.1 ); -o-transform: scale( 1.1 ); transform: scale( 1.1 );}
.avgrund-active .avgrund-popup.stack {-webkit-transform: scale( 1.1 ); -moz-transform: scale( 1.1 ); -ms-transform: scale( 1.1 ); -o-transform: scale( 1.1 ); transform: scale( 1.1 );}
.avgrund-ready .avgrund-popup.no-transition {-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
.avgrund-ready body, .avgrund-ready .avgrund-contents, .avgrund-ready .avgrund-popup, .avgrund-ready .avgrund-cover
{-webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%;
-webkit-transition: 0.3s all cubic-bezier(0.250, 0.460, 0.450, 0.940); -moz-transition: 0.3s all cubic-bezier(0.250, 0.460, 0.450, 0.940); -ms-transition: 0.3s all cubic-bezier(0.250, 0.460, 0.450, 0.940);
-o-transition: 0.3s all cubic-bezier(0.250, 0.460, 0.450, 0.940); transition: 0.3s all cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.avgrund-popup > figure {width:100%; height:100%;}
.avgrund-popup > figure > img {width:100%;}
.apwcon h1 span {display:block; letter-spacing:-0.05em; text-transform:uppercase;}
.apwcon h1 span:first-child {color:#2f2f2f; font-weight:900;}
.apwcon h1 span {color:#555; font-weight:normal; margin:5px 0 0 0;}
.apw_btn {text-transform:uppercase; margin:10px 0 0 0;}
.apw_btn a {color:#fff; text-align:center; font-weight:bold; display:block; height:32px; line-height:32px; padding:0 10px; background:#ee8413; }
.apw_btn a:first-child {background:#7c7c7c;}
.apw_btn a:hover {opacity:0.7; cursor:pointer;}

.atag3 {display:block; width:210px; height:48px; line-height:48px; background:url(/img/atag3.jpg) no-repeat center top; text-align:center; text-transform:uppercase; color:#fff; font-size:13px; margin:75px auto 0 auto;}
.atag3:hover {opacity:0.6;}


/*===========================================================================*/


#wrap_conus {width:100%;   background:url(/img/conus_bg.jpg) no-repeat center top; padding:70px 0 120px 0; background-attachment:fixed;}
.wchg {width:100%; text-align:center; margin:50px auto 0 auto; text-transform:uppercase; color:#fff;}
.wchg > h1 {font-weight:900;}
.wchg > h3 {margin:25px 0;}
.wchg > h5 {font-weight:normal;  line-height:25px; background:url(/img/blit2.png) no-repeat center bottom; padding:0 0 40px 0;}
.wc_cont  {width:74%; margin:40px auto 0 auto; background:rgba(255,255,255,0.1) ; padding:3%;}

.wccfll h1 {overflow:hidden; background:rgba(255,255,255,0.7);margin:20px 0 0 0;}
.wccfll h1:first-child {margin:0;}
.wccfll span, .wccfll input {display:block;}
.wccfll span {color:#4b2810; text-transform:uppercase; font-size:15px; background:url(/img/blit3.png) no-repeaT right center; padding:0 7px 0 0; letter-spacing:-0.05em; }
.wccfll input { height:100%; border:none;  background:none;}


.wcflr h1 {overflow:hidden; background:rgba(255,255,255,0.7);}
.wcflr span, .wcflr input {display:block;}
.wcflr span {font-weight:bold; color:#4b2810; text-transform:uppercase; font-size:15px; background:url(/img/blit3.png) no-repeaT right center; padding:0 7px 0 0; letter-spacing:-0.05em; }
.wcflr input { height:100%; border:none;  background:none;}
.wcflr div {margin:20px 0 0 0; width:96%; background:rgba(255,255,255,0.7); outline:none;  padding:2% ; }
.wcflr div span, .wcflr div textarea {display:block; font-family:inherit;}
.wcflr div textarea {height:300px; background:none; border:none; outline:none;}

.atag4 {display:block; width:210px; height:48px; line-height:48px; background:url(/img/atag4.png) no-repeat center top; text-align:center; text-transform:uppercase; color:#555; font-size:13px;; margin:20px auto 0 auto; font-weight:900; border:none; cursor:pointer;}
.atag4:hover {opacity:0.6;}




/* ================================================================= */
/* ========================= ▼서브페이지 시작점▼ ========================= */
/* ================================================================= */
.subvis {width:100%; height:420px;  overflow:hidden;  margin:70px auto 0 auto;}
#subvis1 {background:url(/img/subvis1.jpg) no-repeat center top; }
#subvis2 {background:url(/img/subvis2.jpg) no-repeat center top; }
#subvis3 {background:url(/img/subvis3.jpg) no-repeat center top; }
#subvis4 {background:url(/img/subvis4.jpg) no-repeat center top; }
#subvis5 {background:url(/img/subvis5.jpg) no-repeat center top; }
.subtxt  {width:98%; margin:0 auto; overflow:hidden;}
.subtxt > article {font-size:15px; letter-spacing:-0.05em; line-height:22px; text-transform:uppercase;}

.subcontents {width:80%; margin:0 auto;}
.subhgroup {margin:110px 0 0 0 ; text-align:center; overflow:hidden; }
.subhgroup > h1 {color:#ee7745; font-weight:900;letter-spacing:-0.05em; }
.subhgroup > h5 {color:#303030; margin:20px 0 0 0; font-weight:normal; letter-spacing:-0.05em; }

.sub01at1 {width:100%; overflow:hidden; color:#fff; text-align:center; background:url(/img/sub01img1.jpg) no-repeaT center;}
.sub01at2 {width:100%; overflow:hidden; text-align:center;}
.sub01at2 > h1 {color:#ee7745; background:url(/img/bar2.jpg) no-repeat center top; padding:20px 0 0 0;  }
.sub01at2 > p {margin:35px  0 0 0; }
.sec01_02 > span > h1 {text-transform:uppercase; letter-spacing:-0.07em;}

.subcontents2 {width:100%; /*height:334px;*/  bottom:0; background: url(img/sub01img5.jpg) center no-repeat ; }
.s2_contents1 {margin:0 auto; background:url(/img/bar3.png) no-repeat right center; }
.bg_section1 {width:30%; padding:0 1.5%; float:left; text-align:center; color:#fff; background:url(/img/bar3.png) no-repeat left center ;}
.bg_section1 > article {margin:10px auto 0 auto; line-height:25px; font-size:15px; text-align:justify; letter-spacing:-0.05em;}

.atag_sub01 {display:block; height:48px; line-height:48px; width:70%; overflow:hidden; margin:50px auto; text-align:center; background:url(/img/atag_bg3.png) no-repeat center top; color:#fff; font-size:13px; font-weight:bold;}
.atag_sub01:hover {opacity:0.7;}


/*0201*/
#sub02 {width:100%;}
.jy_filterul {margin:30px auto; overflow:hidden;}
.jy_filterul li {text-align:center; text-transform:uppercase; background:#fff; color:#9b9b9b; border:1px solid #ccc; float:left; }
.jy_filterul li a {text-decoration:none; color:#9b9b9b;  display:block;}
.jy_filterul li:first-child {margin:0;}
.jy_filterul li:hover, .current, .selsect1 {background:#ee7745 !important; border:none !important; font-weight:bold;}
.jy_filterul li a:hover , .current a, .selsect1 a {color:#fff !important;}


#sub03 {width:100%; margin:60px auto 0 auto;}
#sub03 > div:first-child {margin:0 auto; padding:30px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.sub03_hgroup {Width:100%;}
.sub03_hgroup > li ,.sub03_hgroup2 > li {text-align:left; float:left; background:url(/img/blit4.gif) no-repeat left center; }
.sub03_hgroup > li strong , .sub03_hgroup2 > li strong {color:#20252c;}
.sub03_hgroup > li span , .sub03_hgroup2 > li span {color:#595c61;}
.roovnet_map {width:100%; margin:50px  0 0 0;}

.table_common1 {width:100%; margin:40px 0 0 0; border-left :1px solid #ddd;} 
.table_common1 tr:first-child td {background:#e45f3b; color:#fff; font-weight:Bold; font-size:16px;}
.table_common1 td {padding:15px; text-align:center; font-size:13px; color:#333; width:25%; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}


.sub05at1 {width:100%; overflow:hidden; color:#fff; text-align:center; background:url(/img/sub05img1.jpg) no-repeaT center;}
.sub05at2 {width:100%; overflow:hidden; text-align:center;}
.sub05at2 > h1 {color:#ee7745; background:url(/img/bar2.jpg) no-repeat center top; padding:20px 0 0 0;  }
.sub05at2 > p {margin:35px  0 0 0; }



/* ================================================================= */
/* ========================= ▼미디어쿼리 시작점▼ ========================= */
/* ================================================================= */

@media screen and (min-width:1024px) and (max-width:1099px)
{ .wccfll span {font-size:13px;}}


@media screen and (min-width:1500px)												{		.maintext {padding:25% 0 0 0 ;}		}
@media screen and (min-width:1024px) and (max-width:1499px)	{		.maintext {padding:35% 0 0 0 ;}		}
@media screen and (min-width:900px) and (max-width:1023px)		{		.maintext {padding:40% 0 0 0 ;}		}
@media screen and (min-width:768px) and (max-width:899px)		{		.maintext {padding:50% 0 0 0 ;}		}


@media screen and (min-width:1025px)
{

header > ul li {font-size:15px;}
.gnb {float:right;}
.gnb li {float:left; text-transform:uppercase; padding: 0 0 0 50px;}
.gnb li a {color:#656262;}
.gnb li a:hover {font-weight:bold; color:#ec581a;}
.container2 , .fixed1 {display:none;}


#supersized img {  position:fixed; }
.maintext > article {font-size:18px;}
.maintext > article {line-height:30px;}
.atag11 {width:243px; height:63px; font-size:18px;}

.wwhg > h1 , .wchg > h1 {font-size:35px; letter-spacing:0.1em; }
.wwhg > h3 , .wchg > h3 {font-size:13px; letter-spacing:0.3em;} 
.wwhg > h5 , .wchg > h5 {font-size:16px; letter-spacing:-0.06em; width:70%; margin:0 auto;}

.wwcon_con1 {width:65%; float:left;}
.wwcon_con2 {width:29%; float:right;}
.wwcon_con2 article h5 {font-size:13px; width:50%;}
.atag21 {width:148px; height:48px; font-size:13px; line-height:48px; }

.ww33 {width:30%; margin:0 0 0 5%; float:left;}
.ww33:first-child {margin:0;}
.ww33 > figure {}
.ww33 > h1 span:first-child {font-size:18px; padding:0 5px 0 0; font-weight:900;}
.ww33 > h1 span {font-size:10px;  }
.wp33 {width:30%; margin:0 0 0 5%; float:left;}
.wp33:first-child {margin:0;}

.avgrund-popup { top:0; width: 38%; height: 96%;  padding: 1%; }
.apwcon h1 {float:left;}
.apwcon h1 > span:first-child {font-size:18px; }
.apwcon h1 > span {font-size:13px; }
.apw_btn {float:right;}
.apw_btn a {float:left; margin-left:10px; font-size:11px;}
.ap_wrap {left: 29%; }

.wccfll {float:left; width:22%;}
.wccfll span , .wcflr span {float:left; }
.wccfll input , .wcflr input , .wcflr div textarea{float:right;}
.wcflr div textarea {Width:90%;}
.wcflr {float:right; width:75%;}

.wccfll h1 {  padding:0 5%;  width:90%; height:68px; line-height:68px; }
.wccfll span {width:35%; }
.wccfll input {width:55%;}
.wcflr h1 {  padding:0 2%; width:96%; height:68px; line-height:68px;}
.wcflr span { width:5%; }
.wcflr input {width:90%;}


#subvis1 > .subtxt {background:url(/img/subvis1_line.png) no-repeat left center ;}
#subvis2 > .subtxt {background:url(/img/subvis1_line.png) no-repeat left center ;}
#subvis3 > .subtxt {background:url(/img/subvis1_line.png) no-repeat left center ;}
#subvis4 > .subtxt {background:url(/img/subvis1_line.png) no-repeat left center ;}
#subvis5 > .subtxt {background:url(/img/subvis1_line.png) no-repeat left center ;}
.subtxt {height:421px; }
.subtxt > h1 {top:188px; left:218px;}
.subtxt > article {top:200px; left:216px; color:#fff;}

.subhgroup > h1 {font-size:67px;}
.subhgroup > h5 {font-size:15px; padding:0 0 55px 0 ; background:url(/img/subbar.jpg) no-repeat center bottom;}
.sub01_01 {width:90%; margin:0 auto;}

.sub01at1 {height:229px; margin:60px 0 0 0; padding:135px 0 0 0;}
.sub01at1 > h1 {font-weight:900; font-size:50px; line-height:50px; height:50px;}
.sub01at1 > p {font-size:20px; margin:25px 0 0 0;}
.sub01at2 {margin:80px 0 0 0;}
.sub01at2 > h1 { font-size:22px;}
.sub01at2 > p {font-size:15px; line-height:26px;}


.sub01_02 {width:90%; margin:110px auto 0 auto;}
.sub01_02 > section {width:30%; float:left; text-align:center;}
.sub01_02 > section:first-child {margin:0 ;}

.sec01_02 {margin:0 0 0 5%;}
.sec01_02 > span > h1 {padding:20px 0; font-size:20px; color:#515151;}
.sec01_02 > span > article {text-align:justify; font-size:15px; color:#6f6f6f; line-height:23px; letter-spacing:-1.5px}


.subcontents2 {padding:112px 0 ; margin:180px auto 1px auto; }
.s2_contents1 {width:70%; margin:0 auto;}
.bg_section1 > h1 {font-size:22px; letter-spacing:-0.05em;}
.bg_section1 > article {width:85%; }

#jy_filter {overflow:hidden; width:100%; z-index:300;}
.jy_filterul {width:750px; }
.jy_filterul li {font-size:13px;margin:0 0 0 20px;}
.jy_filterul li a {padding:20px;}
#grid {width:95%; margin:50px auto; overflow:hidden; }
#grid li {width:24%;  float:left; text-align:center; }


#sub03 > div:first-child {width:900px;}
.sub03_hgroup > li {width:24.5%; text-align:left; padding:0 0 0 0.5%; font-size:13px;}
.sub03_hgroup2 {margin:20px  0 0 0;}
.sub03_hgroup2 > li {padding:0 0 0 0.5%; width:99%; font-size:13px;}
.roovnet_map {height:650px; overflow:hidden;}


#sub04 {width:860px; margin:40px auto 0 auto; overflow:hidden;}
.sub04ul {width: 100%; margin:20px 0 0 0;}
.sub04ul li {width:200px; height:80px; float:left; margin:0 0 0 20px; }
.sub04ul li:first-child {margin:0;}

.table_common1 {width:100%; margin:40px 0 0 0; border-left :1px solid #ddd;} 
.table_common1 tr:first-child td {background:#e45f3b; color:#fff; font-weight:Bold; font-size:16px;}
.table_common1 td {padding:15px; text-align:center; font-size:13px; color:#333; width:20%; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}

.new_toggle_wrap {display:none;}

.sub05_01 .sec05_01 { margin:60px auto 0 auto; width:80%;}
.sub05_01 .sec05_01 ul li { width:20%;  float:left; text-align:center; }
.sub05_02 { padding:40px 0 0 0; }
.sub05_02 .sec05_02 { margin:20px 0 0 0; }
.sub05_02 .sec05_02 h1 { font-size:22px; color:#ee7745; margin:30px 0 0 0; background:url(/img/sub05img7.gif) no-repeat left center; padding-left:30px; }
.sub05_02 .sec05_02 article { font-size:15px; line-height:26px; margin-top:10px; padding-left:30px; }

.sub05at1 { margin:100px 0 0 0; padding:110px 0;}
.sub05at1 > h1 {font-size:25px; letter-spacing:-0.05em; font-weight:600; padding-bottom:20px;}
.sub05at1 > p {font-size:18px; margin:10px 0 0 0; color:#eee;}
.sub05at1 > p:first-child { margin-top:20px; }
.sub05at1 > p span { font-weight:600; color:#ff8958;}
.sub05at2 {margin:80px 0 0 0;}
.sub05at2 > h1 { font-size:22px;}
.sub05at2 > p {font-size:15px; line-height:26px;}

}


@media screen and (min-width:768px) and (max-width:1024px)
{

.gnb {float:right;}
.gnb li {float:left; text-transform:uppercase; padding: 0 0 0 25px;}
.gnb li a {color:#656262;}
.gnb li a:hover {font-weight:bold; color:#ec581a;}
.container2 , .fixed1 {display:none;}

#supersized img {position:relative; }
.maintext { font-size:15px; line-height:25px; letter-spacing:-0.05em;}
.maintext > h1 > img {width:50%;}
.atag11 {width:50%; height:63px; font-size:18px;}
.wwhg > h5 {font-size:16px; width:80%; margin:0 auto;}
.wwcon_con2 > article  {margin:20px 0 0 0;}
.wwcon_con2 > article h1 {font-size:22px; text-align:center;}
.wwcon_con2 > article p {text-align:justify; font-size:15px;}
.atag21 {width:100%; height:48px; line-height:48px;}
.ww33 > figure {display:none;}
.wwcon > .ww33:first-child {margin:0;}
.ww33 {margin:30px 0 0 ;}
.ww33 > h1 {padding: 0 0 0 35px;}
.wwcon > .ww33:first-child > h1 {background:url(/img/ww33_icon1.png) no-repeat left center;  }
.wwcon > .ww33+.ww33 > h1 {background:url(/img/ww33_icon2.png) no-repeat left center;  }
.wwcon > .ww33+.ww33+.ww33 > h1 {background:url(/img/ww33_icon3.png) no-repeat left center;  }
.ww33 > h1 span:first-child {font-size:18px; }
.ww33 > h1 span {font-size:10px;  }


.wp33 {width:30%; float:left; margin:0 0 0 5%;}
.wp33:first-child {margin:0;}

.avgrund-popup { top:0; width: 50%; height: 96%;  padding: 1%; }
.apwcon h1 {float:left;}
.apwcon h1 > span:first-child {font-size:16px; }
.apwcon h1 > span {font-size:11.5px; }
.apw_btn {float:right;}
.apw_btn a {float:left; margin-left:10px; font-size:11px;}
.ap_wrap {left: 25%; }

#wrap_conus {background-size:cover;}
.wchg > h5 {font-size:16px; width:80%; margin:0 auto;}
.wccfll span , .wcflr span {font-size: 13px;}
.wccfll h1 {  padding:0 2%;  width:96%; height:40px; line-height:40px; }
.wccfll span {width:10%; float:left;}
.wccfll input {width:85%; float:right;}
.wcflr {margin:20px 0 0 0;}
.wcflr h1 {  padding:0 2%; width:96%; height:40px; line-height:40px;}
.wcflr span { width:10%;  float:left; }
.wcflr input {width:85%; float:right;}
.wcflr textarea {Width:85%; float:right;}

.atag4 {color:#fff !Important; font-size:15px; font-weight:normal;}

.subtxt > h1 {text-align:center; margin:160px 0 0 0;}
.subtxt > article {color:#fff; text-align:center; margin:20px 0 0 0; line-height:25px;}
.subhgroup > h1 {font-size:50px;}
.subhgroup > h5 {font-size:16px;}
.sub01at1 {padding:65px 0; background-size:140%; margin:30px 0 0 0; width:100%;}
.sub01at1 > h1 {font-size:40px; letter-spacing:-0.05em; font-weight:900;}
.sub01at1 > p {font-size:16px; margin:15px 0 0 0;}
.sub01at2 {margin:30px 0 0 0;}
.sub01at2 > p {margin:20px 0 0 0 ; text-align:justify; font-size:13px; line-height:25px; color:#555; }
.sub01_02 {width:100%; }
.sec01_02 {width:100%; margin:50px auto 0 auto; overflow:hidden;}
.sec01_02 > figure {float:left; }
.sec01_02 > span {display:block ; float:right; width:75%; margin:10px 0 0 0;} 
.sec01_02 > span > h1 {  font-size:20px; color:#515151;}
.sec01_02 > span > article {font-size:15px; line-height:22px; color:#888; margin:10px 0 0 0;}

.subcontents2 {  margin:80px auto 1px auto;  padding:80px 0;}

.bg_section1 > h1 {font-size:20px;}
.bg_section1 > article {width:80%; font-size:15px;}

#jy_filter {overflow:hidden; width:100%; }
.jy_filterul {width:941px; }
.jy_filterul li {font-size:13px;margin:0 0 0 20px;}
.jy_filterul li a {padding:20px;}
#grid {width:95%; margin:50px auto; overflow:hidden; }
#grid li {width:33.3%;  float:left; text-align:center; }

#sub03 > div:first-child {width:768px;}
.sub03_hgroup  {width:90%; margin:0 auto;}
.sub03_hgroup > li {width:24.5%; text-align:left; padding:0 0 0 0.5%; font-size:12px; }
.sub03_hgroup2 {margin:20px auto 0 auto ; width:90% ;}
.sub03_hgroup2 > li {padding:0 0 0 0.5%; width:99%; font-size:12px; }
.roovnet_map {height:650px; overflow:hidden;}

#sub04 {width:90%; margin:40px auto 0 auto; overflow:hidden;}
.sub04ul {width: 100%; margin:20px 0 0 0;}
.sub04ul li {width:24%;  float:left; margin:0 0 0 1%; }
.sub04ul li:first-child {margin:0;}
.table_common1 {width:99%;}

.sub05_02 { padding:20px 0 0 0; }
.sub05_02 .sec05_02 { margin:20px 0 0 0; }
.sub05_02 .sec05_02 h1 { font-size:20px; color:#ee7745; margin:30px 0 0 0; background:url(/img/sub05img7.gif) no-repeat left center; padding-left:30px; }
.sub05_02 .sec05_02 article { font-size:14px; line-height:26px; margin-top:10px; padding-left:30px; }

.sub05_01 .sec05_01 { margin:40px auto 0 auto; }
.sub05_01 .sec05_01 ul li { width:20%;  float:left; text-align:center;}
.sub05at1 {padding:65px 2%; background-size:140%; margin:30px 0 0 0; width:96%;}
.sub05at1 > h1 {font-size:23px; letter-spacing:-0.05em; font-weight:600; padding-bottom:10px;}
.sub05at1 > p {font-size:16px; margin:15px 0 0 0;color:#eee;}
.sub05at1 > p span { font-weight:600; color:#ff8958;}



#min1025 {display:none;}
.new_toggle_wrap {width:90%; margin:0 auto; overflow:hidden; }
.nt_ul {width:49%; margin:0 0 0 1%; float:left; overflow:hidden; }
.nt_ul li {width:100%; margin:2.5% 0 0 0; }
.nt_ul div {color: #666666; cursor: auto; display: none; font-size: width:94%; 13px; padding:3%; text-decoration: none; border-bottom:1px solid #ddd; }
.nt_ul div > h1 {text-align:center;  font-size:20px; letter-spacing:-0.05em; }
.nt_ul div > article {margin:15px auto 0 auto; text-align:center; font-size:13px; color:#333; width:80%; line-height:20px;}
.nt_ul div > a {display:block ; margin:20px auto 10px auto; text-align:center; padding:10px; font-size:13px; background:#fb6f38; color:#fff; font-weight:bold; }
.nt_ul li:hover{background:#FFFFE0;}
.nt_ul li div:hover{text-decoration:none !important;}
.nt_ul li:before {content:url( "/img/sample/samplebtn.png"); display:block; width:94%; height:90%; overflow:hidden;  position:absolute; text-align:right; padding:3%; z-index:10000; background:rgba(0,0,0,0.3); color:#fff; }
.nt_ul li.active:before {content:url( "/img/sample/samplebtn2.png");    color:red; font-weight:bold; width:94%; height:90%; padding:3%; }

}







@media screen and (min-width:0px) and (max-width:767px)
{
header h1 {float:none; width:100%; text-align:center; }
header h1 img {widtH:133px;}


.fixed_menu {position:fixed; width:100%; height:100%; right:0; top:0; z-index:500; }
.container2 { width:100%; height:100%; }
.fixed1 {position:fixed; z-index:555; right:10px; top:0px;}
.container p+p { text-align:center;}
.tuxedo-menu-trigger:hover, .tuxedo-menu-trigger:focus { cursor: pointer;}
.tuxedo-navbar {  background-color: #FFF;  padding: 1em;}
.tuxedo-navbar .tuxedo-menu-trigger {  font-size: 24px;  color: #000;}
.tuxedo-navbar a:hover,.tuxedo-navbar a:focus {  text-decoration: none;}
.tuxedo-menu {  background:rgba(255,255,255,0.99); width:100%; -webkit-animation-duration: 200ms;          animation-duration: 200ms;  display: block;}
.tuxedo-menu.tuxedo-menu-fixed {  position: fixed;  top: 0;  right: 0;  width: 100%;  height: 100%;  overflow-y: auto;  z-index: 9999;  opacity: 1;}
.tuxedo-menu.tuxedo-menu-visible { display: block;}

.gnb > li {text-align:center; height:69px; line-height:69px; text-transform:uppercase; border-bottom:1px solid #eee; font-size:15px;}
.gnb > li a {color:#777; display:block; width:100%; height:100%;}
.gnb > li a:hover {font-weight:bold; color:#ff7623;}

#mainvis {width:100%; height:100% !important; padding:50px 0 0 0 ;}
#prevslide, #nextslide {display:none !important;}
.maintext {padding:30% 0 ;}
.maintext > h1 > img {width:50%;}
.maintext > article {font-size:13px; line-height:20px; width:80%; margin:30px auto 0 auto;}
.maintext > article > span {display:none;}
.atag11 {width:55%; margin:0 auto; font-size:15px; line-height:50px;}
.atag12 img {width:20%;}
.atag12:hover {background-size:20%;}

.wwhg > h1 {font-size:30px; letter-spacing:-0.05em; }
.wwhg > h3 {font-size:13px; margin:15px 0;}
.wwhg > h5 {width:90%; margin:0 auto; color:#999;}

.wwcon {padding:40px 0 0 0;}
.wwcon_con2 {margin:20px 0 0 0;}
.wwcon_con2 > article h1 {font-size:18px; line-height:22px;}
.wwcon_con2 > article p {font-size:13px; line-height:20px;}
.atag21 {height:48px; line-height:48px; font-size:13px; font-weight:Bold;}

#wrap_white2 {padding:0 0 70px 0;}
.ww33 {margin:50px 0 0 0;}
.ww33:first-child {margin:0;}
.ww33 > figure {display:none;}
.ww33 > h1 {padding:0 0 0 38px; }
.ww33:first-child > h1 {background:url(/img/ww33_icon1.png) no-repeat left center; }
.ww33+.ww33 > h1 {background:url(/img/ww33_icon2.png) no-repeat left center; }
.ww33+.ww33+.ww33 > h1 {background:url(/img/ww33_icon3.png) no-repeat left center; }
.ww33 > h1 span {font-size:11px; display:block; margin:5px 0 0 0; letter-spacing:0.2em;}
.ww33 > h1 span:first-child {font-size:18px; margin:0;  letter-spacing:-0.05em;}
.ww33 > article {color:#999; margin:20px 0 0 0;}
.atag22 img {width:20%;}
.atag22:hover {background-size:20%;}


#wrap_portfolio {padding:30px 0 70px 0;}
.wplistwrap {margin:20px auto 0 auto;}
.wp33 {width:30%; float:left; margin:0 0 0 5%;}
.wp33:first-child {margin:0;}
.wp33 > a > h1 > span {display:none;}
.atag3 {margin:20px auto 0 auto;}

.wchg > h1 {font-size:30px; letter-spacing:-0.05em; }
.wchg > h3 {font-size:13px; margin:15px 0;}
.wchg > h5 {width:90%; margin:0 auto;}

.ap_wrap {width:70%; margin:0 auto; top:50%; left:15%; /*display:none;*/}
.avgrund-popup {z-index:2000;}
.apwcon {padding: 2%; margin:0 ; widtH:96%; overflow:hidden;}
.apwcon h1 span:first-child {font-size:12px;}
.apwcon h1 span{font-size:11px;}
.apw_btn {width:100%; overflow:hidden; z-index:1999;}
.apw_btn a {float:left; width:40%; font-size:11px; padding:0 3%;}
.apw_btn a+a {float:right;}


#wrap_conus {padding:20px 0 70px 0; }
.wc_cont {}
.wccfll h1 {height:28px; line-height:28px;}
.wccfll span {width:22%; font-size:11px; float:left; padding:0 0 0 2%;}
.wccfll input {float:left; margin:0 0 0 2%; width:70%;}

.wcflr {margin:20px 0 0 0;}
.wcflr  h1 {height:28px; line-height:28px;}
.wcflr span {width:22%; font-size:11px; float:left; padding:0 0 0 2%;}
.wcflr div span {padding:0;}
.wcflr input , .wcflr textarea {float:left; margin:0 0 0 2%; width:70%;}



#subvis1 {background-position:-630px center;}
.subvis {height:auto; padding:140px 0 ; text-align:center; }
.subtxt > h1 {text-align:center; }
.subtxt > h1 > img {width:60%;}
.subtxt > article {color:#fff; text-align:center;  line-height:25px; font-size:15px; width:80%; margin:20px auto 0 auto;}
.subtxt > article span {display:none;}
.subhgroup {margin:50px auto 0 auto;}
.subhgroup > h1 {font-size:50px; line-height:50px; }
.subhgroup > h5 span {display:block; font-size:14px; letter-spacing:-0.09em; line-height:22px; }

.sub01at1 {display:none;}
.sub01at2 {margin:50px 0 0 0;}
.sub01at2 > h1 {font-size:22px; letter-spacing:-0.05em;}
.sub01at2 > p {margin:20px 0 0 0 ; text-align:justify; font-size:13px; line-height:25px; color:#555; }
.sub01_02 {width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin:40px 0 0 0; padding: 0 0 40px 0;}
.sec01_02 {width:100%; margin:40px auto 0 auto; text-align:center; overflow:hidden;}
.sec01_02 > figure { width:100%; overflow:hidden;}
.sec01_02 > span {display:block ;  width:100%; } 
.sec01_02 > span > h1 {  font-size:16px; color:#515151; padding:15px 0 0 0 ;}
.sec01_02 > span > article {font-size:13px; line-height:22px; color:#888; margin:10px 0 0 0; text-align:justify;}

#jy_filter {overflow:hidden; width:100%; }
.jy_filterul {width:70%; }
.jy_filterul li {border:none; font-size:11px; width:94%; padding:5% 3%; border-bottom:1px solid #ddd;}
.jy_filterul li:first-child {border-top:1px solid #ddd;}
.jy_filterul li a {}
#grid {width:95%; margin:20px auto; overflow:hidden; }
#grid li {width:50%;  float:left; text-align:center; }


.subcontents2 {  padding:50px 0;}
.bg_section1 { float:left;  width:30%;  text-align:center; }
.bg_section1 > h1 {font-size:15px; letter-spacing:-0.05em ;width:100%; margin:0 auto;}
.bg_section1 > article {width:80%; margin:10px auto 0 auto; font-size:12px; line-height:18px;}


#sub04 {width:90%; margin:40px auto 0 auto; overflow:hidden;}
.sub04ul {width: 100%;  overflow:hidden;}
.sub04ul li {width:48%; margin:10px 0 0 2%; float:left ;  text-align:center; }


.sub05_02 { padding:20px 0 0 0; }
.sub05_02 .sec05_02 { margin:20px 0 0 0; }
.sub05_02 .sec05_02 h1 { font-size:17px; color:#ee7745; margin:30px 0 0 0; background:#fbf2e6; padding-left:10px; }
.sub05_02 .sec05_02 article { font-size:13px; line-height:21px; margin-top:10px; }

.sub05_01 .sec05_01 { margin:40px auto 0 auto; }
.sub05_01 .sec05_01 ul li { width:30%;  float:left; margin-right:5%; margin-bottom:5%; text-align:center;}
.sub05_01 .sec05_01 ul .marno { margin-right:0; }
.sub05at1 {padding:40px 2%; background-size:cover; margin:30px 0 0 0; width:96%;}
.sub05at1 > h1 {font-size:18px; letter-spacing:-0.05em; font-weight:600; padding-bottom:10px; line-height:28px;}
.sub05at1 > p {font-size:13px; margin:5px 0 0 0;color:#eee;}
.sub05at1 > p span { font-weight:600; color:#ff8958;}

#min1025 {display:none;}
.new_toggle_wrap {width:90%; margin:0 auto; overflow:hidden; }
.nt_ul {width:100%;  overflow:hidden; }
.nt_ul li {width:100%; margin:2.5% 0 0 0; }
.nt_ul div {color: #666666; cursor: auto; display: none; font-size: width:94%; 13px; padding:3%; text-decoration: none; border-bottom:1px solid #ddd; }
.nt_ul div > h1 {text-align:center;  font-size:20px; letter-spacing:-0.05em; }
.nt_ul div > article {margin:15px auto 0 auto; text-align:center; font-size:13px; color:#333; width:80%; line-height:20px;}
.nt_ul div > a {display:block ; margin:20px auto 10px auto; text-align:center; padding:10px; font-size:13px; background:#fb6f38; color:#fff; font-weight:bold; }
.nt_ul li:hover{background:#FFFFE0;}
.nt_ul li div:hover{text-decoration:none !important;}
.nt_ul li:before {content:url( "/img/sample/samplebtn.png"); display:block; width:94%; height:90%; overflow:hidden;  position:absolute; text-align:right; padding:3%; z-index:10000; background:rgba(0,0,0,0.3); color:#fff; }
.nt_ul li.active:before {content:url( "/img/sample/samplebtn2.png");    color:red; font-weight:bold; width:94%; height:90%; padding:3%; }


}



@media screen and (min-width:455px) and (max-width:767px)
{
#sub03 > div:first-child {width:80%;}
.sub03_hgroup > li {width:49%; text-align:left; padding:0 0 0 1%; font-size:13px; line-height:30px;}
.sub03_hgroup2 {margin:10px  0 0 0;}
.sub03_hgroup2 > li {padding:0 0 0 1%; width:99%; font-size:13px;}
.roovnet_map {height:350px;}
.map123 {Display:none;}
}


@media screen and (min-width:0px) and (max-width:454px)
{
#sub03 > div:first-child {width:80%;}
.sub03_hgroup > li {width:98; text-align:left; float:none; padding:0 0 0 2%; font-size:13px; line-height:30px;}
.sub03_hgroup2 {margin:10px  0 0 0;}
.sub03_hgroup2 > li {padding:0 0 0 2%; width:98%; font-size:13px;}
.roovnet_map {height:350px;}
.map123 {Display:none;}
}



.grecaptcha-badge {z-index:999;}