@font-face {
	 font-family: 'NanumGothic';
	 src: url('/fonts/NanumGothic.eot');
	 src: url('/fonts/NanumGothic.eot') format('embedded-opentype'),
	 url('/fonts/NanumGothic.woff') format('woff');
}

@font-face {
	 font-family: 'NanumGothicBold';
	 src: url('/fonts/NanumGothicBold.eot');
	 src: url('/fonts/NanumGothicBold.eot') format('embedded-opentype'),
	 url('/fonts/NanumGothicBold.woff') format('woff');
}

@font-face {
	 font-family: 'NanumBarunGothic';
	 src: url('/fonts/NanumBarunGothic.eot');
	 src: url('/fonts/NanumBarunGothic.eot') format('embedded-opentype'),
	 url('/fonts/NanumBarunGothic.woff') format('woff');
}

@font-face {
	 font-family: 'NanumBarunGothicBold';
	 src: url('/fonts/NanumBarunGothicBold.eot');
	 src: url('/fonts/NanumBarunGothicBold.eot') format('embedded-opentype'),
	 url('/fonts/NanumBarunGothicBold.woff') format('woff');
}
body,html {margin:0; padding:0; height:100%; font-family:'NanumGothic',sans-serif;}
ul,ol {list-style:none; margin:0; padding:0;}
li,p,a{margin:0; padding:0;}
img{margin:0; padding:0;}
a{text-decoration:none;}

#wrap {padding:0; margin:0; min-width:359px;}
#wrap > #container{position:relative; margin:0 auto; height:100%; background:url('/image/together/recruit/renewal/header_bg.png') 50% 0 no-repeat;}
#wrap > #container > #header-wrap{width:1025px; height:785px; margin:0 auto;}
#wrap > #container > #header-wrap > #header{position:relative;  padding:300px 0 0; height:200px; background:url('/image/together/recruit/renewal/header_top_bg.png') 50% 100% no-repeat;}
#wrap > #container > #header-wrap > #header > #logo{position:absolute; width:134px; height:35px; left:0; top:20px;}
#wrap > #container > #header-wrap > #header > .top_img{position:absolute; width:285px; height:270px; left:50%; margin-left:-142px; top:30px;}
#wrap > #container > #header-wrap > #header > .inner > p.title{font-size:25px; line-height:52px; color:#fff; font-weight:bold; text-align:center; letter-spacing:-1px;}
#wrap > #container > #header-wrap > #header > .inner > p.title > .change-color-green{color:#d8ff00;}
#wrap > #container > #header-wrap > #header > .inner > ul {width:783px; margin:0 auto;}
#wrap > #container > #header-wrap > #header > .inner > ul > li {float:left; display:inline-block; font-size:20px;  border-radius:15px; color:#fff; letter-spacing:-1.5px; background:#5f5f5f; padding:5px 15px; margin:0 10px 10px;}

#wrap > #container > #header-wrap > #header-bottom{width:928px; height:285px;  margin:0 auto;}
#wrap > #container > #header-wrap > #header-bottom > .inner > ul.guide-area {position:relative; display:inline-block; margin:23px 0 15px; list-style-position:inside;}
#wrap > #container > #header-wrap > #header-bottom > .inner > ul.guide-area > li {float:left; display:inline-block; font-size:20px; font-weight:bold;  border-radius:15px; color:#fff; letter-spacing:-1.5px;  background:url('/image/together/recruit/renewal/header_text_bg.png') 100% 0 no-repeat; padding:16px 42px 0 12px; margin:0;}
#wrap > #container > #header-wrap > #header-bottom > .inner > ul.guide-area > li:last-child{padding:16px 0 0 12px; background:none;}
#wrap > #container > #header-wrap > #header-bottom > .inner > ul.guide-area > li > span{font-size:18px; padding:0 0 0 20px;}

