@charset "utf-8";
html{resize:none}
body{overflow-x:hidden;width:100%;max-width:1024px;height:100%;padding:0 12px;background-color:#222;box-sizing:border-box}
#container{padding:0 0 50px 0;margin:0;width:100%;background-color:#fff;box-sizing:border-box}
#container .cont-header{margin-bottom:80px;height:270px;background:url('../../@resource/images/db/img_cont_header.jpg') center top no-repeat}
#container .cont-header.eng{margin-bottom:80px;height:270px;background:url('../../@resource/images/db/img_cont_header_eng.jpg') center top no-repeat}
#container .cont-header.chn{margin-bottom:80px;height:270px;background:url('../../@resource/images/db/img_cont_header_chn.jpg') center top no-repeat}
#container .cont-header .title{height:270px}
#container .cont-header .title strong{display:block;padding-top:72px}
#container .cont-header .title span{display:block;margin-top:30px;font-size:12px;line-height:16px;color:#ffffff}
#container .cont-wrap{min-height:435px;margin-bottom:40px}
#container .cont-wrap:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.db .cont-primary .insert .check-box{position:relative;height:12px;line-height:12px}
.db .cont-primary .insert .check-box input{position:absolute;top:0;top:3px\9;left:0;width:12px;height:12px;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=100)";opacity:0;border:none;vertical-align:middle}
.db .cont-primary .insert .check-box label{display:inline-block;font-size:13px;color:#222}
.db .cont-primary .insert .check-box label em{display:inline-block;float:left;margin:-1px 11px 0 0;width:12px;height:12px;background:url('../../@resource/images/common/input_check_02.gif') 0 0 no-repeat;background:none\9}
.db .cont-primary .insert .check-box.checked label em{background-position:100% 0}

#footer{width:100%;margin-top: 60px}
#footer .footer-wrap{position: relative;padding-left: 200px; margin: 0 6%}
#footer .footer-wrap h2{position:absolute;top:0; left: 0; width:140px;height:50px; line-height: 999em; font-size:0; overflow:hidden; background: url('../../@resource/images/common/logo.gif') 0 0 no-repeat}
#footer .footer-wrap .company-data span{margin-right: 5px;}
#footer .footer-wrap .copyright{margin-right: 10px}

.layout800 #footer{width:100%;margin-top: 60px}
.layout800 #footer .footer-wrap{position: relative;padding-left: 0; margin: 0 6%}
.layout800 #footer .footer-wrap h2{position:static;top:0; left: 0; width:140px;height:50px; line-height: 999em; font-size:0; overflow:hidden; background: url('../../@resource/images/common/logo.gif') 0 0 no-repeat}
.layout800 #footer .footer-wrap .company-data span{margin-right: 5px;}
.layout800 #footer .footer-wrap .copyright{margin-right: 10px}


/* content */
#content{position:relative;padding:0 50px 0 250px;min-height:600px}
#content:after{content:"";display:block;clear:both;height:0;visibility:hidden}
/* contAside */
#content .cont-aside{position:absolute;top:0;left:0;width:200px;text-align:right}
#content .cont-aside h2{margin:0 12px 27px 0;font-size:32px;line-height:34px;color:#000}
#content .cont-aside .lnb{border-bottom:1px solid #9c9c9c}
#content .cont-aside .lnb h3{padding-right:36px;height:47px;line-height:51px;font-size:18px;font-weight:normal;color:#767676;border-top:1px solid #9c9c9c}
#content .cont-aside .lnb h3:hover,
#content .cont-aside .lnb h3.active{height:48px;font-weight:bold;color:#fff;border-top:0 none;background:#222 url('../../@resource/images/common/bg_lnb_h3.png') 178px 19px no-repeat}
#content .cont-aside .lnb h3.active + ul{display:block}
#content .cont-aside .lnb ul{display:none;margin:8px 35px 7px 0}
#content .cont-aside .lnb ul li{font-size:14px;line-height:24px}
#content .cont-aside .lnb ul li a{color:#767676}
#content .cont-aside .lnb ul li:hover a,
#content .cont-aside .lnb ul li.active a{color:#000;border-bottom:1px solid #000}
#content .cont-aside .direct{margin-top:12px}
#content .cont-aside .direct:after{content:"";display:block;clear:both;height:0;visibility:hidden}
#content .cont-aside .direct a{float:left;display:block;width:60px;height:73px;font-size:13px;line-height:15px;text-align:center;color:#222222;border:1px solid #9c9c9c}
#content .cont-aside .direct a + a{margin-left:7px}
#content .cont-aside .direct a span{display:block;background:url('../../@resource/images/common/ico_direct.png') no-repeat}
#content .cont-aside .direct a span.drt1{padding-top:44px;background-position:0 0}
#content .cont-aside .direct a span.drt2{padding-top:39px;background-position:0 -80px}
#content .cont-aside .direct a span.drt3{padding-top:44px;background-position:0-160px}
/* cont-primary */
#content .cont-primary{float:left;width:100%}
#content .cont-primary:after{content:"";display:block;clear:both;height:0;visibility:hidden}
#content .cont-primary h3{position:relative;display:block;margin-bottom:52px;height:30px;line-height:20px;font-size:20px;color:#222222}
#content .cont-primary h3 strong{position:relative}
#content .cont-primary h3 strong:after{content:"";display:block;position:absolute;bottom:-10px;width:100%;height:3px;background-color:#222222}
#content .cont-primary .section:after{content:"";display:block;clear:both;height:0;visibility:hidden}
#content .cont-primary .notice-message{margin:5px 0;font-size:50px;font-weight:bold;text-align:center;line-height:54px;color:#222}

/* 지역작가DB 소개 */
.db.introduce .section .sec-tit{padding:0 38px}
.db.introduce .section .sec-tit h4{margin-bottom:20px;font-size:40px;font-width:bold;line-height:44px;text-align:center;color:#222}
.db.introduce .section .sec-tit .info-message{text-align:center}
.db.introduce .section .sec-cont{position:relative;margin-top:53px}
.db.introduce .section .sec-cont h5{position:relative;padding:0 20px;width:34%;height:50px;line-height:50px;font-size:16px;color:#fff;background-color:#222}
.db.introduce .section .sec-cont h5:after{content:"";display:block;position:absolute;bottom:15px;width:166px;height:1px;background-color:#fff}
.db.introduce .section .sec-cont .wrap{padding:46px 50px;border:2px solid #222;box-sizing:border-box}
.db.introduce .section .sec-cont .wrap .tit{margin-bottom:17px;font-size:18px;line-height:22px;color:#222}
.db.introduce .section .sec-cont .wrap dl{clear:both;margin:17px 0 15px 0}
.db.introduce .section .sec-cont .wrap dl:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.db.introduce .section .sec-cont .wrap dl dt{float:left;color:#222}
.db.introduce .section .sec-cont .wrap dl dd{color:#222}
.db.introduce .section .sec-cont .btn-aside{position:absolute;top:0;right:0;width:100%;box-sizing:border-box}
.db.introduce .section .sec-cont .btn-aside:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.db.introduce .section .sec-cont .btn-aside .btn{float:right;width:33%}

/* 작가 */
.db.author .section{position:relative}
.db.author .section .fieldset{margin-top:35px}
.db.author .section .fieldset .data-table.hori th{padding:14px 0 10px 0;text-align:center}
.db.author .section .fieldset tr td .insert .check-box{margin-right:28px}
.db.author .section .fieldset tr:first-child td .insert .check-box{margin-right:11px}
.db.author .section .fieldset .insert .check-box label em{margin-right:3px}
.db.author .btn-aside{position:absolute;top:0;right:0}
.db.author .section .item-list{width:100%;box-sizing:border-box}
.db.author .section .item-list:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.db.author .section .item-list li{display:block;float:left;margin-top:12px;width:32%;border:1px solid #ddd;box-sizing:border-box}
.db.author .section .item-list li:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.db.author .section .item-list li.nth-child-2,
.db.author .section .item-list li.nth-child-5{margin:12px 2% 0 2%}
.db.author .section .item-list li:nth-child(2),
.db.author .section .item-list li:nth-child(5){margin:12px 2% 0 2%}
.db.author .section .item-list li .thumb{width:100%;height:auto;border-bottom:1px solid #ddd}
.db.author .section .item-list li .thumb .thumb-img img{display:block;width:100%;height:auto}
.db.author .section .item-list li .item-info{padding:11px 10px 10px 10px;text-align:center}
.db.author .section .item-list li .item-info .artist{font-size:18px;line-height:30px;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-o-text-overflow:ellipsis;box-sizing:border-box}
.db.author .section .item-list li .item-info .artist .author{color:#222}
.db.author .section .item-list li .item-info .data{margin-top:3px}
.db.author .section .item-list li .item-info .data .date{display:block}
.db.author .section .search-results .item-list{margin-top:18px}
.db.author .section .search-results .item-list + .btn-more{margin-top:40px;width:100%;height:40px;line-height:40px;font-size:15px;text-align:center;border:1px solid #ddd;box-sizing:border-box}
.db.author .section .search-results .item-list + .btn-more a{display:block;position:static;top:auto;left:auto;width:100%;height:100%;background:none}
.db.author .section .about-author{position:relative;margin-top:33px;border-top:2px solid #222}
.db.author .section .about-author:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.db.author .section .about-author + .btn-aside{margin-top:19px}
.db.author .section .about-author .dafault-data{position:relative;padding:33px 0 22px;min-height:165px}
.db.author .section .about-author .dafault-data:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.db.author .section .about-author .dafault-data .thumb{float: left; width:233px;}
.db.author .section .about-author .dafault-data .thumb .thumb-img{width:100%;height:100%;border:1px solid #ddd}
.db.author .section .about-author .dafault-data .thumb .thumb-img img{display:block;width:100%;height:100%}
.db.author .section .about-author .dafault-data .item-info{margin-left:265px; width:auto;}
.db.author .section .about-author .dafault-data .item-info .artist{margin-top:22px;font-size:18px;line-height:30px;font-weight:bold}
.db.author .section .about-author .dafault-data .item-info .artist .author{color:#222}
.db.author .section .about-author .dafault-data .item-info .data{margin-top:16px}
.db.author .section .about-author .dafault-data .item-info .data > span{display:block;line-height:20px}
.db.author .section .about-author .dafault-data .export{position:absolute;top:60px;right:0}
.db.author .section .about-author .dafault-data .export a.sns:after{background-image:url('../../@resource/images/common/ico_sns_02.gif')}
.db.author .section .about-author .detail-data{margin-top:64px}
.db.author .section .about-author .detail-data:after{content:"";display:block;clear:both;height:0;visibility:hidden}

/* 전시 */
.db.art-work .section{position:relative}
.db.art-work .section .fieldset{margin-top:35px}
.db.art-work .section .fieldset .data-table.hori th{padding:14px 0 10px 0;text-align:center}
.db.art-work .section .fieldset tr td .insert .check-box{margin-right:28px}
.db.art-work .section .fieldset tr:first-child td .insert .check-box{margin-right:11px}
.db.art-work .section .fieldset .insert .check-box label em{margin-right:3px}
.db.art-work .section .item-list{width:100%;box-sizing:border-box}
.db.art-work .section .item-list:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.db.art-work .section .item-list li{display:block;float:left;margin-top:12px;width:32%;border:1px solid #ddd;box-sizing:border-box}
.db.art-work .section .item-list li:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.db.art-work .section .item-list li .thumb{width:100%;height:auto;border-bottom:1px solid #ddd}
.db.art-work .section .item-list li .thumb .thumb-img img{display:block;width:100%;height:auto}
.db.art-work .section .item-list li .item-info{padding:11px 10px 10px 10px;text-align:center}
.db.art-work .section .item-list li.nth-child-2,
.db.art-work .section .item-list li.nth-child-5{margin:12px 2% 0 2%}
.db.art-work .section .item-list li:nth-child(2),
.db.art-work .section .item-list li:nth-child(5){margin:12px 2% 0 2%}
.db.art-work .section .item-list li .item-info .subject{font-size:18px;line-height:30px;font-weight:bold;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-o-text-overflow:ellipsis;box-sizing:border-box}
.db.art-work .section .item-list li .item-info .data{margin-top:3px}
.db.art-work .section .item-list li .item-info .data .date{display:block}
.db.art-work .section .item-list li .item-info .data .views{display:block}
.db.art-work  .section .search-results .item-list{margin-top:18px}
.db.art-work .section .search-results .item-list + .btn-more{margin-top:40px;width:100%;height:40px;line-height:40px;font-size:15px;text-align:center;border:1px solid #ddd;box-sizing:border-box}
.db.art-work .section .search-results .item-list + .btn-more a{display:block;position:static;top:auto;left:auto;width:100%;background:none}
.db.art-work .section .section .about-author{position:relative;margin-top:15px;border-bottom:1px solid #222}

/* 작가등록 */
.db.registration .section .message-box{border-top:2px solid #222;border-bottom:1px solid #222;background-color:#fafafa}
.db.registration .section .message-box .wrap{text-align:center}
.db.registration .section .message-box.login .wrap{padding:23px 0 30px 0}
.db.registration .section .message-box.login .info-message{padding-top:77px;font-size:20px;line-height:30px;color:#222;background:url('../../@resource/images/db/ico_msg_login.png') center top no-repeat}
.db.registration .section .message-box.login .btn-area{margin-top:28px}
.db.registration .section .message-box.login .btn-area .btn{margin:0 4px;width:140px}
.db.registration .section .message-box.register .wrap{padding:47px 0 40px 0}
.db.registration .section .message-box.register .output-message{font-size:22px;line-height:30px;color:#222}
.db.registration .section .message-box.register .output-message .rating{text-decoration:underline}
.db.registration .section .message-box.register .info-message{margin-top:16px;font-size:17px;line-height:25px;color:#222}
.db.registration .section .message-box.register .btn-area{margin-top:28px}
.db.registration .section .message-box.register .btn-area .btn{width:290px}
.db.registration .section .message-box.cancel .wrap{padding:50px 0 50px 0}
.db.registration .section .message-box.cancel .output-message{font-size:22px;line-height:30px;color:#222}
.db.registration .section .message-box.cancel dl{margin-top:33px}
.db.registration .section .message-box.cancel dl:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.db.registration .section .message-box.cancel dl dt{display:inline-block;font-size:17px;line-height:20px;color:#222}
.db.registration .section .message-box.cancel dl dd{display:inline-block;font-size:17px;line-height:20px;color:#222}
.db.completed .section .message-box{padding-top:30px;text-align:center}
.db.completed .section .message-box:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.db.completed .section .message-box .subject{padding-top:67px;font-size:30px;font-weight:bold;line-height:34px;color:#222;background:url('../../@resource/images/db/ico_msg_completed.png') center top no-repeat}
.db.completed .section .message-box .output-message{position:relative;padding-top:35px;margin-top:25px;font-size:22px;line-height:30px;color:#222}
.db.completed .section .message-box .output-message:after{content:"";display:block;position:absolute;top:0;left:50%;margin-left:-16px;width:32px;height:1px;background-color:#222}
.db.completed .section .message-box .info-message{margin-top:8px;font-size:17px;line-height:25px;color:#222}
.db.completed .section .fieldset{margin-top:44px}
.db.completed .section .data-table.hori th{padding:14px 0 10px 0;text-align:center}
.db.completed .section .data-table.hori td{color:#222}
.db.completed .section .data-list{margin-top:15px}
.db.completed .section .data-list li{font-size:15px;line-height:20px;color:#222}
.db.completed .section .btn-area{margin-top:44px;text-align:center}
.db.completed .section .btn-area .btn{width:140px}
.db.agree .section h4{margin-bottom:7px;font-size:17px;font-weight:normal;line-height:25px;color:#222}
.db.agree .section h4 strong{font-weight:normal}
.db.agree .section .terms-con{overflow:auto;overflow-x:hidden;padding:25px 35px;margin-bottom:13px;width:100%;height:250px;border-top:2px solid #222;border-bottom:1px solid #222;box-sizing:border-box}
.db.agree .section .btn-area{margin-top:40px;text-align:center}
.db.agree .section .btn-area .btn{margin:0 4px;width:140px}
.db.payment .section h4{margin-bottom:7px;font-size:17px;font-weight:normal;line-height:25px;color:#222}
.db.payment .section h4 strong{font-weight:normal}
.db.payment .section .fieldset + h4{margin-top:45px}
.db.payment .section .btn-area {margin-top:58px;text-align:center}
.db.payment .section .btn-area .btn{width:140px}

/* 작가 회원 */
.db.author-member .section .output-message{padding:17px 0;font-size:17px;line-height:25px;color:#222;text-align:center;border:3px solid #ddd}
.db.author-member .section .output-message + .btn-aside{margin-top:37px;text-align:right}
.db.author-member .section .btn-aside .btn{width:130px}
.db.author-member .tab.st2{display:none}
.db.author-member .section .item-list{width:100%;box-sizing:border-box}
.db.author-member .section .item-list:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.db.author-member .section .item-list li{display:block;float:left;margin-top:12px;width:32%;border:1px solid #ddd;box-sizing:border-box}
.db.author-member .section .item-list li:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.db.author-member .section .item-list li.nth-child-2,
.db.author-member .section .item-list li.nth-child-5{margin:12px 2% 0 2%}
.db.author-member .section .item-list li:nth-child(2),
.db.author-member .section .item-list li:nth-child(5){margin:12px 2% 0 2%}
.db.author-member .section .item-list li .thumb{width:100%;height:auto;border-bottom:1px solid #ddd}
.db.author-member .section .item-list li .thumb .thumb-img img{display:block;width:100%;height:auto}
.db.author-member .section .item-list li .item-info{padding:11px 10px 10px 10px;text-align:center}
.db.author-member .section .item-list li .item-info .subject{font-size:18px;line-height:30px;font-weight:bold;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-o-text-overflow:ellipsis;box-sizing:border-box}
.db.author-member .section .item-list li .item-info .data{margin-top:3px}
.db.author-member .section .item-list li .item-info .data .date{display:block}
.db.author-member .section .item-list li .item-info .data .views{display:block}
.db.author-member .section .pagination{margin-top:48px}
.db.author-member .section .about-work{position:relative;margin-top:15px;border-bottom:1px solid #222}
.db.author-member .section .about-work:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.db.author-member .section .about-work + .btn-aside{margin-top:19px}
.db.author-member .section .about-work .dafault-data{padding:22px 0;min-height:165px}
.db.author-member .section .about-work .dafault-data:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.db.author-member .section .about-work .dafault-data .thumb{float: left; width:222px;height:159px;}
.db.author-member .section .about-work .dafault-data .thumb .thumb-img{width:100%;height:100%;border:1px solid #ddd}
.db.author-member .section .about-work .dafault-data .thumb .thumb-img img{display:block;width:100%;height:100%}
.db.author-member .section .about-work .dafault-data .item-info{margin-left: 265px; width: auto}
.db.author-member .section .about-work .dafault-data .item-info .subject{margin-top:22px;font-size:18px;line-height:30px;font-weight:bold;color:#222}
.db.author-member .section .about-work .dafault-data .item-info .data{margin-top:16px}
.db.author-member .section .about-work .dafault-data .item-info .data > span{display:block;line-height:20px}
.db.author-member .section .about-work .detail-data{padding:20px;border-top:1px solid #ddd}
.db.author-member .section .about-work .detail-data > p > img{width: 100% !important; max-width: 660px !important; height: 100% !important}
.db.author-member .section .about-work .detail-data:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.db.author-member .section .data-table.hori td{padding-right:50px}
.db.author-member .section .data-table.hori td .insert .input-text{display:block;width:100%}
.db.author-member .section .data-table.hori td .insert .input-text input{display:block;width:100%}
.db.author-member .section .btn-area{margin-top:20px;text-align:center}
.db.author-member .section .btn-area .btn{margin:0 4px;width:140px}
.db.author-member.register .output-message{padding:17px 28px;text-align:left}
.db.author-member.register .section .fieldset{margin-top:37px}
.db.author-member.register .section .btn-aside{margin-top:20px;text-align:right}
.db.author-member.register .section .btn-aside .btn{width:90px}
.db.author-member.register .section .btn-area{margin-top:15px}
.db.author-member.register .section .fieldset tr td .insert .check-box{margin-right:28px}
.db.author-member.register .section .fieldset tr:first-child td .insert .check-box{margin-right:11px}
.db.author-member.register .section .fieldset .insert .check-box label em{margin-right:3px}
.db.author-member.register .section .fieldset .insert.profile-photo{position:relative;padding:3px 0 5px 150px;min-height:140px}
.db.author-member.register .section .fieldset .insert.profile-photo .photo{display:block;position:absolute;top:3px;left:0;width:140px;height:140px;border:1px solid #ddd;background:url('../../@resource/images/db/no_img.gif') 0 0 no-repeat;box-sizint:border-box}
.db.author-member.register .section .fieldset .insert.profile-photo .photo img{display:block;width:138px;height:138px}
.db.author-member.register .section .fieldset .insert.profile-photo .input-file{margin-top:78px;/*min-width:305px*/}
.db.author-member.register .section .fieldset .insert.profile-photo .input-file input[type="text"]{width:auto}
/*.db.author-member.register .section .fieldset .insert.profile-photo .input-text{min-width:305px}*/

.login-form{position:relative;padding: 0 10%}
.login-form:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.login-form .input-text{margin-bottom:10px;height:40px;width: 100%;box-sizing:border-box}
.login-form .input-text input{padding:0 10px;line-height:44px;box-sizing:border-box}
.login-form .input-text .placeholder{top:6px;left:18px}
.login-form button{width:190px;height:40px;font-size:18px;line-height:40px;color:#fff;background-color:#222}



/*laout800=====================================================================================================
*/
body.layout800{padding:0;min-width:320px;max-width:100%}
.layout800 #container.db .container-wrap{min-width:320px;max-width:100%}
.layout800 #container.db .cont-header{display:none}
.layout800 #container.db .container-wrap{padding: 0;}
.layout800 #container.db #content{position:relative;padding:40px 15px 0 15px}
.layout800 #container.db #content .cont-aside{display:none}
.layout800 #container.db #content .cont-primary h3{display:none}
.layout800 #container.db .search-form{margin:0}
.layout800 #container.db .notice-message{margin:100px 0;font-size:30px}
.layout800 #container.db .cont-primary .insert .check-box label{font-size:12px}
.layout800 #container.db .tab.st1{margin-bottom:20px}
.layout800 #container.db .tab.st1 li{width:25%}
.layout800 #container.db .insert .check-box label{font-size:12px}
.layout800 #container.db .pagination{margin-top:25px}
/* 지역작가DB 소개 */
.layout800 .db.introduce .section .sec-tit{padding:15px 13px 13px 13px;border:2px solid #ddd}
.layout800 .db.introduce .section .sec-tit h4{margin-bottom:8px;font-size:19px;line-height:23px}
.layout800 .db.introduce .section .sec-tit .info-message{font-size:12px;line-height:16px}
.layout800 .db.introduce .section .sec-cont h5{padding:10px 0 0 9px;margin:35px 0 13px 0;width:auto;height:auto;font-size:18px;line-height:22px;color:#222;background:url('../../@resource/images/common/bg_tit_03.png') 0 0 no-repeat;background-color:transparent;background-size:9px auto}
.layout800 .db.introduce .section .sec-cont h5:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.layout800 .db.introduce .section .sec-cont .wrap{padding:0 10px;border:0 none}
.layout800 .db.introduce .section .sec-cont .wrap .tit{margin:0 0 8px 0;font-size:14px;line-height:18px}
.layout800 .db.introduce .section .sec-cont .wrap dl dt{color:#767676}
.layout800 .db.introduce .section .sec-cont .wrap dl dd{color:#767676}
.layout800 .db.introduce .section .sec-cont .wrap dl{margin-bottom:20px}
.layout800 .db.introduce .section .btn-aside{position:static;bottom:auto;margin-top:26px}
.layout800 .db.introduce .section .btn-aside .btn{display:block;float:left;width:49%;height:30px;line-height:30px;font-size:13px}
.layout800 .db.introduce .section .btn-aside .btn + .btn{float:right}
/* 작가 */
.layout800 .db.author .section .fieldset{margin-top:15px}
.layout800 .db.author .section .fieldset .data-table.hori colgroup{display:none;}
.layout800 .db.author .section .fieldset .data-table.hori th{padding:0;width:60px;}
/*.layout800 .db.author .section .fieldset .data-table.hori td{width:100%;box-sizing:border-box}*/
.layout800 .db.author .section .fieldset tr:first-child td .insert .check-box{display:block;float:left;margin:4px 0;width:25%;box-sizing:border-box}
.layout800 .db.author .btn-aside{position:relative;top:auto;right:auto;margin-top:10px;width:100%}
.layout800 .db.author .btn-aside a{width:100%}
.layout800 .db.author .section .search-results{margin-top:34px}
.layout800 .db.author .section .item-list li{float:none;margin:0 0 9px 0;width:100%;border:0 none;border-bottom:1px solid #ddd}
.layout800 .db.author .section .item-list li .item-info{padding:18px 10px 20px 10px;color:#222}
.layout800 .db.author .section .item-list li .item-info .artist{font-size:19px}
.layout800 .db.author .section .item-list li .item-info .data{margin-top:0;font-size:14px;line-height:18px}
.layout800 .db.author .section .search-results .item-list + .btn-more{margin-top:10px;height:30px;line-height:30px;font-size:13px;color:#fff;background-color:#767676}
.layout800 .db.author.detail .search-form{margin-top:50px !important}
.layout800 .db.author.detail .btn-aside{position:absolute;top:0;left:0}
.layout800 .db.author.detail .section .search-results{margin-top:20px}
.layout800 .db.author.detail .section .about-author{margin-top:0;border-top:1px solid #ddd}
.layout800 .db.author.detail .section .about-author .dafault-data{padding:10px 0 0 0;}
.layout800 .db.author.detail .section .about-author .dafault-data .thumb{top:10px;width:145px;}
.layout800 .db.author.detail .section .about-author .dafault-data .item-info{margin-left: 165px;}
.layout800 .db.author.detail .section .about-author .dafault-data .item-info .artist{padding:10px 0 0;margin-top:0;line-height:20px}
.layout800 .db.author.detail .section .about-author .dafault-data .item-info .artist .author{display:block;font-size:19px}
.layout800 .db.author.detail .section .about-author .dafault-data .item-info .artist .belong{display:block;margin-left:-3px;font-size:14px;font-weight:normal;color:#222}
.layout800 .db.author.detail .section .about-author .dafault-data .export{top:10px}
.layout800 .db.author.detail .section .about-author .dafault-data .item-info .data{padding-left:6px;font-size:14px;color:#222}
.layout800 .db.author.detail .section .about-author .detail-data{margin-top:24px}
/* 전시 */
.layout800 .db.art-work .section .fieldset{margin-top:15px}
.layout800 .db.art-work .section .fieldset .data-table.hori colgroup{display:none;}
.layout800 .db.art-work .section .fieldset .data-table.hori th{padding:0;width:60px;}
/*.layout800 .db.art-work .section .fieldset .data-table.hori td{width:100%;box-sizing:border-box}*/
.layout800 .db.art-work .section .fieldset tr:first-child td .insert .check-box{display:block;float:left;margin:4px 0;width:25%;box-sizing:border-box}
.layout800 .db.art-work .section .item-list{margin-top:9px}
.layout800 .db.art-work .section .item-list li{float:none;margin:0 0 9px 0;width:100%;border:0 none;border-bottom:1px solid #ddd}
.layout800 .db.art-work .section .item-list li .item-info{padding:18px 10px 20px 10px;color:#222}
.layout800 .db.art-work .section .item-list li .item-info .artist{font-size:19px}
.layout800 .db.art-work .section .item-list li .item-info .data{margin-top:0;font-size:14px;line-height:18px}
.layout800 .db.art-work .section .item-list li .item-info .data > span{display:inline-block}
.layout800 .db.art-work .section .item-list li .item-info .data .date{margin-right:10px}
.layout800 .db.art-work .section .item-list li .item-info .data .date .label{display:none}
.layout800 .db.art-work .section .search-results .item-list + .btn-more{margin-top:10px;height:30px;line-height:30px;font-size:13px;color:#fff;background-color:#767676}
/* 작가등록 */
.layout800 .db.registration .section .message-box.login .wrap{padding:30px 10px 33px 10px}
.layout800 .db.registration .section .message-box.login .wrap:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.layout800 .db.registration .section .message-box.login .info-message{padding-top:49px;font-size:14px;line-height:18px;background-size:36px auto}
.layout800 .db.registration.db.registration .section .message-box.login .btn-area{margin-top:22px;width:100%;box-sizing:border-box}
.layout800 .db.registration.db.registration .section .message-box.login .btn-area a{display:block;float:left;margin:0;width:49.5%}
.layout800 .db.registration.db.registration .section .message-box.login .btn-area a + a{margin-left:1%}
.layout800 .db.registration .section .message-box.register .wrap{padding:33px 10px 33px 10px}
.layout800 .db.registration .section .message-box.register .output-message{margin-top:19px;font-size:18px;line-height:22px}
.layout800 .db.registration .section .message-box.register .output-message > span{display:block}
.layout800 .db.registration .section .message-box.register .info-message{font-size:14px;line-height:18px}
.layout800 .db.registration .section .message-box.register .btn-area{margin-top:22px}
.layout800 .db.registration .section .message-box.register .btn-area a{width:100%}
.layout800 .db.agree .section h4{margin-bottom:0;font-size:15px;line-height:29px}
.layout800 .db.agree .section h4 strong{font-weight:bold}
.layout800 .db.agree .section .check-box label{font-size:13px}
.layout800 .db.agree .section .check-box label em{margin-right:8px}
.layout800 .db.agree .section .terms-con{padding:18px 10px;border-right:1px solid #ddd;border-left:1px solid #ddd}
.layout800 .db.agree .section .btn-area{margin-top:27px;width:100%;box-sizing:border-box}
.layout800 .db.agree .section .btn-area .btn{display:block;float:left;margin:0;width:49.5%}
.layout800 .db.agree .section .btn-area .btn + .btn{margin-left:1%}
.layout800 .db.payment .section h4{margin-bottom:0;font-size:15px;line-height:29px}
.layout800 .db.payment .section h4 strong{font-weight:bold}
.layout800 .db.payment .section .fieldset + h4{margin-top:35px}
.layout800 .db.payment .section .fieldset .data-table.hori colgroup{display:none;}
.layout800 .db.payment .section .fieldset .data-table.hori th{padding:0;width:90px;}
.layout800 .db.payment .section .data-table.hori td{padding:9px 10px 8px 10px}
.layout800 .db.payment .section .btn-area{margin-top:37px}
.layout800 .db.payment .section .btn-area .btn{display:block;margin:0 auto;width:50%}
.layout800 .db.completed .section .message-box .subject{padding-top:47px;font-size:20px;line-height:24px;background-size:35px auto}
.layout800 .db.completed .section .message-box .output-message{padding-top:25px;margin-top:17px;font-size:17px;line-height:21px}
.layout800 .db.completed .section .message-box .output-message > span{display:block}
.layout800 .db.completed .section .message-box .info-message{margin-top:16px;font-size:13px;line-height:17px}
.layout800 .db.completed .section .message-box .info-message > span{display:block}
.layout800 .db.completed .section .fieldset{margin-top:27px}
.layout800 .db.completed .section .fieldset .data-table.hori colgroup{display:none;}
.layout800 .db.completed .section .fieldset .data-table.hori th{padding:0;width:90px;}
.layout800 .db.completed .section .data-table.hori td{color:#767676}
.layout800 .db.completed .section .data-table.hori td .insert span{display:inline-block}
.layout800 .db.completed .section .data-list li{font-size:12px;line-height:18px;color:#767676}
.layout800 .db.completed .section .btn-area{margin-top:32px}
.layout800 .db.completed .section .btn-area .btn{display:block;margin:0 auto;width:50%}
.layout800 .db.registration .section .message-box.cancel .wrap{padding:30px 10px 28px 10px}
.layout800 .db.registration .section .message-box.cancel .output-message{font-size:14px;line-height:18px}
.layout800 .db.registration .section .message-box.cancel dl{margin-top:19px}
.layout800 .db.registration .section .message-box.cancel dl dt{font-size:12px;line-height:16px}
.layout800 .db.registration .section .message-box.cancel dl dd{font-size:12px;line-height:16px}
/* 작가회원 */
.layout800 .db.author-member .tab.st2{display:block;margin-bottom:-22px;border:0 none;border-bottom:1px solid #767676}
.layout800 .db.author-member .tab.st2 a{font-size:15px;color:#222}
.layout800 .db.author-member .tab.st2 .active a{color:#fff}
.layout800 .db.author-member .section .output-message{padding:12px 12px 8px 12px;font-size:14px;line-height:20px;text-align:left;border:2px solid #ddd}
.layout800 .db.author-member .section .output-message .date{display:block;font-size:12px;color:#767676}
.layout800 .db.author-member .section .item-list{margin:20px 0 73px 0;border-top:2px solid #222}
.layout800 .db.author-member .section .item-list li{float:none;padding:0;margin:9px 0 0 0;width:100%;border:0 none;border-bottom:1px solid #ddd}
.layout800 .db.author-member .section .item-list li .item-info{padding:11px 10px 19px 10px}
.layout800 .db.author-member .section .item-list li .item-info .subject{margin-top:12px;font-size:19px;line-height:23px}
.layout800 .db.author-member .section .item-list li .item-info .data{font-size:14px;color:#222}
.layout800 .db.author-member .section .item-list li .item-info .data .date{display:inline-block}
.layout800 .db.author-member .section .item-list li .item-info .data .date .label{display:none}
.layout800 .db.author-member .section .item-list li .item-info .data .views{display:inline-block;margin-left:10px}
.layout800 .db.author-member .section .btn-aside{position:absolute;bottom:47px;left:0;padding:0 15px;width:100%;box-sizing:border-box}
.layout800 .db.author-member .section .btn-aside .btn{width:100%;height:30px;line-height:30px}
.layout800 .db.author-member .about-work{border-top:2px solid #222}
.layout800 .db.author-member .section .about-work .dafault-data{padding:9px 0 14px 0}
.layout800 .db.author-member .section .about-work .dafault-data .thumb{position:static;top:auto;left:auto;width:100%;float: none}
.layout800 .db.author-member .section .about-work .dafault-data .item-info{padding:0 12px; margin: 15px 0 0;}
.layout800 .db.author-member .section .about-work .dafault-data .item-info .subject{font-size:19px;line-height:23px}
.layout800 .db.author-member .section .about-work .dafault-data .item-info .data{margin-top:11px;font-size:14px;line-height:18px;color:#222}
.layout800 .db.author-member .section .about-work .detail-data{padding:14px 12px}
.layout800 .db.author-member .section .about-work + .btn-aside{position:static;bottom:auto;left:auto;padding:0;margin-top:15px;width:100%}
.layout800 .db.author-member .section .about-work + .btn-aside:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.layout800 .db.author-member .section .about-work + .btn-aside .btn{float:right;padding:0;width:80px;font-size:13px}
.layout800 .db.author-member .section .about-work + .btn-aside + .btn-area{padding:0;margin:30px 0 0 0;width:100%;box-sizing:border-box}
.layout800 .db.author-member .section .about-work + .btn-aside + .btn-area:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.layout800 .db.author-member .section .about-work + .btn-aside + .btn-area .btn{display:block;float:left;margin:0;width:49%;box-sizing:border-box}
.layout800 .db.author-member .section .about-work + .btn-aside + .btn-area .btn + .btn{float:right}
.layout800 .db.author-member.register .section .fieldset{margin-top:15px}
.layout800 .db.author-member.register .section .data-table.hori colgroup{display:none}
.layout800 .db.author-member.register .section .data-table.hori th{padding-left:15px;width:75px}
.layout800 .db.author-member.register .section .data-table.hori td{padding:5px}
.layout800 .db.author-member.register .fieldset .insert .radio-box + .radio-box{display:inline-block;margin-left:12px}
.layout800 .db.author-member.register .fieldset .insert .radio-box label{color:#222}
.layout800 .db.author-member.register .fieldset .insert .radio-box label em{margin-right:5px}
.layout800 .db.author-member.register .fieldset .insert .input-file{position:relative;padding-right:70px;box-sizing:border-box}
.layout800 .db.author-member.register .fieldset .insert .input-file input{width:100%;font-size:11px;line-height:28px}
.layout800 .db.author-member.register .fieldset .insert .input-file .btn-file{position:absolute;top:0;right:0;padding:0;width:66px;font-size:12px;text-align:center}
.layout800 .db.author-member.register .fieldset .insert .input-file .btn-file button{width:66px}
.layout800 .db.author-member.register .fieldset .insert.user-birthday .selector{width:28% !important;box-sizing:border-box}
.layout800 .db.author-member.register .fieldset .input-text .placeholder{font-size:11px}
.layout800 .db.author-member.register .fieldset + .btn-aside{position:static;bottom:auto;left:auto;padding:0;margin-top:15px;width:100%}
.layout800 .db.author-member.register .fieldset + .btn-aside:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.layout800 .db.author-member.register .fieldset + .btn-aside .btn{float:right;padding:0;width:80px;font-size:13px}
.layout800 .db.author-member.register .btn-area{padding:0;margin:30px 0 0 0;width:100%;box-sizing:border-box}
.layout800 .db.author-member.register .btn-area:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.layout800 .db.author-member.register .btn-area .btn{display:block;float:left;margin:0;width:49%;box-sizing:border-box}
.layout800 .db.author-member.register .btn-area .btn + .btn{float:right}
.layout800 .db.author-member.register .btn-area .btn.medium.st1{color:#fff;border:2px solid #767676;background-color:#767676}
.layout800 .db.author-member.register .section .fieldset .insert.profile-photo{padding:0;min-height:auto}
.layout800 .db.author-member.register .section .fieldset .insert.profile-photo .photo{position:static;top:auto;left:auto;width:90px;height:90px;background-size:90px 90px}
.layout800 .db.author-member.register .section .fieldset .insert.profile-photo .input-file{margin:-22px 0 0 0}
.layout800 .db.author-member.register .section .fieldset .insert.profile-photo .input-file input{display:none}
.layout800 .db.author-member.register .section .fieldset .insert.profile-photo .input-file .btn-file{right:auto;left:100px}
.layout800 .db.author-member.register .section .fieldset .insert.profile-photo .input-file .btn-file button{height:22px;line-height:24px}
.layout800 .db.author-member.register .section .fieldset .insert.profile-photo .input-file + .input-text{margin-top:0}
.layout800 .db.author-member.register .section .fieldset .insert .text-area{margin:0}