@charset "utf-8";
/* CSS Document */

a.btn, input[type="submit"].btn, button.btn, input[type="button"].btn {
    display: inline-block;
    padding: 10px 40px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#244264+0,644624+100 */
    background: rgb(36,66,100); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(36,66,100,1) 0%, rgba(100,70,36,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  rgba(36,66,100,1) 0%,rgba(100,70,36,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  rgba(36,66,100,1) 0%,rgba(100,70,36,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#244264', endColorstr='#644624',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    color: #fff;
    cursor: pointer;
    font-family: 'Noto Sans Korean';
    font-size: 16px;
    font-weight: 400;
    vertical-align: top;
    border: 0;
}

header#header{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 70;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    letter-spacing: 1px;
    font-size: 1.1em;
    z-index: 999;
}

header{background:#fff;}
header h1 a{background: url(../images/common/logo2.png) 0 0 no-repeat;}
header:hover h1 a{background: url(../images/common/logo1.png) 0 0 no-repeat;}
header h1 a:hover{background: url(../images/common/logo2.png) 0 0 no-repeat;}	

header .menuNav > ul > li > a{color:#000;}
header .menuNav:hover > ul > li > a{color:#fff;}
.menuNav:after{background: #ededed;}
.menuNav:hover:after{
    display:block;
    content:"";
    position:absolute;
    top: 93px;
    left:0;
    width:100%;
    height: 1px;
    background:#404040;
}

/**
content
**/
#content{margin-top:94px;}
.sub-visual{height: 210px;background: url(../images/sub/visual.png) 0 0 no-repeat;color: #fff;text-align: center;}
.sub-visual h2{padding-top: 60px;font-size:40px;font-weight: 500;line-height: 1;}
.sub-visual span{
    display: block;
    padding-top: 20px;
    font-size: 18px;
    font-weight: 300;
    line-height: 1;
}
nav.menu{
    height: 68px;
    background: #1d1d1d;
}
nav.menu ul{
    width: 1160px;
    margin: 0 auto;
    padding: 20px 0 19px;
    text-align: center;
}
nav.menu ul:after{display:block;clear:both;content:"";}
nav.menu ul li{display: inline-block;}
nav.menu ul li a{
    display: block;
    margin: 0 10px;
    padding: 5px 45px 7px 11px;
    font-size: 17px;
    color: #fff;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -0.020em;
}
nav.menu ul li.active{}
nav.menu ul li.active a, nav.menu ul li:hover a, nav.menu ul li:focus a{color:#fdc837;font-weight: 500;background: url(../images/common/ico-arrow1.png) center right no-repeat;}

.content{margin: 90px 0 0;}
.content h3{
    padding-bottom: 50px;
    color: #1d1d1d;
    font-size: 28px;
    font-weight: 500;
    text-align: center;
    line-height: 1;
}
.content .bg{position:relative;}
.container{position:relative; width:1160px; margin: 0 auto;}
.ys{font-family: 'Yeon Sung';}

.page-ready{padding: 20px 0 130px;text-align: center;}
.page-ready img{
    max-width: 400px;
    width: 100%;
}

/* tab menu */
.wrp_tab{margin-bottom:40px;height:43px;text-align:center;background-color:#f9f9f9;border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;}
.wrp_tab ul{display:inline-block}
.wrp_tab ul:after{content:""; display:block; clear:both}
.wrp_tab ul li{float:left; position:relative; line-height:43px; font-size:14px; color:#686868}
.wrp_tab ul li + li{margin-left:46px}
.wrp_tab ul li a{display:inline-block;color: #777;text-decoration:none;text-transform: uppercase;}
.wrp_tab ul li.on{color:#05548f; border-bottom:1px solid #05548f}
.wrp_tab ul li.on a{color: #05548f;}
.wrp_tab ul li.on:after{display:block; content:""; position:absolute; left:50%; bottom:-5px; margin-left:-4px; width:8px; height:5px; background:url(../images/sub/tab_pointer.png) 0 0 no-repeat;}

/* 청담홀딩스 소개 */
.sub01-01 .container:nth-child(3):after{
    display:block;
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    padding-top: 50px;
    border-top: 10px solid #ededed;
    border-left: 10px solid #ededed;
    background: #fff;
    z-index: -1;
}
.sub01-01 .container:nth-child(3){padding: 60px 0 0 50px;}
.sub01-01 p.tit{
    color:#333;
    font-size:35px;
    font-weight:400;
}
.sub01-01 p.tit .ys{
    position:relative;
    font-family: 'Yeon Sung';
    font-size:45px;
    font-weight:600;
    letter-spacing:0.040em;
}
.sub01-01 p.tit .ys:after{
    display:block;
    content:"";
    position:absolute;
    top:auto;
    bottom: 8px;
    width:100%;
    height:10px;
    background: #e0e0e0;
    z-index:-1;
}
.sub01-01 .bg{}
.sub01-01 .bg:after{
    display:block;
    content:"";
    position:absolute;
    top:0;
	left:0;
    width:100%;
    height:10px;
    background: url(../images/sub/bg-sub01-01-1.gif) right top no-repeat;
}
.sub01-01 .line{position:relative;}
.sub01-01 .line:after{
    display:block;
    content:"";
    position:absolute;
    top: -5px;
    left:0;
    width:100%;
    height:1px;
    background: url(../images/sub/bg-sub01-01-2.gif) left top no-repeat;
}
.sub01-01 .mean{display: inline-block;margin-top:10px;padding-bottom: 30px;border-bottom: 1px solid #fdc837;}
.sub01-01 .mean:after{display:block;clear:both;content:"";}
.sub01-01 .mean li{
    display: inline-block;
    margin-right: 63px;
    color:#444;
    float: left;
    font-size:15px;
}
.sub01-01 .mean li:last-child{margin-right:0;}
.sub01-01 .mean li span{display: inline-block;padding: 0 15px 0 8px;color:#a9a9a9;}
.sub01-01 .mean li span.ys{
    position:relative;
    padding: 0;
    color: #ba9312;
    font-family: 'Yeon Sung';
    font-size: 20px;
    line-height: 1;
}
.sub01-01 .mean li span.ys:after{
    display:block;
    content:"";
    position:absolute;
    top:auto;
    left: 0;
    bottom: 3px;
    width:100%;
    height:10px;
    background: #f4ddb9;
    z-index:-1;
}
.sub01-01 p.txt{
    margin: 50px 0 0 25px;
    color: #666;
    font-size: 17px;
    font-weight: 400;
    line-height: 180%;
}
.sub01-01 p.txt strong{color: #333; font-weight: 500;}
.sub01-01 div.support{
    position:relative;
    margin-top: 30px;
    padding-bottom: 100px;
}
.sub01-01 div.support ul{
    margin-left: 25px;
    padding: 20px 40px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #f6f6f6;
}
.sub01-01 div.support ul:after{display:block;clear:both;content:"";}
.sub01-01 div.support ul li{
    display: inline-block;
    padding-right: 30px;
    color:#333;
}
.sub01-01 div.support ul li span, .sub01-01 div.support ul li img{
    display:block;
    margin:0 auto;
    text-align:center;
}
.sub01-01 div.support ul li img{padding-top:10px;}
.sub01-01 div.support:after{
    display:block;
    content:"";
    position:absolute;
    bottom: 0;
    left: -25px;
    width:100%;
    height: 100px;
    border-left: 10px solid #ededed;
    background: #fff;
    z-index: -1;
}
/* 연혁 */
.sub01-02 .year.ys{
	display:inline-block;
	position:relative;
	margin-bottom: 25px;
	color: #1d1d1d;
	font-family: 'Yeon Sung';
	font-size:45px;
	font-weight:600;
	letter-spacing: 0.060em;
}
.sub01-02 .year.ys:after{
    display:block;
    content:"";
    position:absolute;
    top:auto;
    bottom: 8px;
    width:100%;
    height:10px;
    background: #e0e0e0;
    z-index:-1;
}
.sub01-02 ul{
    display: block;
}
.sub01-02 ul:after{display:block;clear:both;content:"";}
.sub01-02 ul li{
    display: inline-block;
    position:relative;
    float: left;
    width: 33.33%;
    padding-top: 15px;
    border-top: 1px solid #e5e5e5;
}
.sub01-02 ul li:after{
	display:block;
	content:"";
	position:absolute;
	top: -7px;
	left: 19px;
	width:13px;
	height:13px;
	border-radius:50%;
	background:#e5e5e5;
}
.sub01-02 ul.now li{border-top: 1px solid #fdc837;}
.sub01-02 ul.now li:after{background:#fdc837;}
.sub01-02 ul li .month{
    display: block;
    padding: 0 15px;
    color: #b0b0b0;
    font-size: 16px;
    line-height: 1;
}
.sub01-02 ul li .txt{
    display: block;
    height: 90px;
    margin: 8px 0 20px;
    padding: 0 15px;
    color: #555;
    font-size: 17px;
    line-height: 1.3;
    overflow: hidden;
}
/* 조직도 */
.sub01-03{}
.sub01-03 ul{text-align: center;}
.sub01-03 ul.org{margin-bottom:100px;}
.sub01-03 ul li.org1{
	display: inline-block;
	position:relative;
	width: 310px;
	padding: 127px 0;
	border-radius: 50%;
	background: url(../images/sub/sub01-03-bg1.png) center center no-repeat;
	text-align: center;
}

.sub01-03 ul li.org1:after{
	display:block;
	content:"";
	position:absolute;
	top: 70px;
	right: 50%;
	width:1px;
	height: 360px;
	background: #e5e5e5;
	z-index:-1;
}
.sub01-03 ul li.org1 span{
	display:inline-block;
	position: relative;
	color: #fff;
	font-family: 'Yeon Sung';
	font-size:45px;
	font-weight:600;
	letter-spacing: 0.060em;
	vertical-align: top;
	z-index: 1;
}
.sub01-03 ul li.org1 span:after{
    display:block;
    content:"";
    position:absolute;
    top:auto;
    bottom: 8px;
    width:100%;
    height:10px;
    background: #3f3f3f;
    z-index:-1;
}
.sub01-03 ul li.org2{}
.sub01-03 ul li.org2 ul{display: inline-block;position:relative;}
.sub01-03 ul li.org2 ul li{
    display: inline-block;
    position:relative;
    width: 200px;
    margin: 0 80px;
    padding: 16px 0;
    background: #644624;
    color: #fff;
    font-size: 18px;
}
.sub01-03 ul li.org2 ul li:after{
	display:block;
	content:"";
	position:absolute;
	top: 30px;
	right: 170px;
	width:100%;
	height: 1px;
	background: #e5e5e5;
	z-index:-1;
}

.sub01-03 ul li.org2 ul li:first-child{background:#244264;}
.sub01-03 ul li.org2 ul li:first-child:after{display:none;}
.sub01-03 ul li.org3{
    margin-top: 60px;
    padding-top: 60px;
}
.sub01-03 ul li.org3 ul{
    display: inline-block;
    position:relative;
}
.sub01-03 ul li.org3 ul:after{
	display:block;
	content:"";
	position:absolute;
	bottom: 120px;
	right: 116px;
	width: 706px;
	height: 1px;
	background: #e5e5e5;
	z-index:-1;
}
.sub01-03 ul li.org3 ul li{
    display: inline-block;
    position: relative;
    width: 200px;
    margin: 0 15px;
    padding: 16px 0;
    border: 1px solid #ddd;
    background: #f7f7f7;
    color: #333;
    font-size: 18px;
}
.sub01-03 ul li.org3 ul li:after{
	display:block;
	content:"";
	position:absolute;
	bottom: 60px;
	right: 50%;
	width: 1px;
	height: 100%;
	background: #e5e5e5;
	z-index:-1;
}

/* 오시는길 */
.sub01-04{}
.sub01-04 div.direct{margin: 50px 0 100px;border-top: 2px solid #333;border-bottom: 1px solid #fdc837;}
.sub01-04 div.direct:after{display:block; clear:both; content:"";}
.sub01-04 dl{
    display: inline-block;
    position: relative;
    float: left;
    width: 25%;
    min-height: 228px;
}
.sub01-04 dl:after{
	display:block;
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:1px;
	height:100%;
	background:#e5e5e5;
}
.sub01-04 dl:first-child:after{display:none;}
.sub01-04 dl dt{
    padding: 40px 25px 0;
    color: #333;
    font-size: 20px;
}
.sub01-04 dl dt img{display:block; padding-bottom:15px;}
.sub01-04 dl dd{
    padding: 10px 25px 40px;
    color: #555;
    font-size: 15px;
}
/* 채용안내 */
.sub01-05{}
.sub01-05 ul{
    display: flex;
    margin-bottom: 50px;
    -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;
}
.sub01-05 ul li{display: inline-block; position:relative; width: 143px;margin: 0 20px;padding: 49px 0 58px;text-align: center;vertical-align: middle;color: #555;font-size: 17px;line-height: 1;}
.sub01-05 ul li:after{
	display:block;
	content:"";
	position:absolute;
	top: 0;
	bottom: 0;
	right: -22px;
	width: 11px;
	height: 143px;
	background:url(../images/sub/sub01-05-arrow1.png) center center no-repeat;
}
.sub01-05 ul li.step1{background:url(../images/sub/sub01-05-bg1.png) center center no-repeat;}
.sub01-05 ul li.step2{background:url(../images/sub/sub01-05-bg2.png) center center no-repeat;}
.sub01-05 ul li.step3{background:url(../images/sub/sub01-05-bg3.png) center center no-repeat;}
.sub01-05 ul li.step4{background:url(../images/sub/sub01-05-bg4.png) center center no-repeat;color:#1d1d1d;font-weight: 500;}
.sub01-05 ul li.step3:after{background:url(../images/sub/sub01-05-arrow2.png) center center no-repeat;}
.sub01-05 ul li.step4:after{display:none;}
.sub01-05 ul li span{

    display: block;
    padding-bottom: 5px;
    color: #b0b0b0;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1;
}
.sub01-05 ul li.step4 span{color:#d09800;}
.sub01-05 dl{
    position: relative;
    margin-bottom: 30px;
}
.sub01-05 dl:last-child{margin-bottom: 100px;}
.sub01-05 dl dt{
	display:inline-block;
	position: absolute;
	/* margin-bottom: 25px; */
	color: #1d1d1d;
	font-family: 'Yeon Sung';
	font-size:45px;
	font-weight:600;
	letter-spacing: 0.060em;
	vertical-align: top;
}
.sub01-05 dl dt:after{
    display:block;
    content:"";
    position:absolute;
    top:auto;
    bottom: 8px;
    width:100%;
    height:10px;
    background: #e0e0e0;
    z-index:-1;
}
.sub01-05 dl dt span{color: #135d95;}
.sub01-05 dl dd{
	display: inline-block;
	padding: 10px 0 0 225px;
	color: #555;
	font-size: 17px;
	vertical-align: top;
}

/* paging */
.paging{margin-top: 40px;text-align:center;font-size:0;}
.paging a, .paging strong{display:inline-block;vertical-align:middle;min-width: 15px;height:22px;line-height: 20px;padding:1px;font-size: 15px;font-weight:400;color:#8f8f8f;text-decoration:none;}
.paging a:hover, .paging a:focus{color: #644624;}
.paging a img{vertical-align: top;height: 11px;padding: 6px 0;/* line-height: 20px; *//* text-align: center; */}
.paging > * + *{margin-left:25px}
.paging strong{color: #644624;padding-bottom:0;border-bottom: 1px solid #644624;}

/* 일반게시판 */
.sub04-01{}
.sub04-01 .bbs-list{margin-bottom:80px;}
.bbs-list .bbs{width: 100%;border-collapse: separate;border-spacing: 0;}
.bbs-list .bbs th{
	position:relative;
	padding: 15px 0;
	border-top: 2px solid #333;
	border-bottom: 1px solid #dddddd;
	color: #1d1d1d;
	font-size:18px;
	font-weight: 500;
	text-align: center;
}
.bbs-list .bbs th:after{
	display:block;
	content:"";
	position:absolute;
	bottom: -4px;
	left:0;
	width:100%;
	height: 3px;
	background: #f6f6f6;
}
.bbs-list .bbs td{
	padding: 18px 0;
	color: #444;
	font-size: 15px;
	font-weight: 400;
	border-bottom: 1px solid #ddd;
	text-align:center;
}
.bbs-list .bbs td.notice{color:#b78d00;}
.bbs-list .bbs td.text-left{text-align:left;}
.bbs-list .bbs td a:hover, .bbs td a:focus{text-decoration:underline;}

.bbs-view{margin-bottom: 60px;}
.bbs-view .title{
    position: relative;
    padding: 20px 0;
    border-top: 2px solid #333;
    border-bottom: 1px solid #dddddd;
    color: #1d1d1d;
    font-size: 18px;
    font-weight: 500;
}
.bbs-view .title:after {
    display: block;
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #f6f6f6;
}
.bbs-view .title h4{
    position: relative;
    padding: 0 180px 0 30px;
    font-size: 18px;
    font-weight: 500;
}
.bbs-view .title .sort + h4{
    padding: 0 180px 0 85px;
}
.bbs-view .title .sort{position:absolute;top: 34px;left: 30px;margin-top: -14px;display:inline-block;vertical-align:middle;/* padding:0 6px; *//* line-height:20px; *//* font-size:12px; *//* font-weight:700; *//* background-color:#fff; *//* border-width:1px; *//* border-style:solid; *//* border-radius:22px; *//* -webkit-border-radius:22px; */-moz-border-radius:22px;color: #b78d00;}
.bbs-view .info{position:absolute;top: 23px;right: 30px;color: #666;font-size: 15px;font-weight: 400;}
.bbs-view .info span{
    padding-left: 8px;
    color: #888;
    font-size: 14px;
}
.bbs-view .file{
    position: relative;
    margin-top: 20px;
    padding: 15px 30px 0;
    border-top: 1px solid #dddddd;
}
.bbs-view .file ul{}
.bbs-view .file ul li{
	height: 24px;
	line-height: 22px;
}
.bbs-view .file ul li a{
	display:block;
	padding-left: 20px;
	background: url(../images/sub/ico_file.png) 0 6px no-repeat;
	color: #777;
	font-size: 14px;
	font-weight:400;
}
.bbs-view .file ul li a:hover{
	background: url(../images/sub/ico_file_on.png) 0 6px no-repeat;
	color:#184e8d;
}
.bbs-view .article{
    padding: 30px 30px;
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 160%;
}
.bbs-view .article > ul{
    margin: -30px -30px 0;
    padding: 20px 30px;
    background: #f6f6f6;
}
.bbs-view .article > ul li{
    padding: 10px 0 0;
    color: #6c6c6c;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.020em;
    line-height: 1;
}
.bbs-view .article > ul.portfolio li:first-child{padding-top:0;}
.bbs-view .article > ul.portfolio li span.tit{text-transform: uppercase;color: #1d1d1d;font-size: 12px;display: inline-block;width: 110px;font-weight: 500;letter-spacing: -0.020em;}
.bbs-view .article div.portfolio{
	position:relative;
	margin: 0 -30px 30px;
	/* border: 1px solid #dddddd; */
}
.bbs-view .article div.portfolio img{width:100%}
.bbs-view .otherview{border-bottom: 1px solid #666;}
.bbs-view .otherview dl{line-height:49px; border-top:1px solid #e4e4e4}
.bbs-view .otherview dl:after{content:""; display:block; clear:both}
.bbs-view .otherview dl dt{position: absolute;width:120px;text-indent: 30px;font-size:15px;color:#333;background-position:99px center;background-repeat:no-repeat;}
.bbs-view .otherview dl.prev dt{background-image:url(../images/sub/arrow_down1.png)}
.bbs-view .otherview dl.next dt{background-image:url(../images/sub/arrow_up1.png)}
.bbs-view .otherview dl dd{position: relative;padding: 0 30px 0 130px;font-size: 15px;font-weight:400;color:#b8b8b8;}
.bbs-view .otherview dl dd a{color: #888;font-weight: 400;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

/* 사진게시판 : 보도자료style */
.photo-list{margin-bottom:60px;}
.photo-list ul{border-top: 2px solid #333;}
.photo-list ul li{position:relative;min-height: 130px;padding: 20px;border-bottom: 1px solid #dddddd;}
.photo-list ul li div.photo{position: absolute;}
.photo-list ul li div.photo a{display: block;width: 180px;height: 130px;background-image:url(../images/sub/bg-default1.gif);}
.photo-list ul li div.photo img{width: 180px;height: 130px;}
.photo-list ul li div.txt{padding-left: 195px;color: #333;font-size: 17px;}
.photo-list ul li div.txt a:hover, .photo-list ul li div.txt a:focus{text-decoration:underline;}
.photo-list ul li div.txt span.txt{display: block;height: 67px;margin-top: 5px;color: #777;font-size: 15px;overflow: hidden;}
.photo-list ul li div.txt span.date{display:inline-block;color: #888;font-size: 15px;font-weight: 400;}
.photo-list ul li div.txt span.view{position:relative;display:inline-block;margin-left: 10px;padding-left: 10px;color: #888;font-size: 15px;}
.photo-list ul li div.txt span.view:after{
	display:block;
	content:"";
	position: absolute;
	top: 6px;
	left: 0;
	width: 1px;
	height: 11px;
	background: #bfbfbf;
}
/* 사진게시판 : 갤러리style */
.gallery-list{margin-bottom:60px;}
.gallery-list ul{position:relative; border-top: 2px solid #333;}
.gallery-list ul:after{display:block;clear:both;content:"";}
.gallery-list ul:before{display:block;clear:both;content:"";position:absolute;bottom:0;left:0;width: 100%;height: 1px;background: #ddd;}
.gallery-list.no-data ul li:after{display:none;}
.gallery-list ul li{position:relative;float: left;min-height: 130px;width: 33.33%;border-bottom: 1px solid #dddddd;}
.gallery-list ul li:after{display:block;clear:both;content:"";position:absolute;top:0;right: 0;width: 1px;height: 100%;border-right:1px solid #ddd;}
.gallery-list ul li:nth-child(3n):after{border-right:0;}
.gallery-list.no-data ul li{
    float: none;
    width: 100%;
    min-height: 250px;
    text-align: center;
    line-height: 250px;
}
.gallery-list ul li div.photo, .gallery-list ul li div.txt{
    padding: 15px;
    /* border-right: 1px solid #ddd; */
}
.gallery-list ul li:last-child div.photo, .gallery-list ul li:last-child div.txt{border-right:0;}
.gallery-list ul li div.photo a {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../images/sub/bg-default1.gif);
}
.gallery-list ul li div.photo a img{
    display: block;
    width: 100%;
}
.gallery-list ul li div.txt{
    padding: 0 15px 15px;
}
.gallery-list ul li div.txt a{
    display: inline-block;
    width: 90%;
    color: #333;
    font-size: 17px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1;
}
.gallery-list ul li div.txt img{
    display: inline-block;
    vertical-align: top;
    /* padding: 0; */
}
.gallery-list ul li div.txt span.date{display:inline-block;color: #888;font-size: 15px;font-weight: 400;}
.gallery-list ul li div.txt span.view{position:relative;display:inline-block;margin-left: 10px;padding-left: 10px;color: #888;font-size: 15px;}
.gallery-list ul li div.txt span.view:after{
	display:block;
	content:"";
	position: absolute;
	top: 6px;
	left: 0;
	width: 1px;
	height: 11px;
	background: #bfbfbf;
}

/* 온라인문의 */
.sub04-03{}
.bbs-write{
	margin-bottom: 60px;
    border-top: 2px solid #333;
}
.bbs-write dl{
    position: relative;
    padding: 20px;
    border-bottom: 1px solid #dddddd;
}
.bbs-write dl dt{
    position: absolute;
    color: #333;
    font-size: 17px;
    font-weight: 400;
}
.bbs-write dl dd{
    position: relative;
    padding-left: 140px;
    font-size: 15px;
}
.bbs-write dl dd span{padding-left:10px;}
.bbs-write dl dd span:first-child{padding-left:0;}
/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {
	/* display: inline-block; */
	position: relative;
}
#captcha legend {
	position: absolute;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999em;
	overflow: hidden;
}
#captcha #captcha_img {
	width: 160px;
	height: 60px;
	border: 1px solid #d8d8d8;
	vertical-align: top;
	padding: 0;
	margin: 0;
}
#captcha #captcha_mp3 {
	position: absolute;
	top: 0px;
	left: 161px;
	margin: 0;
	padding: 0;
	width: 23px;
	height: 22px;
	border: 0;
	background: transparent;
	vertical-align: middle;
	overflow: hidden;
	cursor: pointer;
}
#captcha #captcha_mp3 span {
	position: absolute;
	top: 0;
	left: 0;

	width: 31px;
	height: 31px;
	background: url("http://twinssolar.com/css/../images/sub/icon-captcha2.gif") no-repeat;
}
#captcha #captcha_reload {
	position: absolute;
	top: 17px;
	left: 157px;
	margin: 0;
	padding: 0;
	width: 31px;
	height: 31px;
	border: 0;
	background: transparent;
	vertical-align: middle;
	overflow: hidden;
	cursor: pointer;
}
#captcha #captcha_key {
	margin: 0 0 0 33px;
	padding: 0 5px;
	width: 110px;
	height: 60px;
	border: 1px solid #b8c9c2;
	background: #f7f7f7;
	font-size: 1.333em;
	font-weight: bold;
	text-align: center;
	line-height: 2.8em;
	vertical-align: top;
}
#captcha #captcha_info {
	display: block;
	margin: 5px 0 0;
	padding-left: 0;
	font-size: 15px;
	font-weight: 400;
	/* letter-spacing: -0.1em; */
}
#captcha button img{vertical-align:top;}

@media(max-width:1599px) {
    nav.menu ul{width:auto;}
    .content{margin: 60px 0 0;}
    .container{width: auto !important;padding: 15px !important;}

	/* 청담홀딩스 소개 */
    .sub01-01 .bg, .container:after, .sub01-01 .container:nth-child(3):after, .sub01-01 .line{display:none;}
    .sub01-01 .mean{padding: 0 0 25px;}
	.sub01-01 p.txt{
		margin: -20px 0 0;
		font-size: 14px;
		line-height: 150%;
	}
	.sub01-01 div.support{
		margin-top: 15px;
		padding-bottom: 0;
	}
	.sub01-01 div.support ul{
		margin: 0;
		padding: 0 15px;
		border: 1px solid #ddd;
	}
	.sub01-01 div.support ul li{
		float: left;
		width: 33.33%;
		padding: 15px 0;
	}
	.sub01-01 div.support:after{display:none;}
	/* 연혁 */
	.sub01-02 .year.ys{margin-bottom: 20px;font-size: 30px;}
	.sub01-02 ul{margin:0 -20px;}
	.sub01-02 ul li{width:50%;}
	.sub01-02 ul li .month{font-size:15px;}
	.sub01-02 ul li .txt{font-size:14px;}
	/* 조직도 */
	/* 오시는길 */
	/* 채용안내 */
	.sub01-05 dl:last-child{margin-bottom:30px;}
}
@media(max-width:1023px) {

	a.btn, input[type="submit"].btn, button.btn, input[type="button"].btn{
		padding: 9px 25px;
		font-size: 14px;
	}
	
    header#header{height: 70px;border-bottom: 1px solid #ededed;background:#fff;}
    header:hover h1 a{background: url(../images/common/logo2.png) 0 0 no-repeat;}
    .menuNav:hover:after{display:none;}
    nav.menu{display:none;}
    .page-ready{
    padding: 0 0 30px;
}

    #content{margin-top: 70px;}
	.content{margin: 15px 0 0;}
	.content h3{position:relative;padding: 0 15px 20px;font-size: 18px;text-align: left;}
	.content h3:after{
		display:block;
		content:"";
		position:absolute;
		top: auto;
		bottom: 0;
		left:0;
		width:100%;
		height: 4px;
		border-top: 1px solid #ddd;
		background: #f1f1f1;
	}
    .sub-visual{height: 125px;background-position: center center;background-size: 100% 100%;}
    .sub-visual h2{padding-top: 30px;font-size: 2rem;}
    .sub-visual span{padding-top: 15px;font-size:16px;}
	
	/* 조직도 */
	.sub01-03 ul.org{margin-bottom: 10px;}
	.sub01-03 ul li.org1{width: 270px;padding: 100px 0;background-size: 100%;}
	.sub01-03 ul li.org1 span{font-size:35px;}
	.sub01-03 ul li.org2 ul, .sub01-03 ul li.org3 ul{display:block;margin: 0 auto;text-align: center;}
	.sub01-03 ul li.org2 ul li, .sub01-03 ul li.org3 ul li{display: block;width: 85%;margin: 0 auto;font-size: 15px;}
	.sub01-03 ul li.org2 ul li:after, .sub01-03 ul li.org3 ul:after{display:none;}
	.sub01-03 ul li.org3{margin:0;padding-top: 40px;}
	.sub01-03 ul li.org3 ul li{margin-top:-1px;}
	/* 오시는길 */
	.sub01-04 .container{margin-top: -5px;padding: 0 !important;}
	.sub01-04 div.direct{margin: 0;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
	.sub01-04 dl{display: block;float: none;width: 100%;min-height: auto;}
	.sub01-04 dl:after{width: 100%;height: 1px;}
	.sub01-04 dl dt{padding: 15px 15px 0;font-size: 16px;}
	.sub01-04 dl dt img{width: 40px;padding-bottom: 5px;}
	.sub01-04 dl dd{padding:0 15px 15px;font-size: 14px;}
	/* 채용안내 */
	.sub01-05 .container{padding: 0 !important;}
	.sub01-05 ul{margin-bottom:0;}
	.sub01-05 ul li{margin: 0 0.1rem;padding: 10% 0 11%;font-size: 14px;background-size: 100% !important;background-position: 1px center !important;}
	.sub01-05 ul li span{padding-bottom: 2px;font-size: 13px;}
	.sub01-05 ul li:after{display: none;}
	.sub01-05 dl{margin: 0 15px 10px;}
	.sub01-05 dl dt{position: relative;font-size: 30px;}
	.sub01-05 dl dd{padding:0;font-size: 15px;}
    /* paging */
    .paging{margin-top: 15px;}
    .paging a, .paging strong{font-size: 14px;}
	.paging > * + *{margin-left:15px;}
	.paging a img{height: 10px;/* padding: 0px 0; */}
	/* 일반게시판 */
	.sub04-01 .container, .sub04-03 .container{padding:0 !important;}
	.sub04-01 .container > div, .sub04-02 .container > div, .sub04-03 .container > div, .bbs-view, .gallery-list{margin-bottom:20px;border-top: 0;}
	.bbs-list .bbs{}
	.bbs-list .bbs td{padding: 10px 15px;}
	.bbs-list .bbs td span.notice{display: inline-block;padding-right: 5px;color: #b78d00;/* font-size: 15px; */}
	.bbs-list .bbs span.date{color:#888;font-size: 14px; font-weight:300;}
	.bbs-list .bbs span.view{position:relative; padding-left:7px; margin-left:7px; color:#888;font-size: 14px; font-weight:300;}
    .bbs-list .bbs span.view:after{
    	display:block;
    	content:"";
    	position:absolute;
    	top:6px;
    	left:0;
    	width:1px;
    	height:10px;
    	background:#a6a6a6;
    }
    .bbs-view .title{padding: 10px 15px;border-top: 0;font-size: 15px;}
	.bbs-view .title .sort{top: 23px;left: 15px;}
	.bbs-view .title h4{padding: 0;font-size: 15px;}
	.bbs-view .title .sort + h4{padding: 0 0 0 45px;}
	.bbs-view .info{position: relative;top: 0;left: 0;font-size: 14px;}
	.bbs-view .info span{padding-left: 6px;}
	.bbs-view .file{margin-top: 10px;padding: 10px 0 0;}
	.bbs-view .file ul li a{background-position: 0 5px;font-size: 13px;}
	.bbs-view .article{padding: 15px;font-size: 14px;line-height: 140%;}
	.bbs-view .article > ul{margin: -15px -15px 0;padding: 10px 15px;}
	.bbs-view .article div.portfolio{margin: 15px -5px;}
	.bbs-view .otherview dl{line-height: 39px;}
	.bbs-view .otherview dl dt{width: 85px;@charset "utf-8";
/* CSS Document */

a.btn, input[type="submit"].btn, button.btn, input[type="button"].btn {
    display: inline-block;
    padding: 10px 40px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#244264+0,644624+100 */
    background: rgb(36,66,100); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(36,66,100,1) 0%, rgba(100,70,36,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  rgba(36,66,100,1) 0%,rgba(100,70,36,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  rgba(36,66,100,1) 0%,rgba(100,70,36,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#244264', endColorstr='#644624',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    color: #fff;
    cursor: pointer;
    font-family: 'Noto Sans Korean';
    font-size: 16px;
    font-weight: 400;
    vertical-align: top;
    border: 0;
}

header#header{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 70;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    letter-spacing: 1px;
    font-size: 1.1em;
    z-index: 999;
}

header{background:#fff;}
header h1 a{background: url(../images/common/logo2.png) 0 0 no-repeat;}
header:hover h1 a{background: url(../images/common/logo1.png) 0 0 no-repeat;}
header h1 a:hover{background: url(../images/common/logo2.png) 0 0 no-repeat;}	

header .menuNav > ul > li > a{color:#000;}
header .menuNav:hover > ul > li > a{color:#fff;}
.menuNav:after{background: #ededed;}
.menuNav:hover:after{
    display:block;
    content:"";
    position:absolute;
    top: 93px;
    left:0;
    width:100%;
    height: 1px;
    background:#404040;
}

/**
content
**/
#content{margin-top:94px;}
.sub-visual{height: 210px;background: url(../images/sub/visual.png) 0 0 no-repeat;color: #fff;text-align: center;}
.sub-visual h2{padding-top: 60px;font-size:40px;font-weight: 500;line-height: 1;}
.sub-visual span{
    display: block;
    padding-top: 20px;
    font-size: 18px;
    font-weight: 300;
    line-height: 1;
}
nav.menu{
    height: 68px;
    background: #1d1d1d;
}
nav.menu ul{
    width: 1160px;
    margin: 0 auto;
    padding: 20px 0 19px;
    text-align: center;
}
nav.menu ul:after{display:block;clear:both;content:"";}
nav.menu ul li{display: inline-block;}
nav.menu ul li a{
    display: block;
    margin: 0 10px;
    padding: 5px 45px 7px 11px;
    font-size: 17px;
    color: #fff;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -0.020em;
}
nav.menu ul li.active{}
nav.menu ul li.active a, nav.menu ul li:hover a, nav.menu ul li:focus a{color:#fdc837;font-weight: 500;background: url(../images/common/ico-arrow1.png) center right no-repeat;}

.content{margin: 90px 0 0;}
.content h3{
    padding-bottom: 50px;
    color: #1d1d1d;
    font-size: 28px;
    font-weight: 500;
    text-align: center;
    line-height: 1;
}
.content .bg{position:relative;}
.container{position:relative; width:1160px; margin: 0 auto;}
.ys{font-family: 'Yeon Sung';}

.page-ready{padding: 20px 0 130px;text-align: center;}
.page-ready img{
    max-width: 400px;
    width: 100%;
}

/* tab menu */
.wrp_tab{margin-bottom:40px;height:43px;text-align:center;background-color:#f9f9f9;border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;}
.wrp_tab ul{display:inline-block}
.wrp_tab ul:after{content:""; display:block; clear:both}
.wrp_tab ul li{float:left; position:relative; line-height:43px; font-size:14px; color:#686868}
.wrp_tab ul li + li{margin-left:46px}
.wrp_tab ul li a{display:inline-block;color: #777;text-decoration:none;text-transform: uppercase;}
.wrp_tab ul li.on{color:#05548f; border-bottom:1px solid #05548f}
.wrp_tab ul li.on a{color: #05548f;}
.wrp_tab ul li.on:after{display:block; content:""; position:absolute; left:50%; bottom:-5px; margin-left:-4px; width:8px; height:5px; background:url(../images/sub/tab_pointer.png) 0 0 no-repeat;}

/* 청담홀딩스 소개 */
.sub01-01 .container:nth-child(3):after{
    display:block;
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    padding-top: 50px;
    border-top: 10px solid #ededed;
    border-left: 10px solid #ededed;
    background: #fff;
    z-index: -1;
}
.sub01-01 .container:nth-child(3){padding: 60px 0 0 50px;}
.sub01-01 p.tit{
    color:#333;
    font-size:35px;
    font-weight:400;
}
.sub01-01 p.tit .ys{
    position:relative;
    font-family: 'Yeon Sung';
    font-size:45px;
    font-weight:600;
    letter-spacing:0.040em;
}
.sub01-01 p.tit .ys:after{
    display:block;
    content:"";
    position:absolute;
    top:auto;
    bottom: 8px;
    width:100%;
    height:10px;
    background: #e0e0e0;
    z-index:-1;
}
.sub01-01 .bg{}
.sub01-01 .bg:after{
    display:block;
    content:"";
    position:absolute;
    top:0;
	left:0;
    width:100%;
    height:10px;
    background: url(../images/sub/bg-sub01-01-1.gif) right top no-repeat;
}
.sub01-01 .line{position:relative;}
.sub01-01 .line:after{
    display:block;
    content:"";
    position:absolute;
    top: -5px;
    left:0;
    width:100%;
    height:1px;
    background: url(../images/sub/bg-sub01-01-2.gif) left top no-repeat;
}
.sub01-01 .mean{display: inline-block;margin-top:10px;padding-bottom: 30px;border-bottom: 1px solid #fdc837;}
.sub01-01 .mean:after{display:block;clear:both;content:"";}
.sub01-01 .mean li{
    display: inline-block;
    margin-right: 63px;
    color:#444;
    float: left;
    font-size:15px;
}
.sub01-01 .mean li:last-child{margin-right:0;}
.sub01-01 .mean li span{display: inline-block;padding: 0 15px 0 8px;color:#a9a9a9;}
.sub01-01 .mean li span.ys{
    position:relative;
    padding: 0;
    color: #ba9312;
    font-family: 'Yeon Sung';
    font-size: 20px;
    line-height: 1;
}
.sub01-01 .mean li span.ys:after{
    display:block;
    content:"";
    position:absolute;
    top:auto;
    left: 0;
    bottom: 3px;
    width:100%;
    height:10px;
    background: #f4ddb9;
    z-index:-1;
}
.sub01-01 p.txt{
    margin: 50px 0 0 25px;
    color: #666;
    font-size: 17px;
    font-weight: 400;
    line-height: 180%;
}
.sub01-01 p.txt strong{color: #333; font-weight: 500;}
.sub01-01 div.support{
    position:relative;
    margin-top: 30px;
    padding-bottom: 100px;
}
.sub01-01 div.support ul{
    margin-left: 25px;
    padding: 20px 40px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #f6f6f6;
}
.sub01-01 div.support ul:after{display:block;clear:both;content:"";}
.sub01-01 div.support ul li{
    display: inline-block;
    padding-right: 30px;
    color:#333;
}
.sub01-01 div.support ul li span, .sub01-01 div.support ul li img{
    display:block;
    margin:0 auto;
    text-align:center;
}
.sub01-01 div.support ul li img{padding-top:10px;}
.sub01-01 div.support:after{
    display:block;
    content:"";
    position:absolute;
    bottom: 0;
    left: -25px;
    width:100%;
    height: 100px;
    border-left: 10px solid #ededed;
    background: #fff;
    z-index: -1;
}
/* 연혁 */
.sub01-02 .year.ys{
	display:inline-block;
	position:relative;
	margin-bottom: 25px;
	color: #1d1d1d;
	font-family: 'Yeon Sung';
	font-size:45px;
	font-weight:600;
	letter-spacing: 0.060em;
}
.sub01-02 .year.ys:after{
    display:block;
    content:"";
    position:absolute;
    top:auto;
    bottom: 8px;
    width:100%;
    height:10px;
    background: #e0e0e0;
    z-index:-1;
}
.sub01-02 ul{
    display: block;
}
.sub01-02 ul:after{display:block;clear:both;content:"";}
.sub01-02 ul li{
    display: inline-block;
    position:relative;
    float: left;
    width: 33.33%;
    padding-top: 15px;
    border-top: 1px solid #e5e5e5;
}
.sub01-02 ul li:after{
	display:block;
	content:"";
	position:absolute;
	top: -7px;
	left: 19px;
	width:13px;
	height:13px;
	border-radius:50%;
	background:#e5e5e5;
}
.sub01-02 ul.now li{border-top: 1px solid #fdc837;}
.sub01-02 ul.now li:after{background:#fdc837;}
.sub01-02 ul li .month{
    display: block;
    padding: 0 15px;
    color: #b0b0b0;
    font-size: 16px;
    line-height: 1;
}
.sub01-02 ul li .txt{
    display: block;
    height: 90px;
    margin: 8px 0 20px;
    padding: 0 15px;
    color: #555;
    font-size: 17px;
    line-height: 1.3;
    overflow: hidden;
}
/* 조직도 */
.sub01-03{}
.sub01-03 ul{text-align: center;}
.sub01-03 ul.org{margin-bottom:100px;}
.sub01-03 ul li.org1{
	display: inline-block;
	position:relative;
	width: 310px;
	padding: 127px 0;
	border-radius: 50%;
	background: url(../images/sub/sub01-03-bg1.png) center center no-repeat;
	text-align: center;
}

.sub01-03 ul li.org1:after{
	display:block;
	content:"";
	position:absolute;
	top: 70px;
	right: 50%;
	width:1px;
	height: 360px;
	background: #e5e5e5;
	z-index:-1;
}
.sub01-03 ul li.org1 span{
	display:inline-block;
	position: relative;
	color: #fff;
	font-family: 'Yeon Sung';
	font-size:45px;
	font-weight:600;
	letter-spacing: 0.060em;
	vertical-align: top;
	z-index: 1;
}
.sub01-03 ul li.org1 span:after{
    display:block;
    content:"";
    position:absolute;
    top:auto;
    bottom: 8px;
    width:100%;
    height:10px;
    background: #3f3f3f;
    z-index:-1;
}
.sub01-03 ul li.org2{}
.sub01-03 ul li.org2 ul{display: inline-block;position:relative;}
.sub01-03 ul li.org2 ul li{
    display: inline-block;
    position:relative;
    width: 200px;
    margin: 0 80px;
    padding: 16px 0;
    background: #644624;
    color: #fff;
    font-size: 18px;
}
.sub01-03 ul li.org2 ul li:after{
	display:block;
	content:"";
	position:absolute;
	top: 30px;
	right: 170px;
	width:100%;
	height: 1px;
	background: #e5e5e5;
	z-index:-1;
}

.sub01-03 ul li.org2 ul li:first-child{background:#244264;}
.sub01-03 ul li.org2 ul li:first-child:after{display:none;}
.sub01-03 ul li.org3{
    margin-top: 60px;
    padding-top: 60px;
}
.sub01-03 ul li.org3 ul{
    display: inline-block;
    position:relative;
}
.sub01-03 ul li.org3 ul:after{
	display:block;
	content:"";
	position:absolute;
	bottom: 120px;
	right: 116px;
	width: 706px;
	height: 1px;
	background: #e5e5e5;
	z-index:-1;
}
.sub01-03 ul li.org3 ul li{
    display: inline-block;
    position: relative;
    width: 200px;
    margin: 0 15px;
    padding: 16px 0;
    border: 1px solid #ddd;
    background: #f7f7f7;
    color: #333;
    font-size: 18px;
}
.sub01-03 ul li.org3 ul li:after{
	display:block;
	content:"";
	position:absolute;
	bottom: 60px;
	right: 50%;
	width: 1px;
	height: 100%;
	background: #e5e5e5;
	z-index:-1;
}

/* 오시는길 */
.sub01-04{}
.sub01-04 div.direct{margin: 50px 0 100px;border-top: 2px solid #333;border-bottom: 1px solid #fdc837;}
.sub01-04 div.direct:after{display:block; clear:both; content:"";}
.sub01-04 dl{
    display: inline-block;
    position: relative;
    float: left;
    width: 25%;
    min-height: 228px;
}
.sub01-04 dl:after{
	display:block;
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:1px;
	height:100%;
	background:#e5e5e5;
}
.sub01-04 dl:first-child:after{display:none;}
.sub01-04 dl dt{
    padding: 40px 25px 0;
    color: #333;
    font-size: 20px;
}
.sub01-04 dl dt img{display:block; padding-bottom:15px;}
.sub01-04 dl dd{
    padding: 10px 25px 40px;
    color: #555;
    font-size: 15px;
}
/* 채용안내 */
.sub01-05{}
.sub01-05 ul{
    display: flex;
    margin-bottom: 50px;
    -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;
}
.sub01-05 ul li{display: inline-block; position:relative; width: 143px;margin: 0 20px;padding: 49px 0 58px;text-align: center;vertical-align: middle;color: #555;font-size: 17px;line-height: 1;}
.sub01-05 ul li:after{
	display:block;
	content:"";
	position:absolute;
	top: 0;
	bottom: 0;
	right: -22px;
	width: 11px;
	height: 143px;
	background:url(../images/sub/sub01-05-arrow1.png) center center no-repeat;
}
.sub01-05 ul li.step1{background:url(../images/sub/sub01-05-bg1.png) center center no-repeat;}
.sub01-05 ul li.step2{background:url(../images/sub/sub01-05-bg2.png) center center no-repeat;}
.sub01-05 ul li.step3{background:url(../images/sub/sub01-05-bg3.png) center center no-repeat;}
.sub01-05 ul li.step4{background:url(../images/sub/sub01-05-bg4.png) center center no-repeat;color:#1d1d1d;font-weight: 500;}
.sub01-05 ul li.step3:after{background:url(../images/sub/sub01-05-arrow2.png) center center no-repeat;}
.sub01-05 ul li.step4:after{display:none;}
.sub01-05 ul li span{

    display: block;
    padding-bottom: 5px;
    color: #b0b0b0;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1;
}
.sub01-05 ul li.step4 span{color:#d09800;}
.sub01-05 dl{
    position: relative;
    margin-bottom: 30px;
}
.sub01-05 dl:last-child{margin-bottom: 100px;}
.sub01-05 dl dt{
	display:inline-block;
	position: absolute;
	/* margin-bottom: 25px; */
	color: #1d1d1d;
	font-family: 'Yeon Sung';
	font-size:45px;
	font-weight:600;
	letter-spacing: 0.060em;
	vertical-align: top;
}
.sub01-05 dl dt:after{
    display:block;
    content:"";
    position:absolute;
    top:auto;
    bottom: 8px;
    width:100%;
    height:10px;
    background: #e0e0e0;
    z-index:-1;
}
.sub01-05 dl dt span{color: #135d95;}
.sub01-05 dl dd{
	display: inline-block;
	padding: 10px 0 0 225px;
	color: #555;
	font-size: 17px;
	vertical-align: top;
}

/* paging */
.paging{margin-top: 40px;text-align:center;font-size:0;}
.paging a, .paging strong{display:inline-block;vertical-align:middle;min-width: 15px;height:22px;line-height: 20px;padding:1px;font-size: 15px;font-weight:400;color:#8f8f8f;text-decoration:none;}
.paging a:hover, .paging a:focus{color: #644624;}
.paging a img{vertical-align: top;height: 11px;padding: 6px 0;/* line-height: 20px; *//* text-align: center; */}
.paging > * + *{margin-left:25px}
.paging strong{color: #644624;padding-bottom:0;border-bottom: 1px solid #644624;}

/* 일반게시판 */
.sub04-01{}
.sub04-01 .bbs-list{margin-bottom:80px;}
.bbs-list .bbs{width: 100%;border-collapse: separate;border-spacing: 0;}
.bbs-list .bbs th{
	position:relative;
	padding: 15px 0;
	border-top: 2px solid #333;
	border-bottom: 1px solid #dddddd;
	color: #1d1d1d;
	font-size:18px;
	font-weight: 500;
	text-align: center;
}
.bbs-list .bbs th:after{
	display:block;
	content:"";
	position:absolute;
	bottom: -4px;
	left:0;
	width:100%;
	height: 3px;
	background: #f6f6f6;
}
.bbs-list .bbs td{
	padding: 18px 0;
	color: #444;
	font-size: 15px;
	font-weight: 400;
	border-bottom: 1px solid #ddd;
	text-align:center;
}
.bbs-list .bbs td.notice{color:#b78d00;}
.bbs-list .bbs td.text-left{text-align:left;}
.bbs-list .bbs td a:hover, .bbs td a:focus{text-decoration:underline;}

.bbs-view{margin-bottom: 60px;}
.bbs-view .title{
    position: relative;
    padding: 20px 0;
    border-top: 2px solid #333;
    border-bottom: 1px solid #dddddd;
    color: #1d1d1d;
    font-size: 18px;
    font-weight: 500;
}
.bbs-view .title:after {
    display: block;
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #f6f6f6;
}
.bbs-view .title h4{
    position: relative;
    padding: 0 180px 0 30px;
    font-size: 18px;
    font-weight: 500;
}
.bbs-view .title .sort + h4{
    padding: 0 180px 0 85px;
}
.bbs-view .title .sort{position:absolute;top: 34px;left: 30px;margin-top: -14px;display:inline-block;vertical-align:middle;/* padding:0 6px; *//* line-height:20px; *//* font-size:12px; *//* font-weight:700; *//* background-color:#fff; *//* border-width:1px; *//* border-style:solid; *//* border-radius:22px; *//* -webkit-border-radius:22px; */-moz-border-radius:22px;color: #b78d00;}
.bbs-view .info{position:absolute;top: 23px;right: 30px;color: #666;font-size: 15px;font-weight: 400;}
.bbs-view .info span{
    padding-left: 8px;
    color: #888;
    font-size: 14px;
}
.bbs-view .file{
    position: relative;
    margin-top: 20px;
    padding: 15px 30px 0;
    border-top: 1px solid #dddddd;
}
.bbs-view .file ul{}
.bbs-view .file ul li{
	height: 24px;
	line-height: 22px;
}
.bbs-view .file ul li a{
	display:block;
	padding-left: 20px;
	background: url(../images/sub/ico_file.png) 0 6px no-repeat;
	color: #777;
	font-size: 14px;
	font-weight:400;
}
.bbs-view .file ul li a:hover{
	background: url(../images/sub/ico_file_on.png) 0 6px no-repeat;
	color:#184e8d;
}
.bbs-view .article{
    padding: 30px 30px;
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 160%;
}
.bbs-view .article > ul{
    margin: -30px -30px 0;
    padding: 20px 30px;
    background: #f6f6f6;
}
.bbs-view .article > ul li{
    padding: 10px 0 0;
    color: #6c6c6c;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.020em;
    line-height: 1;
}
.bbs-view .article > ul.portfolio li:first-child{padding-top:0;}
.bbs-view .article > ul.portfolio li span.tit{text-transform: uppercase;color: #1d1d1d;font-size: 12px;display: inline-block;width: 110px;font-weight: 500;letter-spacing: -0.020em;}
.bbs-view .article div.portfolio{
	position:relative;
	margin: 0 -30px 30px;
	/* border: 1px solid #dddddd; */
}
.bbs-view .article div.portfolio img{width:100%}
.bbs-view .otherview{border-bottom: 1px solid #666;}
.bbs-view .otherview dl{line-height:49px; border-top:1px solid #e4e4e4}
.bbs-view .otherview dl:after{content:""; display:block; clear:both}
.bbs-view .otherview dl dt{position: absolute;width:120px;text-indent: 30px;font-size:15px;color:#333;background-position:99px center;background-repeat:no-repeat;}
.bbs-view .otherview dl.prev dt{background-image:url(../images/sub/arrow_down1.png)}
.bbs-view .otherview dl.next dt{background-image:url(../images/sub/arrow_up1.png)}
.bbs-view .otherview dl dd{position: relative;padding: 0 30px 0 130px;font-size: 15px;font-weight:400;color:#b8b8b8;}
.bbs-view .otherview dl dd a{color: #888;font-weight: 400;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

/* 사진게시판 : 보도자료style */
.photo-list{margin-bottom:60px;}
.photo-list ul{border-top: 2px solid #333;}
.photo-list ul li{position:relative;min-height: 130px;padding: 20px;border-bottom: 1px solid #dddddd;}
.photo-list ul li div.photo{position: absolute;}
.photo-list ul li div.photo a{display: block;width: 180px;height: 130px;background-image:url(../images/sub/bg-default1.gif);}
.photo-list ul li div.photo img{width: 180px;height: 130px;}
.photo-list ul li div.txt{padding-left: 195px;color: #333;font-size: 17px;}
.photo-list ul li div.txt a:hover, .photo-list ul li div.txt a:focus{text-decoration:underline;}
.photo-list ul li div.txt span.txt{display: block;height: 67px;margin-top: 5px;color: #777;font-size: 15px;overflow: hidden;}
.photo-list ul li div.txt span.date{display:inline-block;color: #888;font-size: 15px;font-weight: 400;}
.photo-list ul li div.txt span.view{position:relative;display:inline-block;margin-left: 10px;padding-left: 10px;color: #888;font-size: 15px;}
.photo-list ul li div.txt span.view:after{
	display:block;
	content:"";
	position: absolute;
	top: 6px;
	left: 0;
	width: 1px;
	height: 11px;
	background: #bfbfbf;
}
/* 사진게시판 : 갤러리style */
.gallery-list{margin-bottom:60px;}
.gallery-list ul{position:relative; border-top: 2px solid #333;}
.gallery-list ul:after{display:block;clear:both;content:"";}
.gallery-list ul:before{display:block;clear:both;content:"";position:absolute;bottom:0;left:0;width: 100%;height: 1px;background: #ddd;}
.gallery-list.no-data ul li:after{display:none;}
.gallery-list ul li{position:relative;float: left;min-height: 130px;width: 33.33%;border-bottom: 1px solid #dddddd;}
.gallery-list ul li:after{display:block;clear:both;content:"";position:absolute;top:0;right: 0;width: 1px;height: 100%;border-right:1px solid #ddd;}
.gallery-list ul li:nth-child(3n):after{border-right:0;}
.gallery-list.no-data ul li{
    float: none;
    width: 100%;
    min-height: 250px;
    text-align: center;
    line-height: 250px;
}
.gallery-list ul li div.photo, .gallery-list ul li div.txt{
    padding: 15px;
    /* border-right: 1px solid #ddd; */
}
.gallery-list ul li:last-child div.photo, .gallery-list ul li:last-child div.txt{border-right:0;}
.gallery-list ul li div.photo a {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../images/sub/bg-default1.gif);
}
.gallery-list ul li div.photo a img{
    display: block;
    width: 100%;
}
.gallery-list ul li div.txt{
    padding: 0 15px 15px;
}
.gallery-list ul li div.txt a{
    display: inline-block;
    width: 90%;
    color: #333;
    font-size: 17px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1;
}
.gallery-list ul li div.txt img{
    display: inline-block;
    vertical-align: top;
    /* padding: 0; */
}
.gallery-list ul li div.txt span.date{display:inline-block;color: #888;font-size: 15px;font-weight: 400;}
.gallery-list ul li div.txt span.view{position:relative;display:inline-block;margin-left: 10px;padding-left: 10px;color: #888;font-size: 15px;}
.gallery-list ul li div.txt span.view:after{
	display:block;
	content:"";
	position: absolute;
	top: 6px;
	left: 0;
	width: 1px;
	height: 11px;
	background: #bfbfbf;
}

/* 온라인문의 */
.sub04-03{}
.bbs-write{
	margin-bottom: 60px;
    border-top: 2px solid #333;
}
.bbs-write dl{
    position: relative;
    padding: 20px;
    border-bottom: 1px solid #dddddd;
}
.bbs-write dl dt{
    position: absolute;
    color: #333;
    font-size: 17px;
    font-weight: 400;
}
.bbs-write dl dd{
    position: relative;
    padding-left: 140px;
    font-size: 15px;
}
.bbs-write dl dd span{padding-left:10px;}
.bbs-write dl dd span:first-child{padding-left:0;}
/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {
	/* display: inline-block; */
	position: relative;
}
#captcha legend {
	position: absolute;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999em;
	overflow: hidden;
}
#captcha #captcha_img {
	width: 160px;
	height: 60px;
	border: 1px solid #d8d8d8;
	vertical-align: top;
	padding: 0;
	margin: 0;
}
#captcha #captcha_mp3 {
	position: absolute;
	top: 0px;
	left: 161px;
	margin: 0;
	padding: 0;
	width: 23px;
	height: 22px;
	border: 0;
	background: transparent;
	vertical-align: middle;
	overflow: hidden;
	cursor: pointer;
}
#captcha #captcha_mp3 span {
	position: absolute;
	top: 0;
	left: 0;

	width: 31px;
	height: 31px;
	background: url("http://twinssolar.com/css/../images/sub/icon-captcha2.gif") no-repeat;
}
#captcha #captcha_reload {
	position: absolute;
	top: 17px;
	left: 157px;
	margin: 0;
	padding: 0;
	width: 31px;
	height: 31px;
	border: 0;
	background: transparent;
	vertical-align: middle;
	overflow: hidden;
	cursor: pointer;
}
#captcha #captcha_key {
	margin: 0 0 0 33px;
	padding: 0 5px;
	width: 110px;
	height: 60px;
	border: 1px solid #b8c9c2;
	background: #f7f7f7;
	font-size: 1.333em;
	font-weight: bold;
	text-align: center;
	line-height: 2.8em;
	vertical-align: top;
}
#captcha #captcha_info {
	display: block;
	margin: 5px 0 0;
	padding-left: 0;
	font-size: 15px;
	font-weight: 400;
	/* letter-spacing: -0.1em; */
}
#captcha button img{vertical-align:top;}

@media(max-width:1599px) {
    nav.menu ul{width:auto;}
    .content{margin: 60px 0 0;}
    .container{width: auto !important;padding: 15px !important;}

	/* 청담홀딩스 소개 */
    .sub01-01 .bg, .container:after, .sub01-01 .container:nth-child(3):after, .sub01-01 .line{display:none;}
    .sub01-01 .mean{padding: 0 0 25px;}
	.sub01-01 p.txt{
		margin: -20px 0 0;
		font-size: 14px;
		line-height: 150%;
	}
	.sub01-01 div.support{
		margin-top: 15px;
		padding-bottom: 0;
	}
	.sub01-01 div.support ul{
		margin: 0;
		padding: 0 15px;
		border: 1px solid #ddd;
	}
	.sub01-01 div.support ul li{
		float: left;
		width: 33.33%;
		padding: 15px 0;
	}
	.sub01-01 div.support:after{display:none;}
	/* 연혁 */
	.sub01-02 .year.ys{margin-bottom: 20px;font-size: 30px;}
	.sub01-02 ul{margin:0 -20px;}
	.sub01-02 ul li{width:50%;}
	.sub01-02 ul li .month{font-size:15px;}
	.sub01-02 ul li .txt{font-size:14px;}
	/* 조직도 */
	/* 오시는길 */
	/* 채용안내 */
	.sub01-05 dl:last-child{margin-bottom:30px;}
}
@media(max-width:1023px) {

	a.btn, input[type="submit"].btn, button.btn, input[type="button"].btn{
		padding: 9px 25px;
		font-size: 14px;
	}
	
    header#header{height: 70px;border-bottom: 1px solid #ededed;background:#fff;}
    header:hover h1 a{background: url(../images/common/logo2.png) 0 0 no-repeat;}
    .menuNav:hover:after{display:none;}
    nav.menu{display:none;}
    .page-ready{
    padding: 0 0 30px;
}

    #content{margin-top: 70px;}
	.content{margin: 15px 0 0;}
	.content h3{position:relative;padding: 0 15px 20px;font-size: 18px;text-align: left;}
	.content h3:after{
		display:block;
		content:"";
		position:absolute;
		top: auto;
		bottom: 0;
		left:0;
		width:100%;
		height: 4px;
		border-top: 1px solid #ddd;
		background: #f1f1f1;
	}
    .sub-visual{height: 125px;background-position: center center;background-size: 100% 100%;}
    .sub-visual h2{padding-top: 30px;font-size: 2rem;}
    .sub-visual span{padding-top: 15px;font-size:16px;}
	
	/* 조직도 */
	.sub01-03 ul.org{margin-bottom: 10px;}
	.sub01-03 ul li.org1{width: 270px;padding: 100px 0;background-size: 100%;}
	.sub01-03 ul li.org1 span{font-size:35px;}
	.sub01-03 ul li.org2 ul, .sub01-03 ul li.org3 ul{display:block;margin: 0 auto;text-align: center;}
	.sub01-03 ul li.org2 ul li, .sub01-03 ul li.org3 ul li{display: block;width: 85%;margin: 0 auto;font-size: 15px;}
	.sub01-03 ul li.org2 ul li:after, .sub01-03 ul li.org3 ul:after{display:none;}
	.sub01-03 ul li.org3{margin:0;padding-top: 40px;}
	.sub01-03 ul li.org3 ul li{margin-top:-1px;}
	/* 오시는길 */
	.sub01-04 .container{margin-top: -5px;padding: 0 !important;}
	.sub01-04 div.direct{margin: 0;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
	.sub01-04 dl{display: block;float: none;width: 100%;min-height: auto;}
	.sub01-04 dl:after{width: 100%;height: 1px;}
	.sub01-04 dl dt{padding: 15px 15px 0;font-size: 16px;}
	.sub01-04 dl dt img{width: 40px;padding-bottom: 5px;}
	.sub01-04 dl dd{padding:0 15px 15px;font-size: 14px;}
	/* 채용안내 */
	.sub01-05 .container{padding: 0 !important;}
	.sub01-05 ul{margin-bottom:0;}
	.sub01-05 ul li{margin: 0 0.1rem;padding: 10% 0 11%;font-size: 14px;background-size: 100% !important;background-position: 1px center !important;}
	.sub01-05 ul li span{padding-bottom: 2px;font-size: 13px;}
	.sub01-05 ul li:after{display: none;}
	.sub01-05 dl{margin: 0 15px 10px;}
	.sub01-05 dl dt{position: relative;font-size: 30px;}
	.sub01-05 dl dd{padding:0;font-size: 15px;}
    /* paging */
    .paging{margin-top: 15px;}
    .paging a, .paging strong{font-size: 14px;}
	.paging > * + *{margin-left:15px;}
	.paging a img{height: 10px;/* padding: 0px 0; */}
	/* 일반게시판 */
	.sub04-01 .container, .sub04-03 .container{padding:0 !important;}
	.sub04-01 .container > div, .sub04-02 .container > div, .sub04-03 .container > div, .bbs-view, .gallery-list{margin-bottom:20px;border-top: 0;}
	.bbs-list .bbs{}
	.bbs-list .bbs td{padding: 10px 15px;}
	.bbs-list .bbs td span.notice{display: inline-block;padding-right: 5px;color: #b78d00;/* font-size: 15px; */}
	.bbs-list .bbs span.date{color:#888;font-size: 14px; font-weight:300;}
	.bbs-list .bbs span.view{position:relative; padding-left:7px; margin-left:7px; color:#888;font-size: 14px; font-weight:300;}
    .bbs-list .bbs span.view:after{
    	display:block;
    	content:"";
    	position:absolute;
    	top:6px;
    	left:0;
    	width:1px;
    	height:10px;
    	background:#a6a6a6;
    }
    .bbs-view .title{padding: 10px 15px;border-top: 0;font-size: 15px;}
	.bbs-view .title .sort{top: 23px;left: 15px;}
	.bbs-view .title h4{padding: 0;font-size: 15px;}
	.bbs-view .title .sort + h4{padding: 0 0 0 45px;}
	.bbs-view .info{position: relative;top: 0;left: 0;font-size: 14px;}
	.bbs-view .info span{padding-left: 6px;}
	.bbs-view .file{margin-top: 10px;padding: 10px 0 0;}
	.bbs-view .file ul li a{background-position: 0 5px;font-size: 13px;}
	.bbs-view .article{padding: 15px;font-size: 14px;line-height: 140%;}
	.bbs-view .article > ul{margin: -15px -15px 0;padding: 10px 15px;}
	.bbs-view .article div.portfolio{margin: 15px -5px;}
	.bbs-view .otherview dl{line-height: 39px;}
	.bbs-view .otherview dl dt{width: 85px;background-position: 69px center;text-indent: 15px;}
	.bbs-view .otherview dl dd{padding: 0 10px 0 90px;font-size: 14px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
    /* 사진게시판 : 보도자료style */
	.sub04-02 .container{padding:0 !important;}
	.photo-list ul{border: 0;}
	.photo-list ul li{min-height: 80px;padding:15px;}
	.photo-list ul li div.photo a{width: 120px;height: 80px;background-size: 100%;}
	.photo-list ul li div.photo img{width: 120px;height: 80px;}
	.photo-list ul li div.txt{padding-left: 130px;font-size: 15px;}
	.photo-list ul li div.txt span.date, .photo-list ul li div.txt span.view{font-size: 14px;font-weight: 300;}
	.photo-list ul li div.txt span.view:after{height: 10px;}
	/* 사진게시판 : 갤러리style */
	.sub03-01 .container{padding:0 !important;}
	.wrp_tab{margin-top: -5px;margin-bottom: 5px;}
	.wrp_tab ul li + li{margin-left: 19px;}
	.gallery-list ul{border-top: 0;}
	.gallery-list ul li{float: none;width: 100%;}
	.gallery-list ul li:after{border:0;}
	.gallery-list ul li div.photo, .gallery-list ul li div.txt{padding: 10px;border: 0;}
	/* 온라인문의 */
	.bbs-write dl{padding: 10px 15px;}
	.bbs-write dl dt{position: relative;padding-bottom: 5px;font-size: 15px;}
	.bbs-write dl dd{padding-left: 0;font-size: 14px;}
	.bbs-write dl dd span{padding: 0 10px 0 0;}
	#captcha #captcha_key{width: calc(100% - 2px);margin: 3px 0 0;}

	#captcha_audio{width: 100% !important;max-width: 100% !important;margin: 10px 0 !important;}
    #captcha #captcha_reload{width: 23px;height: 23px;top: 0;left: 161px;border-top: 1px solid #cecece;}
}: 69px center;text-indent: 15px;}
	.bbs-view .otherview dl dd{padding: 0 10px 0 90px;font-size: 14px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
    /* 사진게시판 : 보도자료style */
	.sub04-02 .container{padding:0 !important;}
	.photo-list ul{border: 0;}
	.photo-list ul li{min-height: 80px;padding:15px;}
	.photo-list ul li div.photo a{width: 120px;height: 80px;background-size: 100%;}
	.photo-list ul li div.photo img{width: 120px;height: 80px;}
	.photo-list ul li div.txt{padding-left: 130px;font-size: 15px;}
	.photo-list ul li div.txt span.date, .photo-list ul li div.txt span.view{font-size: 14px;font-weight: 300;}
	.photo-list ul li div.txt span.view:after{height: 10px;}
	/* 사진게시판 : 갤러리style */
	.sub03-01 .container{padding:0 !important;}
	.wrp_tab{margin-top: -5px;margin-bottom: 5px;}
	.wrp_tab ul li + li{margin-left: 19px;}
	.gallery-list ul{border-top: 0;}
	.gallery-list ul li{float: none;width: 100%;}
	.gallery-list ul li:after{border:0;}
	.gallery-list ul li div.photo, .gallery-list ul li div.txt{padding: 10px;border: 0;}
	/* 온라인문의 */
	.bbs-write dl{padding: 10px 15px;}
	.bbs-write dl dt{position: relative;padding-bottom: 5px;font-size: 15px;}
	.bbs-write dl dd{padding-left: 0;font-size: 14px;}
	.bbs-write dl dd span{padding: 0 10px 0 0;}
	#captcha #captcha_key{width: calc(100% - 2px);margin: 3px 0 0;}

	#captcha_audio{width: 100% !important;max-width: 100% !important;margin: 10px 0 !important;}
    #captcha #captcha_reload{width: 23px;height: 23px;top: 0;left: 161px;border-top: 1px solid #cecece;}
}