#wrap > #container > #header-wrap > #header-bottom > .inner > .info-area {position:relative;  color:#434343; font-size:16px;  letter-spacing:-1px; display:block; padding:0 0 0 15px;}
#wrap > #container > #header-wrap > #header-bottom > .inner > .info-area > div{float:left;}
#wrap > #container > #header-wrap > #header-bottom > .inner > .info-area > .info-ctn{display:inline-block; width:80%;}
#wrap > #container > #header-wrap > #header-bottom > .inner > .info-area > .info-ctn > h2{font-weight:bold; font-size:16px; line-height:23px;  margin:0 0 5px;}
#wrap > #container > #header-wrap > #header-bottom > .inner > .info-area > .info-ctn > p{padding:0 20px 0 0; margin:0; line-height:22px; font-size:14px;}
#wrap > #container > #header-wrap > #header-bottom > .inner > .info-area > .info-ctn > p > span{display:inline-block; width:100%; padding:0; margin:0; height:16px; min-height:16px; max-height:32px; line-height:16px; font-size:14px;}
#wrap > #container > #header-wrap > #header-bottom > .inner > .info-area > .info-btn{display:inline-block; width:20%; padding:23px 0 0;}
#wrap > #container > #header-wrap > #header-bottom > .inner > .info-area > .info-btn > p{display:inline-block; width:118px;margin:0 0 15px; border:1px solid #434338; border-radius:2px; background:#6ca017; padding:3px 0 3px 8px;}
#wrap > #container > #header-wrap > #header-bottom > .inner > .info-area > .info-btn > p > a{color:#434343; font-size:20px; font-weight:bold; line-height:23px; padding:0 35px 0 0; background:url('/image/together/recruit/renewal/header_btn_bg.png') 100% 50% no-repeat;}
#wrap > #container > #header-wrap > #header-bottom > .inner > p.album-title {display:inline-block; width:100%; font-size:20px; font-weight:bold;  letter-spacing:-1px;  color:#515151; height:60px; line-height:60px; text-align:center; margin:20px 0 0;}

#sider-album {position:relative; width:960px; margin:0 auto; padding:0px; overflow:hidden; height:240px;}
#sider-album > ul {position:relative; height:265px; margin:0 auto;  text-align:center;}
#sider-album > ul > li {position:relative; float:left; width:180px; height:180px; margin:20px 0; overflow:hidden; border-radius:300px;} 
#sider-album > ul > li  .info-text {position:absolute; left:30px; top:45%; width:180px; z-index:500; overflow:hidden; opacity:0; transition:0.8s ease-in-out; } 
#sider-album > ul > li  .info-text > span{position:relative; display:block; text-align:center; color:#000; font-size:13px; font-weight:bold; letter-spacing:-1px;}
#sider-album > ul > li > a {overflow:hidden; height:100%; display:inline-block;}
#sider-album > ul > li > a > img{width:100%; z-index:50; opacity:1; transition:1s ease-in-out; border-radius:300px;}
#sider-album > ul > li:hover  .info-text{opacity:1; top:50%; transition:1s ease-in-out;}
#sider-album > ul > li:hover > a > img{opacity:0.5; transition:0.8s ease-in-out; }
#sider-album .btn { z-index:9999;}
.swiper-button-prev{left:0 !important;}
.swiper-button-next{right:0 !important;}


#rightbox-bg{position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:500; display:none; opacity:0;}
#rightbox-bg  #rightbox-wrap{position:relative;width:700px; height:510px; left:50%; margin:-260px 0 0 -350px; top:50%; overflow:hidden;}
#rightbox-bg  #rightbox-wrap .right-box-inner-slide{position:absolute; width:100%; top:0; left:0;}
#rightbox-bg  #rightbox-wrap .ctn-wrap{padding:0; margin:0;}
#rightbox-bg  #rightbox-wrap .close-btn{position:absolute; display:inline-block; width:46px; height:46px; right:10px; top:10px;  z-index:99999; cursor:pointer;}
#rightbox-bg  #rightbox-wrap .ctn-wrap .rightbox{position:relative; height:400px; overflow:hidden; z-index:555;}
#rightbox-bg  #rightbox-wrap .ctn-wrap .rigthbox-text {position:relative; height:auto; background:#000; padding:15px 20px; }
#rightbox-bg  #rightbox-wrap .ctn-wrap .rigthbox-text > h2 {position:relative; color:#fff; font-size:14px; font-weight:bold; padding:0; margin:0; line-height:18px;}
#rightbox-bg  #rightbox-wrap .ctn-wrap .rigthbox-text > span{position:relative; color:#bfbfbf; font-size:12px; margin:5px 0 0; line-height:16px; display:inline-block; width:100%;}
#rightbox-bg  #rightbox-wrap .ctn-wrap .rightbox li{height:auto;}
#rightbox-bg  #rightbox-wrap .ctn-wrap .rightbox li > img{width:100%; height:auto;}



