@charset "utf-8";

/* common */
html, body {height:100%; min-height:100%; }
.conWrap {width:1600px; margin: 0 auto;}
.wrap {max-width:1000px; margin:0 auto;}
.view_wrap {max-width:1000px; margin:0 auto; padding:0 2.6%; overflow:hidden;}
span.dispB {display:block;}
.inputfileStyle {position:absolute; right:140px; bottom:77px; overflow:hidden;}
.inputFile {position:relative; width:112px; height:25px; overflow:hidden;}
.inputFile input {cursor:pointer;}
.file_input_hidden {font-size:23px; position:absolute; right:0; top:0; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0;}
.file_input_button {position:absolute; top:0; background:url("../img/cover_upload_btn.png") no-repeat 0 0 !important; color:#fff; font-size:10px; border-style:solid; width:112px; height:25px;}
.file_input_button:hover {background-position:-50px 0;}
.crimson_bg {background:#dc143c;} .gold_bg {background:#ffd700;} .yg_bg {background:#9acd32;}
.sb_bg {background:#87ceeb;} .mo_bg {background:#ba55d3;} .hp_bg {background:#ff69b4;} .slategray_bg {background:#708090;}

/* 헤더 */
header {height:100px; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index:99999; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.main header.scrollfix,
.sub.view header.scrollfix,
.sub.list header.scrollfix,
.sub.timeLine header.scrollfix {position:fixed; background:#252525;}
.main header.isHidden,
.sub.view header.isHidden,
.sub.list header.isHidden,
.sub.timeLine header.isHidden { -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); transform: translate(0, -100%);}
header .headerBar {width:1600px; height:100px; margin: 0 auto; text-align: center;}
#ie7 header .headerBar {width: 1600px; position: relative; height: 100px !important;}
.headerBar {overflow:hidden; height:100%;}
.headerBar a {display:block;}
.headerBar h1 {float:left; color:#fff; font-size:1.25em; padding:50px 0 0;}
.headStyle .headerBar h1,
.sub .headStyle .headerBar h1{padding-top:51px;}

.headerBar h1.beta,
.sub.list .headerBar h1.beta {padding-top:50px; width:140px;}
.headerBar h1.beta .betaimg,
.login .headerBar h1.beta .betaimg {float:right; display:inherit; padding-bottom:4px;}
.sub .headerBar h1.beta,
.sub.mypage .headerBar h1.beta,
.sub.manage .headerBar h1.beta,
.sub.view .headerBar h1.beta,
.main header.scrollfix .headerBar h1.beta,
.sub .headStyle.scrollfix .headerBar h1.beta {padding-top:30px;}

.sub .headStyle.scrollfix .headerBar h1,
.main header.scrollfix .headerBar h1 {padding-top:32px;}
.sub.view .headerBar h1,
.sub .headerBar h1 {padding-top:33px;}
.headerBar h1 a {height:36px;}
.headerBar h1 img {display:inline-block;}
#ie7 .headerBar h1 img {display:inline;}
.headStyle .headerBar .cate_menu {padding:58px 0 0 19px;}
.headStyle.scrollfix .headerBar .cate_menu {padding:40px 0 0 19px;}
.sub.timeLine .headerBar .cate_menu,
.sub.view .headerBar .cate_menu,
.headerBar .cate_menu {float:left; padding:40px 0 0 19px;}
.headerBar .cate_menu .categories {display:none; position:absolute; top:110px; padding:30px 35px; border-radius:10px; z-index:1001; background-color: #2a2a2a; color:#fff; font-size:13px;}
.headerBar .cate_menu .categories.open {display:block;}
.headerBar .cate_menu .categories dl dt,
.headerBar .cate_menu .categories dl dd,
.headerBar .cate_menu .categories dl dd > ul > li {float:left;}
.headerBar .cate_menu .categories dl dt {width:125px; padding-bottom:15px; text-align:left; font-family: "aritadb", "나눔고딕", nanumgothic, Arial, sans-serif;}
.headerBar .cate_menu .categories dl dd {font-family: "aritadl", "나눔고딕", nanumgothic, Arial, sans-serif;}
.headerBar .cate_menu .categories dl dd > ul > li span.line {padding:0 3px;}
.headerBar .cate_menu .categories dl dd > ul > li > a {display:inline-block;}
.headerBar .cate_menu .categories .allCate {display:block; text-align:left;}
.headerBar .cate_menu .categories .allCate:hover,
.headerBar .cate_menu .categories dl dd > ul > li > a:hover,
.headerBar .cate_menu .categories dl dt.on,
.headerBar .cate_menu .categories dl dd.on a{color:#61abd8;}
header .notice {position:absolute; margin-left:42px; text-align:left;}
header .notice .num {width:30px; line-height:15px; position:relative; margin-left:1px; display:inline-block; font-size:10px; background-color:#61b4e5; color:#fff; vertical-align:baseline; border-radius:40px;}
.sub.timeLine .headerBar .gnb,
.sub.view .headerBar .gnb,
.headerBar .gnb {position:relative; float:right; padding-top:17px;}
.headerBar .gnb ul.nav {padding-top:13px;}
.headStyle .headerBar .gnb {padding-top:36px;}
.headStyle.scrollfix .headerBar .gnb {padding-top:17px;}
#ie7.sub .headerBar .nav {position:relative; top:-100px;}
.headerBar .gnb li {display:inline-block;}
.headerBar .gnb li a,
.headerBar .gnb li button {display:inline-block; font-size:13px; padding-left:18px; color:#61b4e5; font-weight:700; "aritadb", "나눔고딕", nanumgothic, Arial, sans-serif}
.headerBar .gnb li > img {padding-left:18px; cursor:pointer; vertical-align:middle;}
#ie7 .headerBar .nav li {display:inline;}
.headerBar .nav.myBox li {line-height:36px;}
.headerBar .nav.myBox li button > span {display:inline-block; vertical-align:middle; margin-right:5px; width:20px; height:20px; border-radius:50%; overflow:hidden;}
.headerBar .nav.myBox li button > span img {vertical-align:top;}
.headerBar .nav.myBox li a img,
.headerBar .nav.myBox li button img {display:inline-block; vertical-align:middle; margin-right:10px;}
.headerBar .nav.myBox li.more a img {margin-right:0px;}
.headerBar .nav.myBox li.uploads a img {margin-right:0px;}
.dropMenu {display:none; width:1600px; position:absolute; top:110px; left:0; right:0; margin:0 auto; z-index:1001;}
.dropMenu.allowter .dropList {right:50px;}
.dropMenu.uploads .dropList {right:100px;}
.dropMenu.open {display:block;}
.dropList {position:absolute; background-color:#2a2a2a; border-radius:10px; padding:30px; right:0;}
.dropList li > a,
.dropList li > button {font-size:13px; color:#fff; display:block; text-align:left; font-weight:bold; line-height:26px;}
.dropList li > a:hover,
.dropList li > button:hover {color:#61b4e5;}
.gnbBarWrap, .searchBox, .headerBar .btn {display:none;}
/* 헤더 - 로그인 */
header.login .headerBar {position:relative; text-align:left; height:100px;}
header.login .headerBar .login_btn {float:right;}
header.login .headerBar > a.etc_btn {height:34px; line-height:34px; background:none; position:absolute; right:0; top:50px; padding:0 1%; font-weight:300;}
header.login .headerBar > a.etc_btn:hover {background: rgba(0,0,0,0.4);}
header.login .headerBar > a.etc_btn.right {right:105px;}
header.login {width:100%; height:100px; position:fixed; z-index:15;}
/* 서브 헤더 공통 */
html.sub header {height:100px; background-color:#252525;}
html.sub.list header {background-color:inherit;}
.main header .serchBtn {display:none;}
header.scrollfix .serchBtn {display:block;}
header .serchBtn {margin-top:2px; width:20px; height:20px; background:url("../img/all_icon.png") -30px -470px no-repeat;}
header .serchBtn.open {background:url("../img/all_icon.png") -30px -491px no-repeat;}
header .sub_srcfrom.scrOff {display:none !important;}
header .sub_srcfrom {display:none;}
header .sub_srcfrom.open {display:block;}
header .sub_srcfrom .wrap {max-width:1080px; margin:0 auto;}
header .sub_srcfrom .sub_search {background-color:#61abd8;}
header .sub_srcfrom .sub_search .scrWrap {border-bottom:1px solid #79bde6;}
header .sub_srcfrom .sub_search .searchBar {padding:10px 0;}
header .sub_srcfrom .sub_search .searchBar > input {width:93%; height:60px; line-height:60px; font-size:1.875em; color:#fff;}
/** header .sub_srcfrom .sub_search .searchBar .placeholder {background:url("../img/all_icon.png") -270px -561px no-repeat;} **/

header .sub_srcfrom .sub_search .searchBar .submit {width:30px; height:60px; float:right; background:url("../img/all_icon.png") -116px -390px no-repeat;}
header .sub_srcfrom .sub_search .tagWrap {color:#fff;}
header .sub_srcfrom .sub_search .tagWrap .tagList dt,
header .sub_srcfrom .scrOption dt {font-size:16px; line-height:35px; display:inline-block; padding-right:13px;  font-family: "aritadb", "나눔고딕", nanumgothic, Arial, sans-serif;}
header .sub_srcfrom .sub_search .tagWrap .tagList dd {display:inline-block;}
header .sub_srcfrom .sub_search .tagWrap .tagList dd ul li:first-child {padding-left:0;}
header .sub_srcfrom .sub_search .tagWrap .tagList dd ul li {display:inline-block; padding-left:35px;}
header .sub_srcfrom .sub_search .tagWrap .tagList dd ul li a {line-height:35px; display:block;}
header .sub_srcfrom .sub_search .tagWrap .tagList dd ul li a:hover {text-decoration:underline;}
header .sub_srcfrom .scrOption {background:#fff; border-bottom:1px solid #f5f5f5;}
header .sub_srcfrom .scrOption dl,
header .sub_srcfrom .scrOption dd,
header .sub_srcfrom .scrOption dd ul li {display:inline-block;}
header .sub_srcfrom .scrOption dt {line-height:55px; color:#61abd8; }
header .sub_srcfrom .scrOption .optSel dd label {overflow:hidden; cursor:pointer; color:#5e5e5f; font-size:16px; line-height:26px; }
header .sub_srcfrom .scrOption .optSel dd li:first-child label .check_box {margin-left:0px;}
header .sub_srcfrom .scrOption .optSel dd label .check_box {height:25px; width:25px; float:left; margin: 0 8px; background:url("../img/all_icon.png") -120px -460px no-repeat;}
header .sub_srcfrom .scrOption .optSel dd label.checked > .check_box {background-position:-120px -486px;}
header .sub_srcfrom .scrOption .colorSel dt {padding:0 10px; }
header .sub_srcfrom .scrOption .colorSel dd li:first-child label .check_box {margin-left:0px;}
header .sub_srcfrom .scrOption .colorSel dd label {overflow:hidden; cursor:pointer; display:inline-block; }
header .sub_srcfrom .scrOption .colorSel dd label:after {display:block; content:''; clear:both;}
header .sub_srcfrom .scrOption .colorSel dd label .check_box {width:26px; height:26px; float:left; margin-left: 5px;}
header .sub_srcfrom .scrOption .colorSel dd label .check_box.colorSel1 {background:url("../img/all_icon.png") -20px -550px no-repeat;}
header .sub_srcfrom .scrOption .colorSel dd label.checked > .check_box.colorSel1  {background-position:-20px -576px;}
header .sub_srcfrom .scrOption .colorSel dd label .check_box.colorSel2 {background:url("../img/all_icon.png") -70px -550px no-repeat;}
header .sub_srcfrom .scrOption .colorSel dd label.checked > .check_box.colorSel2  {background-position:-70px -576px;}
header .sub_srcfrom .scrOption .colorSel dd label .check_box.colorSel3 {background:url("../img/all_icon.png") -130px -550px no-repeat;}
header .sub_srcfrom .scrOption .colorSel dd label.checked > .check_box.colorSel3  {background-position:-130px -576px;}
header .sub_srcfrom .scrOption .colorSel dd label .check_box.colorSel4 {background:url("../img/all_icon.png") -20px -630px no-repeat;}
header .sub_srcfrom .scrOption .colorSel dd label.checked > .check_box.colorSel4  {background-position:-20px -656px;}
header .sub_srcfrom .scrOption .colorSel dd label .check_box.colorSel5 {background:url("../img/all_icon.png") -70px -630px no-repeat;}
header .sub_srcfrom .scrOption .colorSel dd label.checked > .check_box.colorSel5  {background-position:-70px -656px;}
header .sub_srcfrom .scrOption .colorSel dd label .check_box.colorSel6 {background:url("../img/all_icon.png") -130px -630px no-repeat;}
header .sub_srcfrom .scrOption .colorSel dd label.checked > .check_box.colorSel6  {background-position:-130px -656px;}
header .sub_srcfrom .scrOption .colorSel dd label .check_box.colorSel7 {background:url("../img/all_icon.png") -20px -720px no-repeat;}
header .sub_srcfrom .scrOption .colorSel dd label.checked > .check_box.colorSel7  {background-position:-20px -746px;}
header .sub_srcfrom .scrOption .colorSel dd label .check_box.colorSel8 {background:url("../img/all_icon.png") -120px -460px no-repeat;}
header .sub_srcfrom .scrOption .colorSel dd label.checked > .check_box.colorSel8  {background-position:-120px -486px;}
header .sub_srcfrom .scrOption .colorSel dd label .check_box.colorSel9 {background:url("../img/all_icon.png") -80px -720px no-repeat;}
header .sub_srcfrom .scrOption .colorSel dd label.checked > .check_box.colorSel9  {background-position:-80px -746px;}
header .sub_srcfrom .scrOption .colorSel dd label .txt_h {font-size:0; float:left;}

.sub.timeLine .headerBar .list_menu,
.sub.view .headerBar .list_menu,
.headerBar .list_menu {display:block; float:left; padding:31px 0 0 130px;}
.headerBar .list_menu > ul > li {float:left;}
.headerBar .list_menu > ul > li + li {padding-left:28px;}
.headerBar .list_menu > ul > li > button {font-family: "aritadb", "나눔고딕", nanumgothic, Arial, sans-serif;  font-size:1.125em; color:#fff; line-height:36px;}
.headStyle .headerBar .list_menu {padding:51px 0 0 130px;}
.headStyle.scrollfix .headerBar .list_menu {padding:31px 0 0 130px;}
.headerBar .list_menu .galleryNav.dropMenu,
.headerBar .list_menu .commNav.dropMenu,
.headerBar .list_menu .infoNav.dropMenu,
.headerBar .list_menu .guideNav.dropMenu {left:inherit; right:inherit; width:auto;}
.headerBar .list_menu .galleryNav.dropMenu .dropList {left:-40px; right:inherit; width:110px;}
.headerBar .list_menu .commNav.dropMenu .dropList {left:70px; right:inherit; width:110px;} /* 커뮤니티 */
.headerBar .list_menu .infoNav.dropMenu .dropList {left:235px; right:inherit; width:110px;}
.headerBar .list_menu .guideNav.dropMenu .dropList {left:175px; right:inherit; width:110px;}  /* 가이드 */

/* 푸터 */
footer {background:#464243; font-size:14px; position: relative; z-index: 1;}
footer .footBar {width:75%; margin: 0 auto; padding:71px 0; color:#fff;}
footer .footBar .left {float:left;}
footer .conWrap .left p {line-height:21px; padding-bottom:40px;}
footer .conWrap .left p.fontInfo {font-size:11px; color:#bcb8b7; padding-top:20px;}
footer .conWrap .left h2 {padding-bottom:40px;}
footer .footBar .right {float:right; color:#bcb8b7;}
footer .conWrap .right .fnb1,
footer .conWrap .right .fnb2 {float:left; margin-right:80px;}
footer .conWrap .right .fnb1 li,
footer .conWrap .right .fnb2 li {line-height:25px;}
footer .conWrap .right .fnb1 li a:focus,
footer .conWrap .right .fnb2 li a:focus,
footer .conWrap .right .fnb1 li a:hover,
footer .conWrap .right .fnb2 li a:hover {color:#fff; text-decoration:underline;}
footer .conWrap .right .top {float:right;}
/* 상단으로 */
#goTop {z-index:1030; width: 54px; background: #464243; text-align: center; position: fixed; bottom: 10px; right: 10px; cursor: pointer; display: none; color: #333;
	-webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear;}

@media screen and (max-width: 1630px) {
/* common */
.conWrap, .dotwrap,
header .headerBar, .dropMenu ,
.contents.main .photo_id {width:1280px;}

}

@media screen and (max-width: 1310px) {
/* common */
.conWrap, .dotwrap,
header .headerBar, .dropMenu ,
.contents.main .photo_id {width:970px;}

/* 헤더 */
.headStyle .headerBar .cate_menu {padding: 58px 0 0 15px;}
.headStyle .headerBar .list_menu {padding: 51px 0 0 20px;}
.sub.view .headerBar .cate_menu, .headerBar .cate_menu {padding: 40px 0 0 15px;}
.sub.view .headerBar .list_menu, .headerBar .list_menu,
.headStyle.scrollfix .headerBar .list_menu {padding: 31px 0 0 20px;}
.headerBar .list_menu > ul > li + li {padding-left:15px;}
.headerBar .gnb li a, .headerBar .gnb li button, .headerBar .gnb li > img {padding-left:10px;}

/* 푸터 */
footer .footBar {width:85.9375%;}
}

@media screen and (max-width: 1023px) {
/* common */
.conWrap,
.wrap {width:auto; top:79%; max-width:1500px; margin: 0 20px;}
.best_line.conWrap {margin:0;}

/* 헤더 공통 */
.headerBar h1.beta,
.sub.list .headerBar h1.beta {width:86px; margin: 13px auto 0 auto;}
.headerBar h1.beta .betaimg,
.login .headerBar h1.beta .betaimg {display:block; width: auto; height:auto; padding-bottom:0;}
.headerBar h1.beta a,
.login .headerBar h1.beta a {margin:0;}

header {position: fixed; top:0; left:0; width:100%; height:50px; background-color:#61b4e5; text-align: center; z-index: 50; -webkit-transform: inherit; -ms-transform: inherit; transform: inherit;}
header .headerBar {width:100%; position:relative; height:49px; background:#00ace6; border-bottom:1px solid #01698c; vertical-align:top; z-index:1000;}
header .headerBar h1 {float:none; height:100%; text-align:center; padding-top:0px !important;}
header .headerBar h1 a {height:22px; margin-top: 13px; padding:0;}
header .headerBar a {display:inline-block; height:100%;}
header .headerBar img {display:block; height:100%;}
header .headerBar .logo {display:block; height:100%; }
header .headerBar .btn {position:absolute; display:block; top:0; bottom:0; border-radius:0; width:70px; height:100%; background: none; overflow:hidden;}
header .headerBar .btn.left {left:0; text-align:left;}
header .headerBar .btn.right {right:0; left:initial; text-align:right; padding:0;}
header.login .headerBar > a.etc_btn {top:12px; background:#262223; font-size:12px; line-height:25px; height:25px; margin:0 20px;}
header.login .headerBar > a.etc_btn.right {right:0; left:0; width:38px}
header.login,
header.login .headerBar {height:50px; top:0;}
html.sub header {height:50px; background-color:#fff;}
/* 모바일 메뉴 사이드바 슬라이드 */
.gnbBarWrap {display:block; height:100%; width:100%; left:-100%; top:0; bottom:0; text-align:left; position:fixed; z-index:9999; background:rgba(0, 0, 0, 0.8);}
.gnbBarWrap > .gnb_wrap {position:relative; height:100%; width:250px; background:#fff; overflow-y:scroll; transition:0.4s; -webkit-transition:0.4s; transform:translate(-100%, 0); -webkit-transform:translate(-100%, 0);}
.gnbBarWrap > .gnb_wrap > div {position:relative; min-height:100%;}
.gnbBarWrap .gnbWrap {padding-bottom:80px;}
.gnbBarWrap .gnbWrap > .title {height:48px; background:#272c39; border-bottom:1px solid #111522;}
.gnbBarWrap .gnbWrap h2 {height:48px; line-height:48px; font-size:16px; color:#fff;}
.gnbBarWrap .gnbWrap h2 > img {height:100%;}
.gnbBarWrap .gnbWrap > ul {padding:25px;}
.gnbBarWrap .gnbWrap > ul > li + li {padding-top:18px;}
.gnbBarWrap .gnbWrap > ul > li > a {display:block; color:#272c39; font-size:15px; line-height:25px; font-weight:700;}
.gnbBarWrap .gnbWrap > ul > li > a > img {display:inline-block; vertical-align: text-top; padding-right: 7px;}
.gnbBarWrap .gnbWrap > ul > li.line {margin-top:24px; border-top:1px solid #000;}
.gnbBarWrap .gnbWrap > ul > li .m_cate {padding-top:10px;}
.gnbBarWrap .gnbWrap > ul > li .m_cate > strong {display:block; font-size:15px; padding-bottom:5px;}
.gnbBarWrap .gnbWrap > ul > li .m_cate > ul > li {width:30%; float:left; line-height:20px;}
.gnbBarWrap .gnbWrap > ul > li .m_cate > ul > li > .line {display:none;}
.gnbBarWrap .gnbWrap > ul > li .m_cate > ul > li > a {font-size:13px;}
.gnbBarWrap > .closeGnb {bottom:0; display:none; height:100%; left:0; position:fixed; right:0; top:0; width:100%; z-index:-1;}
.gnbBarWrap.open.closing > div {transform:translate(-100%, 0); -webkit-transform:translate(-100%, 0);}
.gnbBarWrap.open {left:0;}
.gnbBarWrap.open > div {transform:translate(0, 0); -webkit-transform:translate(0, 0);}
.gnbBarWrap.open > .closeGnb {display:block;}
.gnbBarWrap .footer {position:absolute; padding:22px 25px; left:0; right:0; bottom:0;}
.gnbBarWrap .footer > div {overflow:hidden; color:#9d9d9d; font-size:12px; line-height:15px; font-weight:900; padding-top:8px; letter-spacing:0px;}
/* 모바일 서치바 */
.headerBar.open .searchBox {display:block;}
.searchBox {position:fixed; left:0; right:0; top:49px; z-index:900; height:48px; font-size:0; line-height:0; transition:0.3s; -webkit-transition:0.3s; transform:translate(0, -100%); -webkit-transform:translate(0, -100%);}
.searchBox.open {display:block; transform:translate(0, 0); -webkit-transform:translate(0, 0);}
.searchBox .inputTxt {margin-right:86px; padding-right:50px;}
.searchBox .inputTxt input {vertical-align:middle; padding:5px 25px; width:100%; height:38px; background:#252525;  line-height:38px; font-weight:700; color:#ffffff; font-size:20px; font-weight:700;}
.searchBox .inputTxt input.placeholder {background:#252525 url("../img/m_placeholder_txt.png") no-repeat 29px 50%;}
.searchBox button {position:absolute; top:0; right:0; width:86px; height:48px; background:#404040; color:#ffffff; font-size:20px; line-height:38px; font-weight:700; text-align:center;}

/* 푸터 */
footer .footBar {width: 100%; margin:0;}
footer .footBar .left {margin-top:40px;}
footer .footBar .left,
footer .footBar .right {float:none;}
footer .conWrap .right .top {display:none;}
}