#wrap > #container > #content{position:relative; width:1025px; min-height:500px; margin:0 auto; overflow:hidden;}
#wrap > #container > #content > .inner > h2 {margin:20px 0 25px; padding:0;}
#wrap > #container > #content > .inner > h2 > span{ font-size:20px; font-weight:bold; line-height:50px; border-radius:20px; text-align:center; color:#fff; display:block; width:445px; height:50px;  margin:0 auto; background:#004252;}

#wrap > #container > #content > .inner > .ctn-list-wrap {width:930px; margin:0 auto; padding:0;}
#wrap > #container > #content > .inner > .ctn-list-wrap > ul.ctn-list {margin:0; padding:0; height:200px; }
#wrap > #container > #content > .inner > .ctn-list-wrap > ul.ctn-list > li {display:inline-block; width:300px; height:272px; float:left; border-bottom:2px solid #e1e1e1;  padding:0 0 15px; margin:0 5px 30px 5px;}
#wrap > #container > #content > .inner > .ctn-list-wrap > ul.ctn-list > li > p{ padding:0 0 0 10px; margin:0 0 10px; font-size:14px;letter-spacing:-1px; line-height:14px;}
#wrap > #container > #content > .inner > .ctn-list-wrap > ul.ctn-list > li > p.title{ margin:15px 0 15px; font-weight:bold; font-size:15px; line-height:18px; height:30px;}
#wrap > #container > #content > .inner > .ctn-list-wrap > ul.ctn-list > li > p.thumb-img {position:relative; overflow:hidden; height:199px; display:block; padding:0; margin:0; border:1px solid #ccc;}
#wrap > #container > #content > .inner > .ctn-list-wrap > ul.ctn-list > li > p.thumb-img > span{position:absolute; display:block; background:rgba(0,0,0,0.4); bottom:0px; padding:0 15px; margin:0; width:100%; height:32px; line-height:32px; font-size:14px; color:#fff;}
#wrap > #container > #content > .inner > .ctn-list-wrap > ul.ctn-list > li > p.thumb-img > a{display:inline-block;overflow:hidden;}
#wrap > #container > #content > .inner > .ctn-list-wrap > ul.ctn-list > li > p.thumb-img > a > img{width:100%; border:0; padding:0; margin:0;}

#wrap > #container > #footer-wrap{height:112px; border-top:1px solid #8a8a8a; border-bottom:1px solid #8a8a8a; background:#5f5f5f; margin:45px 0 0;}
#wrap > #container > #footer-wrap > #footer{position:relative; width:965px; margin:0 auto;}
#wrap > #container > #footer-wrap > #footer > #footer-logo{position:relative;   width:134px; height:35px;  top:30px; left:10px;}
#wrap > #container > #footer-wrap > #footer > #copyright {position:relative; padding:0 10px 0 170px; font-size:13px; line-height:15px; color:#fff; font-weight:bold;}
#wrap > #container > #footer-wrap > #footer > #copyright p > span > a{color:#fff;}
#wrap > #container > #footer-wrap > #footer > #copyright p > span{position:relative; display:inline-block;}
#wrap > #container > #footer-wrap > #footer > #copyright p > span:after{position:relative; content:"|"; padding:0 5px;}
#wrap > #container > #footer-wrap > #footer > #copyright p > span:nth-child(7):after{content:""; padding:0 0px;}
#wrap > #container > #footer-wrap > #footer > #copyright p > span:last-child:after{content:""; padding:0 0px; display:block; width:100%;}
#wrap > #container > #footer-wrap > #footer > #copyright p > span.address{font-size:13px;}

.paging{width:1025px; margin:0 auto;  text-align:center;}
.paging ul{height:30px;margin:0 auto; display:inline-block; text-align:center;}
.paging ul li{width:10px;float:left; padding:0 5px;} 
.paging ul li a {color:#999; font-size:12px; line-height:30px;}
.paging ul li.active a {color:#555; font-size:14px; font-weight:bold;}


    .swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }


@media only screen and (max-width: 500px){
#wrap > #container{background:url('/image/together/recruit/renewal/mobile_header_bg.png') 50% 0 no-repeat;}
#wrap > #container > #header-wrap > #header{position:relative;  padding:280px 0 0; height:200px; background:none;}
#wrap > #container > #header-wrap > #header > #logo{position:absolute; width:100px; height:15px; left:10px; top:10px;}
#wrap > #container > #header-wrap > #header > #logo > a > img{width:100%;}

#wrap > #container > #header-wrap > #header > .top_img{position:absolute; width:205px; height:190px; left:50%; margin-left:-102px; top:55px;}
#wrap > #container > #header-wrap > #header > .top_img > p > img{width:100%;}

#wrap > #container > #header-wrap > #header > .inner{margin:0 15px;}
#wrap > #container > #header-wrap > #header > .inner > p.title{font-size:21px; line-height:26px;}
#wrap > #container > #header-wrap > #header > .inner > ul {position:relative; display:inline-block; margin:10px 0 0; padding:10px 0; background:#5f5f5f;}
#wrap > #container > #header-wrap > #header > .inner > ul > li {float:left; display:inline-block; font-size:15px; line-height:24px;  border-radius:0px; color:#fff; letter-spacing:-1.5px;  padding:0px 15px; margin:0px;}
#wrap > #container > #header-wrap > #header > .inner > ul > li:before{content:"ㆍ";}
#wrap > #container > #header-wrap{width:100%; height:auto;}
#wrap > #container > #header-wrap > #header > .inner > ul {width:100%;}

#wrap > #container > #header-wrap > #header-bottom{width:100%; height:auto;}
#wrap > #container > #header-wrap > #header-bottom > .inner{margin:0 15px;}
#wrap > #container > #header-wrap > #header-bottom > .inner > ul.guide-area {position:relative; margin:32px 0 0px;}
#wrap > #container > #header-wrap > #header-bottom > .inner > ul.guide-area > li {float:left; display:inline-block; font-size:14px; line-height:21px; font-weight:bold;  border-radius:15px; color:#fff; letter-spacing:-1.5px;  background:none; padding:0px; margin:0;}
#wrap > #container > #header-wrap > #header-bottom > .inner > ul.guide-area > li > br{display:none;}
#wrap > #container > #header-wrap > #header-bottom > .inner > ul.guide-area > li:last-child{padding:0px 0 0 0px; background:none;}
#wrap > #container > #header-wrap > #header-bottom > .inner > ul.guide-area > li > span{font-size:14px; padding:0 0 0 0px;}

#wrap > #container > #header-wrap > #header-bottom > .inner > .info-area {position:relative;  color:#434343; font-size:14px;  letter-spacing:-1px; display:block; padding:0px;}
#wrap > #container > #header-wrap > #header-bottom > .inner > .info-area > div{float:left;}
#wrap > #container > #header-wrap > #header-bottom > .inner > .info-area > .info-ctn{display:inline-block; width:100%;}
#wrap > #container > #header-wrap > #header-bottom > .inner > .info-area > .info-ctn > h2{font-weight:bold; font-size:16px; line-height:21px;  margin:5px 0; padding:0;}
#wrap > #container > #header-wrap > #header-bottom > .inner > .info-area > .info-ctn > p{padding:0; margin:0; line-height:21px;}
#wrap > #container > #header-wrap > #header-bottom > .inner > .info-area > .info-btn{display:block; width:100%; padding:5px 0 0; margin:10px 0 0; text-align:center;}
#wrap > #container > #header-wrap > #header-bottom > .inner > .info-area > .info-btn > p{display:inline-block; width:25%;margin:0 5px 0 0px; padding:3px;}
#wrap > #container > #header-wrap > #header-bottom > .inner > .info-area > .info-btn > p > a{color:#434343; font-size:16px; font-weight:bold; line-height:18px; padding:0 20px 0 0; background:url('/image/together/recruit/renewal/header_btn_bg.png') 100% 50% no-repeat; background-size:22%;}

#wrap > #container > #header-wrap > #header-bottom > .inner > p.album-title {display:inline-block; width:100%; font-size:14px; font-weight:bold;  letter-spacing:-3px;  color:#515151; height:32px; line-height:32px; text-align:center; margin:35px 0 0; background:#f0f0f0;}

#sider-album {width:90%; height:auto; padding:0 5% 0;}
#wrap > #container > #content{width:100%; min-height:auto;}
#wrap > #container > #content > .inner > h2 {margin:25px 15px 20px; padding:0;}
#wrap > #container > #content > .inner > h2 > span{ font-size:14px; font-weight:bold; line-height:35px; height:35px; border-radius:20px; text-align:center; color:#fff; display:inline-block; width:100%;   margin:0 auto; background:#004252;}
#wrap > #container > #content > .inner > .ctn-list-wrap {width:100%;}
#wrap > #container > #content > .inner > .ctn-list-wrap > ul.ctn-list {margin:0 15px; padding:0; height:auto; }
#wrap > #container > #content > .inner > .ctn-list-wrap > ul.ctn-list > li {display:inline-block; width:100%; height:auto; float:left; border-bottom:2px solid #e1e1e1;  padding:0 0 5px; margin:0 0px 30px 0px;}
#wrap > #container > #content > .inner > .ctn-list-wrap > ul.ctn-list > li > p{ padding:0 0 0 10px; margin:0px 0 10px; font-size:14px;letter-spacing:-1px; line-height:14px;}
#wrap > #container > #content > .inner > .ctn-list-wrap > ul.ctn-list > li > p.title{ margin:10px 0 10px; font-weight:bold; font-size:15px; line-height:18px; height:auto; min-height:18px; max-height:36px;}
#wrap > #container > #content > .inner > .ctn-list-wrap > ul.ctn-list > li > p.thumb-img > a{width:100%; height:auto; display:inline-block;overflow:hidden;}


/*#rightbox-bg{position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:500; display:none; opacity:0;}
#rightbox-bg  #rightbox-wrap {position:relative;width:90%; height:auto; margin:0px auto; left:0; top:20px;  padding:0; text-align:center;}
#rightbox-bg  #rightbox-wrap .ctn-wrap .close-btn{position:absolute; display:inline-block; width:46px; height:46px; right:10px; top:10px;  z-index:560; cursor:pointer;}
#rightbox-bg  #rightbox-wrap .ctn-wrap .rightbox{position:relative; height:auto; margin:0 auto; overflow:hidden; z-index:555;}
#rightbox-bg  #rightbox-wrap .ctn-wrap .rightbox li{height:auto;}
#rightbox-bg  #rightbox-wrap .ctn-wrap .rightbox li > img{width:100%; height:auto;}
#rightbox-bg  #rightbox-wrap .ctn-wrap .rigthbox-text {position:relative; text-align:left; height:auto; background:#000; padding:15px 20px;}*/

#rightbox-bg{position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.65); z-index:500; display:none; opacity:0;}
#rightbox-bg  #rightbox-wrap{position:relative;width:90%; height:auto; min-height:400px; left:0; margin:0px auto 0px; top:20px; overflow:hidden;}
#rightbox-bg  #rightbox-wrap .right-box-inner-slide{position:absolute; width:100%;  height:auto; top:0; left:0;}
#rightbox-bg  #rightbox-wrap .ctn-wrap{padding:0; margin:0;}
#rightbox-bg  #rightbox-wrap .close-btn{position:absolute; display:inline-block; width:46px; height:46px; right:10px; top:10px;  z-index:99999; cursor:pointer;}
#rightbox-bg  #rightbox-wrap .ctn-wrap .rightbox{position:relative; height:auto; overflow:hidden; z-index:555;}
#rightbox-bg  #rightbox-wrap .ctn-wrap .rigthbox-text {position:relative; height:auto; background:#000; padding:15px 20px; }
#rightbox-bg  #rightbox-wrap .ctn-wrap .rigthbox-text > h2 {position:relative; color:#fff; font-size:14px; font-weight:bold; padding:0; margin:0; line-height:18px;}
#rightbox-bg  #rightbox-wrap .ctn-wrap .rigthbox-text > span{position:relative; color:#bfbfbf; font-size:12px; margin:5px 0 0; line-height:16px; display:inline-block; width:100%;}
#rightbox-bg  #rightbox-wrap .ctn-wrap .rightbox li{height:auto;}
#rightbox-bg  #rightbox-wrap .ctn-wrap .rightbox li > img{width:100%; height:auto;}



#sider-album > ul {position:relative; height:auto; margin:0 auto;  text-align:center;}
#sider-album > ul > li {position:relative; float:left; width:50%;  height:auto; display:inline-block;  padding:0; margin:30px  0px 0 0; overflow:hidden; background:#000; border-radius:120px;} 
#sider-album > ul > li  .info-text {position:absolute; left:0; top:45%; width:100%; height:auto; z-index:500; overflow:hidden; opacity:0; transition:0.8s ease-in-out; } 
#sider-album > ul > li > a {overflow:hidden; width:100%; height:100%; display:block;}
#sider-album > ul > li > a > img{width:100%; height:100%;}



.paging{width:100%;}
.paging ul{height:30px;}
.paging ul li{padding:0 10px;} 
.paging ul li a {font-size:16px;}
.paging ul li.active a {font-size:21px;}

#wrap > #container > #footer-wrap{height:auto; border-top:1px solid #8a8a8a; border-bottom:1px solid #8a8a8a; background:#5f5f5f; margin:45px 0 0;}
#wrap > #container > #footer-wrap > #footer{width:100%;}
#wrap > #container > #footer-wrap > #footer > #footer-logo{display:none;}
#wrap > #container > #footer-wrap > #footer > #copyright {margin:15px; padding:0;}
#wrap > #container > #footer-wrap > #footer > #copyright p > span > a{color:#fff;}
#wrap > #container > #footer-wrap > #footer > #copyright p > span{position:relative; display:inline-block;}
#wrap > #container > #footer-wrap > #footer > #copyright p > span:after{position:relative; content:""; padding:0 0px; display:block; width:100%;}
#wrap > #container > #footer-wrap > #footer > #copyright p > span:first-child:after{position:relative; content:"|"; padding:0 5px; display:inline-block; width:auto;}
#wrap > #container > #footer-wrap > #footer > #copyright p > span:nth-child:after{display:inline-block; width:auto;}
#wrap > #container > #footer-wrap > #footer > #copyright p > span.address{margin:15px 0;}
#wrap > #container > #footer-wrap > #footer > #copyright p > span:last-child:after{content:""; padding:0 0px; display:block; width:100%;}

}


@media screen and (min-width: 500px) and (max-width: 800px) {
#wrap > #container{background:url('/image/together/recruit/renewal/mobile2_header_bg.png') 50% 0 no-repeat;}
#wrap > #container > #header-wrap > #header{position:relative;  padding:280px 0 0; height:200px; background:none;}
#wrap > #container > #header-wrap > #header > #logo{position:absolute; width:100px; height:15px; left:10px; top:10px;}
#wrap > #container > #header-wrap > #header > #logo > a > img{width:100%;}

#wrap > #container > #header-wrap > #header > .top_img{position:absolute; width:205px; height:190px; left:50%; margin-left:-102px; top:55px;}
#wrap > #container > #header-wrap > #header > .top_img > p > img{width:100%;}

#wrap > #container > #header-wrap > #header > .inner{margin:0 15px;}
#wrap > #container > #header-wrap > #header > .inner > p.title{font-size:21px; line-height:26px;}
#wrap > #container > #header-wrap > #header > .inner > ul {position:relative; display:inline-block; margin:10px 0 0; padding:10px 0; background:#5f5f5f;}
#wrap > #container > #header-wrap > #header > .inner > ul > li {float:left; display:inline-block; font-size:21px; line-height:32px;  border-radius:0px; color:#fff; letter-spacing:-1.5px;  padding:0px 15px; margin:0px;}
#wrap > #container > #header-wrap > #header > .inner > ul > li:before{content:"ㆍ";}
#wrap > #container > #header-wrap{width:100%; height:auto;}
#wrap > #container > #header-wrap > #header > .inner > ul {width:100%;}

#wrap > #container > #header-wrap > #header-bottom{width:100%; height:auto;}
#wrap > #container > #header-wrap > #header-bottom > .inner{margin:0 15px;}
#wrap > #container > #header-wrap > #header-bottom > .inner > ul.guide-area {position:relative; margin:32px 0 0px;  list-style-position:inside;}
#wrap > #container > #header-wrap > #header-bottom > .inner > ul.guide-area > li {float:left; display:inline-block; width:100%; height:21px; font-size:14px; line-height:21px; font-weight:bold;  border-radius:15px; color:#fff; letter-spacing:-1.5px;  background:none; padding:0px; margin:0;}
#wrap > #container > #header-wrap > #header-bottom > .inner > ul.guide-area > li > br{display:none;}
#wrap > #container > #header-wrap > #header-bottom > .inner > ul.guide-area > li:last-child{padding:0px 0 0 0px; background:none;}
#wrap > #container > #header-wrap > #header-bottom > .inner > ul.guide-area > li > span{font-size:14px; padding:0 0 0 0px;}

#wrap > #container > #header-wrap > #header-bottom > .inner > .info-area {position:relative;  color:#434343; font-size:14px;  letter-spacing:-1px; display:block; padding:0px;}
#wrap > #container > #header-wrap > #header-bottom > .inner > .info-area > div{float:left;}
#wrap > #container > #header-wrap > #header-bottom > .inner > .info-area > .info-ctn{display:inline-block; width:100%; height:auto;}
#wrap > #container > #header-wrap > #header-bottom > .inner > .info-area > .info-ctn > h2{font-weight:bold; font-size:16px; line-height:21px;  margin:5px 0; padding:0;}
#wrap > #container > #header-wrap > #header-bottom > .inner > .info-area > .info-ctn > p{width:100%; padding:0; margin:0; }
#wrap > #container > #header-wrap > #header-bottom > .inner > .info-area > .info-btn{display:block; width:100%; padding:10px 0 0; margin:10px 0 0; text-align:center;}
#wrap > #container > #header-wrap > #header-bottom > .inner > .info-area > .info-btn > p{display:inline-block; width:25%;margin:0 5px 0 0px; padding:3px;}
#wrap > #container > #header-wrap > #header-bottom > .inner > .info-area > .info-btn > p > a{color:#434343; font-size:16px; font-weight:bold; line-height:18px; padding:0 20px 0 0; background:url('/image/together/recruit/renewal/header_btn_bg.png') 100% 50% no-repeat; background-size:22%;}

#wrap > #container > #header-wrap > #header-bottom > .inner > p.album-title {display:inline-block; width:100%; font-size:18px; font-weight:bold;  letter-spacing:-3px;  color:#515151; height:60px; line-height:px; text-align:center; margin:23px 0 0; background:none;}

#sider-album {width:94%; height:auto; padding:0 3% 0;}
#wrap > #container > #content{width:100%; min-height:auto;}
#wrap > #container > #content > .inner > h2 {margin:35px 15px 30px; padding:0;}
#wrap > #container > #content > .inner > h2 > span{ font-size:18px; font-weight:bold; line-height:38px; height:38px; border-radius:20px; text-align:center; color:#fff; display:inline-block; width:100%;   margin:0 auto; background:#004252;}
#wrap > #container > #content > .inner > .ctn-list-wrap {width:100%;}
#wrap > #container > #content > .inner > .ctn-list-wrap > ul.ctn-list {margin:0 15px; padding:0; height:auto; }
#wrap > #container > #content > .inner > .ctn-list-wrap > ul.ctn-list > li{width:48.4%;}
#wrap > #container > #content > .inner > .ctn-list-wrap > ul.ctn-list > li > p{ padding:0 0 0 10px; margin:0px 0 10px; font-size:14px;letter-spacing:-1px; line-height:14px;}
#wrap > #container > #content > .inner > .ctn-list-wrap > ul.ctn-list > li > p.title{ margin:10px 0 10px; font-weight:bold; font-size:15px; line-height:18px; height:auto; min-height:18px; max-height:36px;}
#wrap > #container > #content > .inner > .ctn-list-wrap > ul.ctn-list > li > p.thumb-img > a{width:100%; height:auto; display:inline-block;overflow:hidden;}


#rightbox-bg{position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.65); z-index:500; display:none; opacity:0;}
#rightbox-bg  #rightbox-wrap{position:relative;width:50%; height:auto; min-height:400px; left:0; margin:0px auto 0px; top:20px; overflow:hidden;}
#rightbox-bg  #rightbox-wrap .right-box-inner-slide{position:absolute; width:100%;  height:auto; top:0; left:0;}
#rightbox-bg  #rightbox-wrap .ctn-wrap{padding:0; margin:0;}
#rightbox-bg  #rightbox-wrap .close-btn{position:absolute; display:inline-block; width:46px; height:46px; right:10px; top:10px;  z-index:99999; cursor:pointer;}
#rightbox-bg  #rightbox-wrap .ctn-wrap .rightbox{position:relative; height:auto; overflow:hidden; z-index:555;}
#rightbox-bg  #rightbox-wrap .ctn-wrap .rigthbox-text {position:relative; height:90px; background:#000; padding:15px 20px; overflow-y:auto; }
#rightbox-bg  #rightbox-wrap .ctn-wrap .rigthbox-text > h2 {position:relative; color:#fff; font-size:14px; font-weight:bold; padding:0; margin:0; line-height:18px;}
#rightbox-bg  #rightbox-wrap .ctn-wrap .rigthbox-text > span{position:relative; color:#bfbfbf; font-size:12px; margin:5px 0 0; line-height:16px; display:inline-block; width:100%;}
#rightbox-bg  #rightbox-wrap .ctn-wrap .rightbox li{height:auto;}
#rightbox-bg  #rightbox-wrap .ctn-wrap .rightbox li > img{width:100%; height:auto;}



#sider-album > ul {position:relative; height:auto; margin:0 auto;  text-align:center;}
#sider-album > ul > li {position:relative; float:left; width:50%;  height:auto; display:inline-block;  padding:0; margin:30px  0px 0 0; overflow:hidden; background:#000; border-radius:300px;} 
#sider-album > ul > li  .info-text {position:absolute; left:0; top:45%; width:100%; height:auto; z-index:500; overflow:hidden; opacity:0; transition:0.8s ease-in-out; } 
#sider-album > ul > li > a {overflow:hidden; width:100%; height:100%; display:block;}
#sider-album > ul > li > a > img{width:100%; height:100%;}



.paging{width:100%;}
.paging ul{height:30px;}
.paging ul li{padding:0 10px;} 
.paging ul li a {font-size:16px;}
.paging ul li.active a {font-size:21px;}

#wrap > #container > #footer-wrap{height:auto; border-top:1px solid #8a8a8a; border-bottom:1px solid #8a8a8a; background:#5f5f5f; margin:45px 0 0;}
#wrap > #container > #footer-wrap > #footer{width:100%;}
#wrap > #container > #footer-wrap > #footer > #footer-logo{display:none;}
#wrap > #container > #footer-wrap > #footer > #copyright {margin:15px; padding:0;}
#wrap > #container > #footer-wrap > #footer > #copyright p > span > a{color:#fff;}
#wrap > #container > #footer-wrap > #footer > #copyright p > span{position:relative; display:inline-block;}
#wrap > #container > #footer-wrap > #footer > #copyright p > span:after{position:relative; content:""; padding:0 0px; display:block; width:100%;}
#wrap > #container > #footer-wrap > #footer > #copyright p > span:first-child:after{position:relative; content:"|"; padding:0 5px; display:inline-block; width:auto;}
#wrap > #container > #footer-wrap > #footer > #copyright p > span:nth-child(2):after{display:inline-block; width:auto;}
#wrap > #container > #footer-wrap > #footer > #copyright p > span.address{margin:15px 0; height:14px; line-height:14px; font-size:14px;}
#wrap > #container > #footer-wrap > #footer > #copyright p > span:last-child:after{content:""; padding:0 0px; display:block; width:100%;}

}

@media only screen and (max-width: 368px){
#wrap > #container > #header-wrap > #header-bottom > .inner > p.album-title {display:inline-block; width:100%; font-size:14px; font-weight:bold;  letter-spacing:-3px;  color:#515151; height:32px; line-height:32px; text-align:center; margin:45px 0 0; background:#f0f0f0;}
}