@charset "utf-8";
@import url('./scrollbars.css');

#wrap {min-width:320px;}
.gnb_wrap .gnb,
#footer,
#footer_wrap .link_area .con {max-width:100%;}


/**************************************************************
	Header Style
**************************************************************/

#header {position:relative; margin-bottom:40px; z-index:10;}

.gnb_wrap .gnb .link {width:850px;}
.gnb_wrap .gnb .link li {width:10.4%;}
.gnb_wrap .gnb .link li.link_water {width:15%;}
.gnb_wrap .gnb .link li:last-child {width:10.4%;}

.lnb_wrap {border-bottom:1px solid #e6e6e6; height:auto;}
.lnb_wrap .box {position:relative; padding:0; height:150px; width:auto; max-width:1200px;}
.lnb_wrap .logo {position:absolute; top:50%; margin-top:-14px; left:0; margin-left:0; padding:0;}
.lnb_wrap h1 a {width:auto; height:auto;}

.lnb_wrap .lnb {display:block; position:absolute; right:0; top:50%; float:none; margin-left:0; padding-top:0; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.lnb_wrap .lnb > ul > li {margin:0; display:block; float:left;}
.lnb_wrap .lnb > ul > li > a {display:block; position:relative; padding-bottom:0; font-size:18px; color:#222222; font-weight:600; letter-spacing:-0.08em;}
.lnb_wrap .lnb > ul > li + li {margin-left:20px;}
.lnb_wrap .lnb > ul > li > a.cart, .lnb_wrap .lnb > ul > li > a.process {padding-left:30px;}
.lnb_wrap .lnb > ul > li > a.cart:after {content:""; display:block; position:absolute; width:25px; height:25px; background:url('../img/common/spr_layout.png') no-repeat -38px 0; left:0; top:50%; margin-top:-15px;}
.lnb_wrap .lnb > ul > li > a.process:after {content:""; display:block; position:absolute; width:25px; height:25px; background:url('../img/common/spr_layout.png') no-repeat -257px 0; left:0; top:50%; margin-top:-15px;}


.totalSearch_wrap {display:block; position:relative; width:421px; padding-top:34px; margin-left:315px; padding-right:85px; box-sizing:border-box;}
.totalSearch_wrap .mo-open-search {display:none;}

.totalSearch {display:block; position:relative; height:52px; border:3px solid #0f1e56; box-sizing:border-box; padding-right:49px; overflow:hidden;}
.totalSearch input[type="text"] {display:block; position:relative; width:100%; height:46px; border:none; padding:0 15px;}
.totalSearch input[type="submit"] {display:block; position:absolute; top:0; right:0; bottom:0; width:49px; overflow:hidden; text-indent:-999px; background:url('../img/common/ico_search_header.png') no-repeat 50% 50% #0f1e56;}

.popular-box {display:block; position:relative; margin-top:10px; line-height:24px;}
.popular-box dt {display:block; position:absolute; top:0; left:0; width:107px; height:24px; font-size:14px; color:#222222; font-weight:600;}
.popular-box dt:after {content:""; display:block; position:absolute; width:1px; height:12px; background:#dedede; right:0; top:50%; margin-top:-6px;}
.popular-box dd {display:block; position:relative; margin-left:113px; margin-right:-85px; white-space:nowrap; overflow:hidden;}
.popular-box dd li {display:inline-block; padding:0 4px; vertical-align:middle; }
.popular-box dd li a {font-size:14px; color:#888888;}

.totalSearch_wrap .open-detail-search {display:block; position:absolute; right:0; top:34px; width:82px; height:52px; background:#10213a; color:#fff; font-size:14px; font-weight:600;}

.detailSearch_wrap {display:none; position:absolute; top:96px; width:419px; left:50%; margin-left:-285px; background:#fff; border:1px solid #222222; padding-top:10px;}
.detail-search-open .detailSearch_wrap {display:block;}
.detailSearch_wrap .close-search {display:block; position:absolute; top:10px; right:15px; width:42px; height:42px; overflow:hidden; text-indent:-999px; background:url('../img/common/spr_layout.png') no-repeat 15px 14px;}

.detailSearch_wrap .tit {margin:0 30px; line-height:43px; margin-bottom:8px; font-size:16px; font-weight:600; color:#222222;}
.detailSearch_wrap dl {display:block; position:relative; margin:0 30px; padding-left:85px; margin-top:5px;}
.detailSearch_wrap dl dt {position:absolute; top:0; left:0; width:85px; line-height:28px; font-size:13px; color:#454545;}
.detailSearch_wrap dl dd {display:block; position:relative;}
.detailSearch_wrap dl dd input {display:block; position:relative; width:100%; height:28px; box-sizing:border-box; border:1px solid #dddddd;}
.detailSearch_wrap .bot {display:block; position:relative; background:#222222; margin-top:20px;}
.detailSearch_wrap .bot:after {content:""; display:block; clear:both;}
.detailSearch_wrap .bot > div {display:block; width:30%; float:left; text-align:center; padding-top:12px;}
.detailSearch_wrap .bot > div + div {width:40%; padding:0;}
.detailSearch_wrap .bot .search {width:165px; height:50px; color:#fff; font-size:16px;}
.detailSearch_wrap .bot .reset {height:27px; box-sizing:border-box; text-align:center; border:1px solid #ffffff; border-radius:9em; font-size:12px; color:#ffffff; width:65px;}

.body-content {padding:0 50px;}

@media all and (max-width:1500px) {
	.body-content {padding:0 20px 0 50px;}
}
@media all and (max-width:1250px) {
	#header {margin-bottom:20px;}
	.lnb_wrap .box {height:130px;}
	.lnb_wrap .lnb > ul > li + li {margin-left:20px;}
	.body-content {padding:0 15px 0 50px;}

	.totalSearch_wrap {padding-top:25px;}
	.totalSearch_wrap .open-detail-search {top:25px;}
}
@media all and (max-width:1130px) {
	.lnb_wrap .lnb > ul > li > a {font-size:18px;}
	.totalSearch_wrap {margin-left:275px;}
}

@media(max-width:1024px){
	#header{height:100%;}
	.popular-box dd {white-space:normal;}
	#footer_wrap .link_area .con{width:100%; padding:0;}
	#footer{width:100%; padding:0 20px 40px;}
	#footer address{padding-top:20px;}
	#footer_wrap .link_area{height:100%;}
	#footer_wrap .link_area .con > ul > li{width:33.33333333333333%;}
	#footer_wrap .link_area .con > ul > li:first-child{border-left:0;}
	#footer_wrap .link_area .con > ul > #site_link01, #footer_wrap .link_area .con > ul > #site_link02{border-bottom:1px solid #8b8b8b;}
	#footer .user_info li{margin:0 10px;}
	#footer .user_info li:before{left:-11px;}
}

@media(max-width:725px){
	.section02 .bottom .noti_box .list > ul > li.noti06{display:none;}
	#footer_wrap .link_area .con > ul > li{width:50%;}
	#footer_wrap .link_area .con > ul > #site_link03,
	#footer_wrap .link_area .con > ul > #site_link04{border-bottom:1px solid #8b8b8b;}
}

@media(max-width:490px){
	#footer_wrap .link_area .con > ul > li{width: 100% !important;}
}


/**************************************************************
	Body Style
**************************************************************/

#body {display:table; table-layout:fixed; position:relative; width:100%;}
#body .body-left,
#body .body-content {display:table-cell; vertical-align:top; position:relative; z-index:1; background:#fff;}
#body .body-left {border:1px solid #aaaaaa; border-bottom-width:0; border-left-width:0; transition:.3s all; -webkit-transition:.3s all;}

.control-menu {position:absolute; left:100%; top:-1px; margin-left:1px; z-index:1; width:30px; height:50px;}
.control-menu button {display:block; position:relative; width:100%; height:100%; overflow:hidden; text-indent:-999px; border:1px solid #aaaaaa; border-left-width:0; background:#fff;}
.control-menu button:before {content:""; display:block; position:absolute; top:50%; margin-top:-6px; left:50%; margin-left:-3px; width:7px; height:12px; background:url('../img/common/spr_layout.png') no-repeat -95px -37px;}

#header .control-menu {display:none;}
#body .body-content .control-menu {left:-1px; top:0;}
#body .body-content .body-inner {position:relative; max-width:1200px; margin:0 auto; z-index:0;}

.close-catelist .control-menu button:before {background-position:-142px -37px;}

.category_list {display:block; position:relative; padding:12px 0; overflow:hidden; transition:.3s all; -webkit-transition:.3s all; background:#f5f9fb;}
.body-left,
.category_list,
.category_list > * {width:220px;}
.close-catelist .body-left,
.close-catelist  .body-left > .category_list {width:0px !important;}

.category_list h3 {display:block; position:relative; text-align:center; font-size:16px; color:#222; font-weight:600; white-space:nowrap; line-height:40px;}
.category_list h3 button {display:block; width:100%; height:40px; font-size:16px; color:#222; font-weight:600; white-space:nowrap;}
.category_list h3 button:before {content:""; display:inline-block; position:relative; vertical-align:middle; width:11px; height:14px; background:url('../img/common/spr_layout.png') no-repeat -3px -202px; margin-right:10px;}
.category_list .jstree-anchor em {color:#656565; font-size:13px; margin-left:5px; font-weight:100;}


#wrap .category_list > div .jstree-node {margin-left:0 !important;}

#wrap .category_list > div > ul {padding:0 20px;}
#wrap .category_list > div > ul > li {position:relative;}
#wrap .category_list > div > ul > li > a {display:block; position:relative; padding:0 0 0 10px; line-height:45px; font-size:13px; color:#222; font-size:13px !important; height:45px; margin-right:45px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; z-index:0; background:none; font-weight:600;}
#wrap .category_list > div > ul > li > .jstree-icon {display:block; position:absolute; width:45px; height:45px; top:0; right:0; z-index:1; background:none;}
#wrap .category_list > div > ul > li > .jstree-icon:before {content:""; display:block; position:absolute; width:10px; height:10px; top:50%; right:10px; margin-top:-5px; background:url('../img/common/spr_layout.png') no-repeat -4px -171px;}
#wrap .category_list > div > ul > li.jstree-open > .jstree-icon:before {background-position:-4px -144px;}
#wrap .category_list > div .jstree-clicked {box-shadow:none; border-radius:0; background:none !important;}
#wrap .category_list > div .jstree-themeicon {display:none;}
#wrap .category_list > div .jstree-node {background:none !important;}

#wrap .category_list > div > ul > li > ul {display:block; background:#fff; border:1px solid #eeeeee; padding:20px;}
/*#wrap .category_list > div > ul > li ul {margin-top:5px;}*/
#wrap .category_list > div > ul > li > ul > li + li {margin-top:5px;}
#wrap .category_list > div > ul > li > ul > li {position:relative; height:auto; min-height:17px;}
#wrap .category_list > div > ul > li > ul > li > a {display:block; position:relative; color:#666666; height:auto; font-size:13px; margin-left:27px; height:17px; line-height:17px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0;}
#wrap .category_list > div > ul > li > ul > li > a:hover {background:none;}
#wrap .category_list > div > ul > li > ul > li > a .jstree-icon {display:none !important;}
#wrap .category_list > div > ul > li > ul > li > .jstree-icon {display:block; position:absolute; top:0; left:0; width:17px; height:17px; background:url('../img/common/spr_layout.png') no-repeat 0 -105px; z-index:1;}
#wrap .category_list > div > ul > li > ul > li.jstree-leaf > .jstree-icon {background-position:0 -49px;}
#wrap .category_list > div > ul > li > ul > li.jstree-open > a {color:#3f51b5;}
#wrap .category_list > div > ul > li > ul > li.jstree-open > .jstree-icon {background-position:0 -77px;}

#wrap .category_list > div > ul > li > ul > li > ul {display:block; position:relative; margin-top:0;}
#wrap .category_list > div > ul > li > ul > li > ul > li {position:relative; padding-left:27px;}
#wrap .category_list > div > ul > li > ul > li > ul > li:before {content:""; display:block; position:absolute; top:0; bottom:0; left:8px; width:1px; background:#ddd;}
#wrap .category_list > div > ul > li > ul > li > ul > li:first-child {padding-top:5px;}
#wrap .category_list > div > ul > li > ul > li > ul > li:last-child:before {bottom:auto; height:11px;}
#wrap .category_list > div > ul > li > ul > li > ul > li > .jstree-icon {display:block; position:absolute; top:0; left:0; background:none;}
#wrap .category_list > div > ul > li > ul > li > ul > li > .jstree-icon:before {content:""; display:block; position:absolute; bottom:12px; left:8px; height:1px; width:10px; background:#ddd;}
#wrap .category_list > div > ul > li > ul > li > ul > li > .jstree-icon:after {content:""; display:block; position:absolute; width:4px; height:4px; border-radius:100%; background:#fff; border:1px solid #ddd; left:6px; bottom:10px;}
#wrap .category_list > div > ul > li > ul > li > ul > li.jstree-leaf > .jstree-icon:after {display:none;}
#wrap .category_list > div > ul > li > ul > li > ul > li:first-child >.jstree-icon {top:5px;}
#wrap .category_list > div > ul > li > ul > li > ul > li > a {font-size:13px; color:#888888; background:none !important;}
#wrap .category_list > div > ul > li > ul > li > ul > li > a:hover,
#wrap .category_list > div > ul > li > ul > li > ul > li > a:active,
#wrap .category_list > div > ul > li > ul > li > ul > li > a:link,
#wrap .category_list > div > ul > li > ul > li > ul > li > a:visited {background:none;}
#wrap .category_list > div > ul > li > ul > li > ul > li.jstree-open > a {color:#3f51b5;}

#wrap .category_list > div > ul > li > ul > li > ul > li > ul {margin-top:0;}
#wrap .category_list > div > ul > li > ul > li > ul > li > ul > li {position:relative; padding-left:7px;}
#wrap .category_list > div > ul > li > ul > li > ul > li > ul > li > .jstree-icon {display:block; position:absolute; top:0; left:0; width:7px !important;}
#wrap .category_list > div > ul > li > ul > li > ul > li > ul > li > .jstree-icon:before {content:""; display:block; position:absolute; top:50%; left:0; width:2px; height:1px; background:#cccccc;}
#wrap .category_list > div > ul > li > ul > li > ul > li > ul > li > a {color:#aaaaaa; font-size:12px;}
#wrap .category_list > div > ul > li > ul > li > ul > li > ul > li > a:hover,
#wrap .category_list > div > ul > li > ul > li > ul > li > ul > li > a:active,
#wrap .category_list > div > ul > li > ul > li > ul > li > ul > li > a:link,
#wrap .category_list > div > ul > li > ul > li > ul > li > ul > li > a:visited {background:none;}

@media all and (max-width:1024px) {
	.lnb_wrap .logo {position:relative; top:auto; margin-top:0; float:none; width:250px; max-width:60%; margin:0px auto; padding:20px 0;}
	.lnb_wrap .logo a {display:block; height:28px; line-height:28px;}
	.lnb_wrap .logo img {max-width:100%;}

	.gnb_wrap .gnb {height:35px;}
	.gnb_wrap .gnb .link li a {padding:5px 0 4px;}
	.gnb_wrap .gnb .link {max-width:100%;}
	.gnb_wrap .gnb .link li,
	.gnb_wrap .gnb .link li:last-child {width:90px;}

	.lnb_wrap .box {height:auto;}
	.lnb_wrap .lnb {display:block; position:relative; top:auto; left:auto; right:auto; transform:translateY(0); -webkit-transform:translateY(0); overflow:hidden; border-top:1px solid #e6e6e6;}
	.lnb_wrap .lnb > ul > li {width:33.33%; box-sizing:border-box;}
	.lnb_wrap .lnb > ul > li + li {margin:0;}
	.lnb_wrap .lnb > ul > li a {display:block; position:relative; text-align:center; padding:13px 0 !important; font-size:14px;}
	.lnb_wrap .lnb > ul > li > a.cart:after {display:inline-block; vertical-align:middle; position:relative; top:auto; margin-top:0; right:auto; margin-left:8px; margin-top:-2px;}

	.totalSearch_wrap {position:static; padding:0; margin:0; width:auto;}
	.totalSearch_wrap .mo-open-search {display:block; position:absolute; top:10px; right:0px; width:50px; height:50px; overflow:hidden; text-indent:-999px; background:url('../img/common/ico_search_header_mo.png') no-repeat 50% 50%; }
	.totalSearch input[type="submit"] {width:40px;}

	.totalSearch_inner {display:none; position:absolute; top:67px; left:0; right:0; z-index:100; background:#fff; padding:13px 10px 10px; border-bottom:2px solid #0f1e56; border-top:1px solid #e6e6e6;}
	.totalSearch_inner .totalSearch {margin-right:85px; height:45px;}
	.totalSearch_wrap .open-detail-search {position:absolute; right:10px; top:13px; height:45px;}

	.detailSearch_wrap {position:fixed; top:50%; left:5px; right:5px; transform:translateY(-50%); -webkit-transform:translateY(-50%); z-index:1000; margin:0; width:auto;}
	.detailSearch_wrap .tit {margin:0 10px;}
	.detailSearch_wrap dl {margin:0 10px;}
	.detailSearch_wrap dl + dl {margin-top:5px;}
	.popular-box dd {margin-right:0;}
	.detailSearch_wrap .close-search {right:0px;}

	.detail-search-open .box:before {content:""; display:block; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.5); z-index:999;}

	#body {display:block; width:auto;}
	#body .body-left,
	#body .body-content {display:block;}
	#body .body-content {padding:0 15px 0 15px;}

	#body .body-content .control-menu {display:none;}
	#body .body-left {position:static; border:none;}
	#header .control-menu {display:block; position:absolute; left:10px; top:40px; width:50px; height:50px;}
	#header .control-menu button {border:none; background:url('../img/common/ico_open_gnb.png') no-repeat 50% 50%;}
	#header .control-menu button:before {display:none;}
	#body .body-left > .category_list {display:block; position:fixed; top:0px; left:0; bottom:0; z-index:99; overflow:auto; background:#fff; border-right:1px solid #aaaaaa; width:270px !important; transition:.3s all; -webkit-transition:.3s all;}
	.close-catelist .body-left > .category_list,
	#body .body-left > .category_list > * {width:auto !important;}
	#body  .body-left >.category_list {transform:translateX(-100%); -webkit-transform:translateX(-100%);}
	.close-catelist #body .body-left > .category_list {transform:translateX(0%); -webkit-transform:translateX(0%);background:#f5f9fb;}
	.close-catelist {height:100%; overflow:hidden;}

	#body .body-left .control-menu {display:none;}
	.close-catelist #body .body-left .control-menu {display:block; position:fixed; top:0; left:0; right:0; bottom:0; width:auto; height:auto; z-index:99;}
	.close-catelist #body .body-left .control-menu button {background:rgba(0,0,0,.5); border:none;}
	.close-catelist #body .body-left .control-menu button:before {background:url('../img/common/spr_layout.png') no-repeat -80px -231px; width:40px; height:40px; margin:0; top:10px; left:280px; right:0;}

	/*#body .catem:translateX(-100%); -webkit-transform:translateX(-100%);}*/

}

.open-all-category {height:100%; overflow:hidden;}
.open-all-category #body,
.open-all-category #body .body-left {z-index:1;}
.open-all-category #header,
.open-all-category #body .body-content,
.open-all-category .kept_cart,
.open-all-category .kept_images {z-index:0;}
.open-all-category #body,
.open-all-category #body .body-left,
.open-all-category #body .body-content {position:static;}
.open-all-category .control-menu button {display:none;}
.open-all-category:before {content:""; display:block; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.5); z-index:10;}

.allCategory_popup {display:none; position:fixed; z-index:9999; top:20px; bottom:20px; width:1200px; left:50%; padding:50px; box-sizing:border-box; margin-left:-600px; background:#fff; border:1px solid #222222; overflow:hidden;}
.open-all-category .allCategory_popup {display:block;}
.allCategory_popup .category_list,
.allCategory_popup .category_list > * {width:auto;}
.allCategory_popup .tit {color:#222222; font-size:26px; font-weight:600; line-height:1.5;}

.allCategory_popup .pop-close {display:block; position:absolute; top:50px; right:50px; width:31px; height:31px;}
.allCategory_popup .pop-close button {display:block; width:100%; height:100%; overflow:hidden; text-indent:-999px; background:url('../img/common/pop_close.png') no-repeat 50% 50%;}

#wrap .allCategory_popup .category_list {position:absolute; left:50px; top:100px; right:50px; bottom:50px; padding:0; overflow:auto;}
#wrap .allCategory_popup .category_list > div > ul {padding:0; margin:0;}
#wrap .allCategory_popup .category_list > div > ul > li {display:inline-block; vertical-align:top; width:14.28%; padding:2px; box-sizing:border-box; margin-bottom:30px;}
#wrap .allCategory_popup .category_list > div > ul > li > ul {border:1px solid #eeeeee; background:#fff;}
#wrap .allCategory_popup .category_list > div > ul > li > a {height:35px; line-height:35px; text-align:center; margin:0; padding:0 10px; background:#222222 !important; color:#fff;}
#wrap .allCategory_popup .category_list em {display:none;}
#wrap .allCategory_popup .category_list > div > ul > li > .jstree-icon {display:none;}

@media all and (max-width:1200px){
	.allCategory_popup {left:10px; right:10px; top:10px; bottom:10px; padding:20px; margin:0; width:auto;}
	.allCategory_popup .pop-close {top:20px; right:20px;}
	.allCategory_popup .tit {font-size:20px;}
	#wrap .allCategory_popup .category_list {top:70px; left:20px; right:20px; bottom:20px;}
	#wrap .allCategory_popup .category_list > div > ul > li {margin-bottom:20px; width:20%;}
}
@media all and (max-width:870px){
	#wrap .allCategory_popup .category_list > div > ul > li {width:25%;}
}
@media all and (max-width:720px){
	#wrap .allCategory_popup .category_list > div > ul > li {width:33.33%;}
}
@media all and (max-width:560px){
	#wrap .allCategory_popup .category_list > div > ul > li {width:50%;}
}
@media all and (max-width:400px){
	#wrap .allCategory_popup .category_list > div > ul > li {width:auto; display:block;}
}




/**************************************************************
	Spot Style
**************************************************************/

.photo_breadcrumb {display:block; position:relative;}
.photo_breadcrumb:after {content:""; display:block; clear:both;}

.scrollbar-rail > .scroll-element .scroll-bar {background:#c1c1c1;}
.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size,
.scrollbar-rail > .scroll-element .scroll-element_size {background:#f1f1f1 !important;}
.scrollbar-rail > .scroll-element, .scrollbar-rail > .scroll-element div {z-index:1;}

.sub-category-box {display:block; position:relative; font-size:14px; float:left;}
.sub-category-box:after {content:""; display:block; clear:both;}
.sub-category-box a {color:#454545;}
.sub-category-box dd {width:154px; height:132px; padding:15px 10px; box-sizing:border-box; background:#fff; border:1px solid #222222;}
.sub-category-box dd .scrollbar-rail {height:100%;}
.sub-category-box dd li {padding-left:10px;}
.sub-category-box dd li a {color:#454545; font-size:14px;}
.sub-category-box dd li a em {font-size:14px; color:#cccccc; margin-left:5px;}
.sub-category-box > li {display:block; float:left; padding:0 17px; position:relative;}
.sub-category-box > li:first-child {padding-left:0;}
.sub-category-box > li:first-child > a {padding-right:0;}
.sub-category-box > li + li:before {content:""; display:block; position:absolute; left:-2px; top:50%; margin-top:-3px; width:4px; height:6px; background:url('../img/common/spr_layout.png') no-repeat -96px -1px;}
.sub-category-box > li > a,
.sub-category-box > li > dl > dt > button {display:block; position:relative; padding-right:20px; height:40px; line-height:40px; border:none; font-size:14px;}
.sub-category-box > li > dl > dt > button em {font-size:14px; color:#cccccc; padding-left:5px;}
.sub-category-box > li > dl > dt > button:after {content:""; display:block; position:absolute; right:0; top:50%; margin-top:-2px; width:8px; height:5px; background:url('../img/common/spr_layout.png') no-repeat -134px 0px;}
.sub-category-box > li > dl {position:relative;}
.sub-category-box > li > dl > dd {display:none; position:absolute; top:100%; left:-20px; z-index:5;}
.sub-category-box > li > dl.on > dt > button:after {background-position:-174px 0;}
.sub-category-box > li > dl.on > dd {display:block;}

.list-count {position:relative; float:right;}
.list-count > dt > button {display:block; position:relative; width:144px; padding-left:37px; padding-right:20px; height:40px; line-height:40px; border:1px solid #dddddd; font-size:13px; color:#454545; box-sizing:border-box; text-align:left;}
.list-count > dt > button:before {content:""; display:block; position:absolute; top:50%; left:14px; margin-top:-6px; width:13px; height:13px; background:url('../img/common/spr_layout.png') no-repeat -44px -51px;}
.list-count > dt > button:after {content:""; display:block; position:absolute; right:13px; top:50%; margin-top:-2px; width:8px; height:5px; background:url('../img/common/spr_layout.png') no-repeat -134px 0px;}
.list-count > dd {display:none; position:absolute; top:100%; left:0; right:0; z-index:5;}
.list-count.on > dt > button {border-color:#222;}
.list-count.on > dt > button:after {background-position:-174px 0;}
.list-count.on > dd {display:block; padding:15px 10px; box-sizing:border-box; background:#fff; border:1px solid #222222; margin-top:3px;}
.list-count.on > dd li + li {margin-top:10px;}



/**************************************************************
	Photo Page
**************************************************************/

.photo_contents {position:relative; width:100%; max-width:1200px; margin:0 auto;}
.photo_view {position:relative; max-width:1200px; margin:0 auto;}

.pic-tit {line-height: 50px; margin-bottom: 10px; font-size:20px; color:#222222; font-weight:800; letter-spacing:-0.1em;}
.pic-tit span + span {font-size:14px; font-weight:400; padding-left:5px; letter-spacing:-0.02em;}
.pic-tit .cnt {font-weight:600; color:#3f51b5;}

/** -------------------------------------- List */

.pic-tit + .photo_list {margin-top:-9px;}

/*.photo_list {margin-top:-9px;}*/
.photo_list:after {content:""; display:block; clear:both;}
.photo_list > ul {margin:0 -9px;}
.photo_list li {display:block; position:relative; width:20%; padding:9px; box-sizing:border-box; float:left;}
.photo_list li > a {display:block; position:relative;}
.photo_view .photo_list li {width:12.5%; padding:5px;}

.photo_list .thumb {display:block; position:relative; z-index:0; overflow:hidden; background:#999999;}
.photo_list .thumb:before {content:""; display:block; position:relative; padding-top:71%; z-index:-1;}
.photo_list .thumb a,
.photo_list .thumb figure {display:block; position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden;}
.photo_list .thumb img,
.photo_list .thumb img {display:block; position:absolute; left:50%; top:50%; max-width:100%; max-height:100%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
.photo_list .thumb .btn_box {display:block; position:absolute; top:0; left:0; right:0; bottom:0; margin:0; padding:0; background:rgba(0,0,0,.5); opacity:0; transition:.3s all; -webkit-transition:.3s all; text-align:center;}
.photo_list .thumb .btn_box:hover {opacity:1;}
.photo_list .thumb .btn_box:before,
.photo_list .thumb .btn_box:after {content:""; display:inline-block; width:0px; height:100%; vertical-align:middle;}
.photo_list .thumb .btn_box .btn {display:inline-block; width:35px; height:35px; vertical-align:middle; border-radius:100%; overflow:hidden; text-indent:-999px; padding:0; margin:0; background:url('../img/common/spr_layout.png') no-repeat -231px -68px #000; border:none;}
.photo_list .thumb .btn_box .btn + .btn {margin-left:2px; background:url('../img/common/spr_layout.png') no-repeat -181px -68px #3f51b5;}

/*.photo_list .thumb + div,
.photo_list .thumb_info_box {display:block; position:relative; font-size:14px; color:#444444; padding:15px; z-index:1;}*/
.photo_list .txt {display:block; position:relative; padding:15px; text-align:center; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.photo_list .thumb_info_box {position:relative;}

.photo_contents .no_data {padding:150px 0;}

@media all and (max-width:1400px) {
	.photo_view .photo_list li {width:16.66%;}
}
@media all and (max-width:1140px) {
	.photo_list li {width:25%;}
}
@media all and (max-width:845px) {
	.photo_view .photo_list li {width:20%;}
}
@media all and (max-width:780px) {
	.photo_list li {width:33.33%;}
}
@media all and (max-width:640px) {
	.photo_list li {width:50%;}
	.photo_view .photo_list li {width:25%;}
}
@media all and (max-width:560px) {
	.photo_view .photo_list li {width:33.33%;}
}
@media all and (max-width:450px) {
	.photo_view .photo_list li {width:50%;}
}
@media all and (max-width:420px) {
	.photo_list li {width:auto; float:none;}
	.photo_view .photo_list li {float:left;}
}


/** -------------------------------------- Viewer */

.photo_view .photo_list .txt {display:block; padding:12px 14px 0; font-size:13px;}
.photo_view .photo_list .rel_cnt {display:none;}
.photo_view .photo_list > ul {margin:0 -5px;}

.photo_list .rel_cnt {display:block; position:absolute; bottom:100%; right:0; background:#222222; text-align:center; color:#fff; font-size:13px; width:55px; height:37px; line-height:37px;}
.photo_view .photo_breadcrumb {margin-bottom:20px;}

.photo_view  > .clFix {border:1px solid #e2e2e2; margin-bottom:34px; padding:20px;}
.photo_view  > .clFix > * {display:block; padding:20px; box-sizing:border-box; float:left;}
.photo_view > .clFix:after {content:""; display:block; clear:both;}
.represent_image_area {width:62.177%; padding-bottom:0px !important;}
.master_info_area {width:37.823%;}

.represent_image_area .thumb {display:block; position:relative;}
.represent_image_area .thumb:before {content:""; display:block; position:relative; padding-top:71.029%; z-index:-1;}
.represent_image_area .thumb > * {display:block; position:absolute; z-index:0;}
.represent_image_area .thumb .pic {top:0; left:0; right:0; bottom:0; overflow:hidden; background:#999999;}
.represent_image_area .thumb .pic img {display:block; position:absolute; top:0; bottom:0; height:100%; left:50%; transform:translateX(-50%); z-index:0;}
.represent_image_area .thumb .pic .water_mark {display:block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; background:url('../img/common/mark.png') no-repeat 50% 50%; background-size:40% auto;}

.represent_image_area .thumb .control {position:absolute; right:0; bottom:0; width:202px; padding:0 61px; box-sizing:border-box;}
.represent_image_area .thumb .control > * {display:block; position:relative; height:60px; line-height:60px; text-align:center; background-color:rgba(34,34,34,.8) !important;}
.represent_image_area .thumb .control .pager {color:#fff; font-weight:400; font-size:15px; letter-spacing:0.01em;}
.represent_image_area .thumb .control button {position:absolute; top:0; left:0; width:60px; height:60px; overflow:hidden; text-indent:-999px; background:url('../img/common/spr_layout.png') no-repeat -115px -146px;}
.represent_image_area .thumb .control button ~ button {background-position:-201px -146px; left:auto; right:0;}

.represent_image_area .caution {display:block; position:relative; padding-left:26px; margin-top:20px; margin-bottom:10px; text-align:left; line-height:30px; font-size:14px; color:#ff2323;}
.represent_image_area .caution:before {content:""; display:block; position:absolute; left:0; top:5px; width:20px; height:20px; background:url('../img/common/spr_layout.png') no-repeat -247px -33px;}

.master_info_area {padding:30px 30px 20px !important;}
.master_info_area .title {display:block; position:relative; padding:12px 0; font-size:26px; color:#222222; font-weight:600; line-height:1.4; letter-spacing:-0.02em;}
.master_info_area dl {display:table; width:100%; table-layout:fixed; border-bottom:1px solid #e6e6e6;}
.master_info_area dl > * {display:table-cell; padding:15px 0; vertical-align:top; font-size:15px;}
.master_info_area dl dt {font-weight:600; color:#333333; width:85px;}
.master_info_area dl dd {color:#888888;}
.master_info_area dl dd strong {color:#444444; font-weight:600;}

.saved_category_list li {float:left; position:relative;}
.saved_category_list li + li {margin-left:9px; padding-left:13px;}
.saved_category_list li + li:after { content: ''; display:block; position:absolute; top:0; left:0; bottom:0; width:4px; background:url('../img/common/spr_layout.png') no-repeat -96px 7px; padding-left: 10px; padding-right: 3px;}

.master_info_area > .clFix {margin-top:30px;}
.master_info_area > .clFix .btn {float:left; margin:0; border-radius:0; border:1px solid #222; font-size:16px; height:60px; background:#fff;}
.master_info_area > .clFix .btn.keep {width:64.43%; background:#222222; color:#fff; font-weight:600; }
.master_info_area > .clFix .btn.keep:before {content:""; display:inline-block; position:relative; margin-top:-5px; margin-right:8px; width:17px; height:20px; vertical-align:middle; background:url('../img/common/spr_layout.png') no-repeat -139px -74px;}
.master_info_area > .clFix .btn.save {width:64.43%; background:#222222; color:#fff; font-weight:600; }
.master_info_area > .clFix .btn.save:before {content:""; display:inline-block; position:relative; margin-top:-5px; margin-right:8px; width:17px; height:20px; vertical-align:middle; background:url('../img/common/spr_layout.png') no-repeat -139px -74px;}
.master_info_area > .clFix .btn.big {display:none;}
.master_info_area > .clFix .btn.list {float:right; width:34.536%; color:#222;}

@media all and (max-width:1400px) {
	.photo_view > .clFix {padding:10px;}
	.photo_view > .clFix > * {padding:10px;}

	.represent_image_area {padding:10px; width:50%;}
	.master_info_area {padding:10px 20px !important; width:50%;}
	.master_info_area .title {font-size:22px; margin-bottom:0;}

	.represent_image_area .thumb .control {padding:0 46px; width:175px;}
	.represent_image_area .thumb .control > * {height:45px; line-height:45px;}
	.represent_image_area .thumb .control button {height:45px; width:45px;}
	.represent_image_area .thumb .control .pager {}
	.represent_image_area .thumb .control button.before {background-position:-121px -152px;}
	.represent_image_area .thumb .control button.next {background-position:-208px -152px;}

	.master_info_area {padding-bottom:20px !important;}
	.master_info_area > .clFix {overflow:hidden;}
	.master_info_area > .clFix .btn {height:50px;}
	.master_info_area dl > * {font-size:14px;}

}
@media all and (max-width:860px) {
	.photo_view > .clFix > * {display:block; float:none; width:auto !important;}
}
@media all and (max-width:640px) {
	.photo_view div > h3 span + span {display:block; padding-left:0; height:auto; line-height:1.5;}
}



.photo_req_tab {display:block; position:relative; padding-top:60px;}
.photo_req_tab > li > a {display:block; position:absolute; top:0; left:0; height:58px; width:50%; height:58px; line-height:58px; text-align:center; font-size:14px;}
.photo_req_tab > li > a:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #ddd; border-right-width:0px;}
.photo_req_tab > li + li > a {left:auto; right:0;}
.photo_req_tab > li + li > a:before {border-right-width:1px;}
.photo_req_tab > li.on > a {z-index:1; color:#3f51b5; background:#f7f8fc;}
.photo_req_tab > li.on > a:before {border:2px solid #3f51b5;}
.photo_req_tab > li.on > a:after {content:""; display:inline-block; width:10px; height:7px; vertical-align:middle; background:url('../img/common/ico_tab_on.png') no-repeat 50% 50%; vertical-align:middle; margin-left:10px;}


.photo_req_tab > li > div {display:none; padding-top:15px; position:relative;}
.photo_req_tab > li.on > div {display:block;}

.req_info dl * { float: left; }
.btn_box { text-align: center; padding-top: 10px; margin-top: 10px; }

.gallery-section {overflow:hidden;}
.gallery-section .bod_page {margin-bottom:40px;}
.gallery-section + .gallery-section {border-top:1px solid #e2e2e2; padding-top:45px; padding-bottom:100px;}




/** -------------------------------------- Page */

.bod_page {clear:both; margin-bottom:80px;}
.bod_page > a,
.bod_page > span,
.bod_page .paging > a,
.bod_page .paging > span  {width:35px; height:35px; text-align:center; line-height:35px; box-sizing:border-box; border:none; margin:0; vertical-align:middle; font-size:16px; padding:0 7px;}
.bod_page > span,
.bod_page .paging > span {text-decoration:underline; color:#3f51b5;}

.bod_page > a.btn_frist,
.bod_page > a.btn_10prev,
.bod_page > a.btn_10next,
.bod_page > a.btn_end,
.bod_page .paging > .pre,
.bod_page .paging > .pre_end,
.bod_page .paging > .next,
.bod_page .paging > .next_end {width:40px; height:40px; border:1px solid #dddddd; overflow:hidden; text-indent:-999px; text-align:left; background:url('../img/common/spr_layout.png') no-repeat -127px -112px;}
.bod_page > a.btn_10prev {margin-left:3px;}
.bod_page > a.btn_10next {margin-right:3px;}
.bod_page > a.btn_10prev,
.bod_page .paging > .pre {background-position:-174px -112px; margin-right:10px;}
.bod_page > a.btn_10next,
.bod_page .paging > .next {background-position:-228px -112px; margin-left:10px;}
.bod_page > a.btn_end,
.bod_page .paging > .next_end {background-position:-275px -112px;}


/** -------------------------------------- Cart */

.kept_cart {display:block; position:fixed; right:10px; bottom:250px; width:106px; height:106px; z-index:2}
.kept_cart button {display:block; position:relative; width:100%; height:100%; overflow:hidden; text-indent:-999px; background:url('../img/common/btn_open_cart.png') no-repeat 50% 50%; background-size:contain;}

.kept_images {display:none; width: 100%; background-color: #fff; padding-top:13px; box-sizing:border-box; border:1px solid #000; border-left-width:0; border-right-width:0; position: fixed; bottom: 0px; left: 0px; z-index:100;}
.kept_images .inner {position:relative; padding-right:230px; height:100%;}
.kept_images .fL {position:relative; overflow:hidden; float:none; padding:0 50px; min-height:110px;}
.kept_images .fL .control > * {display:block; position:absolute; width:50px; height:92px; top:10px; overflow:hidden; text-indent:-999px;}
.kept_images .fL .control > *:before {content:""; display:block; position:absolute; width:7px; height:12px; top:50%; margin-top:-6px; background:url('../img/common/spr_layout.png') no-repeat;}
.kept_images .fL .prev {left:0;}
.kept_images .fL .prev:before {left:30px; background-position:-95px -37px !important;}
.kept_images .fL .next {right:0;}
.kept_images .fL .next:before {right:30px; background-position:-142px -37px !important;}
.kept_images .fR {position:absolute; top:8px; bottom:0; right:20px; width:210px; float:none;}
.kept_images .fR p {font-size:15px; color:#222; font-weight:600; text-align:center; padding:7px 0; line-height:1.3;}
.kept_images .fR p em {color:#6b79c6;}
.kept_images .fR .btn {display:block; position:relative; height:54px; line-height:54px; border:none; padding:0; margin:0; background:#222222; color:#fff; text-align:center; font-size:15px;}
.kept_images .fR .btn:before {content:""; display:inline-block; position:relative; margin-top:-5px; margin-right:8px; width:17px; height:20px; vertical-align:middle; background:url('../img/common/spr_layout.png') no-repeat -139px -74px;}
.kept_images .fR .close {display:block; position:absolute; width:30px; height:30px; top:-10px; right:-10px; overflow:hidden; text-indent:-999px; background:url('../img/common/spr_layout.png') no-repeat 8px 8px;}
.kept_images .track {display:block; width:100%; overflow:auto;}
.kept_images ul {white-space:nowrap; display:inline-block;}
.kept_images ul > li {display:inline-block; vertical-align:middle; position:relative; text-align: center; padding:8px; }
.kept_images ul > li > button {position: absolute;top:0; right:0; width:21px; height:21px; border-radius:100%; background:url('../img/common/spr_layout.png') no-repeat -299px -33px rgba(0,0,0,.8); overflow:hidden; text-indent:-999px; z-index:1;}
.kept_images ul > li > div {position: relative; width:130px; height:92px; border:1px solid #eeeeee; overflow:hidden; background:#999; z-index:0;}
.kept_images ul > li > div > img {display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); max-width:100%; max-height:100%;}

.kept_images .scrollbar-rail > .scroll-content.scroll-scrollx_visible {margin-top:0; top:0;}
.kept_images .scrollbar-rail > .scroll-element.scroll-x {opacity:0; transition:opacity .3s; -webkit-transition:opacity .3s;}
.kept_images .fL:hover .scrollbar-rail > .scroll-element.scroll-x {opacity:1;}

@media all and (max-width:1400px) {
	.kept_cart {right:0;}
}
@media all and (max-width:860px) {
	.kept_cart {max-width:25%; bottom:50px;}
	.kept_images {height:auto;}
	.kept_images .inner {padding-right:0; height:auto;}
	.kept_images .fR {position:relative; width:auto; top:auto; right:auto; width:auto; overflow:hidden; bottom:auto; padding:0 10px; margin-bottom:10px; padding-right:50px;}
	.kept_images .fR > p,
	.kept_images .fR > a {display:block;}
	.kept_images .fR > p {float:left; padding:0; line-height:45px;}
	.kept_images .fR .btn {float:right; height:40px; line-height:40px; padding:0 10px; font-size:13px;}
	.kept_images .fR .close {right:7px; top:7px;}

	.kept_images .fL .control > * {width:40px;}
	.kept_images .fL .prev:before {left:20px;}
	.kept_images .fL .next:before {right:20px;}
}



/**************************************************************
	본인인증 패이지
**************************************************************/

.realNameNotice {display:table; width:100%; padding:35px 20px; box-sizing:border-box; margin-bottom:30px; table-layout:fixed; border:3px solid #eeeeee;}
.realNameNotice > * {display:table-cell; vertical-align:middle;}
.realNameNotice .icon {width:282px; text-align:center;}
.realNameNotice .icon img {max-width:51.428%;}
.realNameNotice .tit {font-size:24px; color:#222222; font-weight:800; line-height:1.2; margin-bottom:20px; word-break:keep-all;}
.realNameNotice .con {font-size:14px; color:#666666;}
.realNameNotice .con li {position:relative; padding-left:10px; line-height:1.5;}
.realNameNotice .con li:before {content:""; display:block; position:absolute; width:2px; height:2px; background:#666; left:0; top:10px;}

.realnameWrap {margin-bottom:120px;}
.realnameWrap .item-realname {width:50%;}
.realnameWrap .item-realname .item-inner {padding:77px  20px 155px; height:340px; text-align:center;}
.realnameWrap .item-realname .title {font-szie:20px; color:#222222;}
.realnameWrap .item-realname .real-message {max-width:320px; margin:0 auto;}
.realnameWrap .item-realname .real-message ul {display:inline-block; max-width:100%; text-align:left;}
.realnameWrap .item-realname .real-message ul li {position:relative; padding-left:10px; line-height:1.5; color:#666666;}
.realnameWrap .item-realname .real-message ul li:before {content:""; display:block; position:absolute; width:2px; height:2px; background:#666; left:0; top:10px;}
.realnameWrap .item-realname .real-message ul li + li {margin-top:0;}

.realnameWrap .item-realname .real-btnBox {padding:0 0 68px 0;}
.realnameWrap .item-realname .real-btn {border-width:1px; margin:2px; height:52px; line-height:50px; vertical-align:middle; padding:0 2.5em; font-size:15px; background:#3f51b5; border-color:#3f51b5; color:#fff; font-weight:600;}
.realnameWrap .item-realname .real-btn.cancel {border-color:#222 !important; background:#fff !important; color:#222; font-weight:400;}
.realnameWrap .item-realname  + .item-realname .real-btn {background:#0099d6; border-color:#0099d6;}

@media all and (max-width:1200px) {
	.realnameWrap .item-realname {width:40%;}
	.realnameWrap .item-realname + .item-realname {width:60%;}
}
@media all and (max-width:1024px) {
	.realnameWrap .item-realname {width:auto !important; float:none;}
	.realnameWrap .item-realname .item-inner {padding:40px  20px 40px; height:auto;}
	.realnameWrap .item-realname .real-btnBox {position:relative; padding:20px 20px 0;}
}
@media all and (max-width:720px) {
	.realNameNotice .icon {width:200px;}
}
@media all and (max-width:520px) {
	.realnameWrap .item-realname .real-btn {display:block; margin:5px 0; width:100%;}
	.realNameNotice {display:block;}
	.realNameNotice > * {display:block; clear:both;}
	.realNameNotice .icon {padding:0 20px 20px; width:auto; padding-bottom:30px;}
	.realNameNotice .tit {text-align:center; font-sioze:20px;}
}



/**************************************************************
	개인정보 수집 및 이용 안내
**************************************************************/

.personalBox .scroll {padding:25px 40px; background:#f6f6f6; border:1px solid #eeeeee; height:150px; overflow:auto; box-sizing:border-box; font-size:14px; color:#666666; line-height:1.5;}
.personalBox .scroll li li {position:relative; padding-left:.5em;}
.personalBox .scroll li li:before {content:"-"; position:absolute; top:0; left:0;}
.minAgree input,
.minAgree label {vertical-align:middle;}

.photo_req_tab .pic-tit {margin-top:30px;}

.user_state {border-top:2px solid #454545; border-bottom:1px solid #cccccc; text-align:center; font-size:15px;}
.user_state th {color:#454545; padding:15px 0;}
.user_state td {color:#666666;}



/**************************************************************
	사진 신청
**************************************************************/

.photo_req_tab .btn_boxR {clear:both; margin-bottom:100px; text-align:right; padding-top:45px;}
.photo_req_tab .btn[data-photo-use-request-btn] {width:250px; margin:0; border-radius:0; border:1px solid #222; font-size:16px; height:60px; background:#222222; color:#fff; font-weight:600;}
.photo_req_tab .btn[data-photo-use-request-btn]:before {content:""; display:inline-block; position:relative; margin-top:-5px; margin-right:8px; width:17px; height:20px; vertical-align:middle; background:url('../img/common/spr_layout.png') no-repeat -139px -74px;}

.photo_list.kept_image > ul > li {width:16.66%;}
.photo_list.kept_image > ul > li > p {padding:14px 12px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.photo_list.kept_image > ul > li > button {position: absolute; top:9px; right:9px; width:21px; height:21px; background:url('../img/common/spr_layout.png') no-repeat -299px -33px rgba(0,0,0,.8); overflow:hidden; text-indent:-999px; z-index:1;}

@media all and (max-width:1200px) {
	.photo_list.kept_image > ul {margin:0 -5px;}
	.photo_list.kept_image > ul > li {padding:5px;}
	.photo_list.kept_image > ul > li > button {top:5px; right:5px;}
}
@media all and (max-width:870px) {
	.photo_list.kept_image > ul > li {width:20%;}
}
@media all and (max-width:740px) {
	.photo_list.kept_image > ul > li {width:25%;}
}
@media all and (max-width:640px) {
	.photo_req_tab .btn[data-photo-use-request-btn] {display:block; width:100%;}
}
@media all and (max-width:600px) {
	.photo_list.kept_image > ul > li {width:33.33%;}
}
@media all and (max-width:420px) {
	.photo_list.kept_image > ul > li {width:50%; float:left;}
}



/**************************************************************
	신청 내용 확인
**************************************************************/

.photo_list.req_list > ul > li {width:25%;}
.photo_list.req_list .req_info {display:block; position:relative; border:1px solid #e6e6e6; padding:29px;}
.photo_list.req_list .subj {font-size:18px; font-weight:800; color:#222; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:5px;}
.photo_list.req_list dl {display:table; width:100%; table-layout:fixed;}
.photo_list.req_list dl > * {display:table-cell; vertical-align:top; padding:2px 0;}
.photo_list.req_list dl dt {width:60px; padding-right:10px; font-weight:600;}
.photo_list.req_list dl.point {color:#ff0b0b;}
.photo_list.req_list dl.point > * {font-weight:600;}
.photo_list.req_list .btn_box {overflow:hidden; padding-top:25px; margin-top:25px; border-top:1px solid #e6e6e6;}
.photo_list.req_list .btn_box .btn {display:block; position:relative; height:52px; line-height:50px; padding:0; border:1px solid transparent; margin:0; background:#333; color:#fff; font-size:15px;}
.photo_list.req_list .btn_box .btn:before {display:none;}
.photo_list.req_list .btn_box .btn.cancel {border-color:#222; color:#222; background:transparent;}
.photo_list.req_list .btn_box .btn.full {width:100%;}
.photo_list.req_list .btn_box .btn.half {width:49%; float:left;}
.photo_list.req_list .btn_box .btn.half + .btn.half {float:right;}
.photo_list.req_list .btn_box .btn.down {background:#3f51b5; border-color:#3f51b5;}
.photo_list.req_list .btn_box .btn.down:before {content:""; display:inline-block; position:relative; margin-top:-5px; margin-right:8px; width:17px; height:20px; vertical-align:middle; background:url('../img/common/spr_layout.png') no-repeat -139px -74px; left:auto; top:auto;}
.photo_list.req_list .btn_box .btn.none {background:#9e9e9e; border-color:#9e9e9e;}

@media all and (max-width:1200px) {
	.photo_list.req_list > ul > li {width:33.33%;}
	.photo_list.req_list .req_info {padding:15px 10px;}
	.photo_list.req_list .btn_box {margin-top:15px; padding-top:15px;}
	.photo_list.req_list .btn_box .btn {height:45px; line-height:43px; font-size:14px;}
}
@media all and (max-width:750px) {
	.photo_list.req_list > ul > li {width:50%;}
}
@media all and (max-width:465px) {
	.photo_list.req_list > ul > li {width:auto; float:none;}
}

/* gnb */
.gnb_wrap .gnb .link_box{display:none;}

@media all and (max-width:1024px) {
	.open_kw, .open_mn, .close_kw {top:0; background:#2f4178;}
	.lnb_wrap {height:auto;}
	.lnb_wrap .lnb{display:none;}

	.menu_mobile {height:100% !important; width:auto !important;}
	.menu_mobile > img {display:block; height:100%; max-width:10000%;}
	.menu-btn {position:absolute; top:0; left:0; right:0; bottom:0;}
	.menu-btn .bar {display:block; position:absolute; top:50%; margin:-1px auto; width:24px; height:2px;}
	.menu-btn .bar-01 {margin-top:-10px;}
	.menu-btn .bar-03 {margin-top:8px;}
	.menu-btn {height:100%;}

	.gnb_wrap .gnb{padding:7px 15px; box-sizing:border-box;}
	.gnb_wrap .gnb .link{display:none;}
	.gnb_wrap .gnb .link_box{position:relative; display:block; box-sizing:border-box; width:120px;}
	.gnb_wrap .gnb .link_box .link_list dt{position:relative; background:none; border:1px solid #fff; padding:2px 0 0 10px; line-height:18px; box-sizing:border-box;}
	.gnb_wrap .gnb .link_box .link_list dt:after{content:''; display:block; position:absolute; right:7px; top:50%; margin-top:-2.5px; border-left:4px solid transparent; border-top:5px solid #fff; border-right:4px solid transparent; border-bottom:4px solid transparent;}
	.gnb_wrap .gnb .link_box .link_list dt a{color:#fff; width:100%; height:100%; display:block; font-size:12px; font-weight:500;}
	.gnb_wrap .gnb .link_box .link_list dd{position:absolute; z-index:100; width:100%; border:1px solid #fff; border-top:0; border-bottom:0; box-sizing:border-box;}
	.gnb_wrap .gnb .link_box .link_list dd li a{background:#5366af; border-bottom:1px solid #fff; display:block; font-size:12px; padding:2px 12px 0; box-sizing:border-box; width:100%; height:100%; color:#fff;}
	.gnb_wrap .gnb .link_box .link_list dd li a:hover{background:#798dd6;}

	.gnb_wrap .gnb{width:100%;}
	.gnb_wrap .gnb .default_info{display:none;}
	.gnb_wrap .gnb .link_right{display:none;}
	.gnb_wrap .gnb .link{display:none;}
	.gnb_wrap .gnb .link li.link_library{background: #049898;}


	#footer_wrap .link_area .con{width:100%; padding:0;}
	#footer{width:100%; padding:0 20px 40px;}
	#footer address{padding-top:20px;}
	#footer_wrap .link_area{height:100%;}
	#footer_wrap .link_area .con > ul > li{width: 50%;}
	#footer_wrap .link_area .con > ul > li:first-child{border-left:0;}
	#footer_wrap .link_area .con > ul > #site_link01, #footer_wrap .link_area .con > ul > #site_link02{border-bottom:1px solid #8b8b8b;}
	#footer .user_info li{margin:0 10px;}
	#footer .user_info li:before{left:-11px;}

	#container_wrap{width:100% !important;}
	#container #left{display:none;}
	#container #contents{width:100% !important; float:none !important; padding:0 20px; box-sizing:border-box;}
}

/* 사진 신청절차 */
@font-face {
    font-family:'jost', sans-serif;
    src: url(/common/font/JostM.eot);
	src: url(/common/font/JostM.eot?#iefix) format('embedded-opentype'), url(/common/font/JostM.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'jost', sans-serif;
    src: url(/common/font/JostB.eot);
	src: url(/common/font/JostB.eot?#iefix) format('embedded-opentype'), url(/common/font/JostB.woff) format('woff');
    font-weight: bold;
}

img {max-width:100%;}
.list_step {margin:40px 0 30px;}
.list_step:after {content:''; display:block; clear:both;}
.list_step li {width:20%; margin-bottom:30px; float:left; position:relative;}
.list_step li:after {content:''; display:block; position:absolute; width:143px; height:12px; background:url(/photo/img/common/flow_arrow.png) no-repeat; top:50%; right:5px; transform:translateY(-50%); z-index:-1;}
.list_step li:last-child:after {display:none;}
.list_step .con {width:180px; height:180px; text-align:center; background:#e6f0f8; border-radius:50%; position:relative; display:table;}
.list_step .con .num {font-family:'jost'; font-size:18px; color:#959eab; position:absolute; top:15px; left:50%; transform:translateX(-50%);}
.list_step .con .num span {padding-top:3px; font-size:24px; font-weight:bold; color:#6f80b6; display:block;}
.list_step .con .txt {padding-top:20px; font-size:18px; display:table-cell; vertical-align:middle;}

.box_notice {padding:40px; margin-bottom:70px; background:#f9f9f9; border:1px solid #ddd; border-radius:20px; position:relative;}
.box_notice:after {content:''; display:block; position:absolute; width:290px; height:250px; background:url(/photo/img/common/photo_notice.png) no-repeat 0 bottom; bottom:-50px; right:30px;}
.box_notice h5 {font-size:24px; font-weight:bold; color:#3f51b5;}
.list_photo {margin-top:20px;}
.list_photo li {padding-left:10px; margin-bottom:10px; position:relative; font-size:17px; line-height:1.5em;}
.list_photo li:last-child {margin-bottom:0;}
.list_photo li:before {content:''; display:block; width:4px; height:5px; background:url(/photo/img/common/spr_layout.png) no-repeat 0 -343px; position:absolute; top:9px; left:0;}

@media all and (max-width:1200px) {
	.list_step li {width:25%; margin-bottom:20px;}
	.list_step .con {width:160px; height:160px;}
	.list_step .con .txt {font-size:16px;}
	
	.box_notice:after {width:210px; background-size:contain; bottom:-30px; right:10px;}
}
@media all and (max-width:768px) {
	.list_step li {width:33.3333%;}
	
	.box_notice {padding:30px;}
	.box_notice:after {display:none;}
	.box_notice h5 {font-size:20px;}
	.list_photo {margin-top:10px;}
	.list_photo li {font-size:15px;}
	.list_photo li:before {top:7px;}
}
@media all and (max-width:640px) {
	.list_step {margin-top:20px; padding:0 20px; background:#e6f0f8; border-radius:10px;}
	.list_step li {width:auto; float:none; margin-bottom:0; padding:15px 0; border-bottom:1px solid #cfd8df;}
	.list_step li:last-child {border-bottom:0;}
	.list_step li:after {display:none;}
	.list_step .con {width:auto; height:auto; padding-left:60px; display:block; text-align:left; background:none; border-radius:0;}
	.list_step .con .num {top:50%; left:0; transform:translateY(-50%); font-size:16px;}
	.list_step .con .num span {display:inline; padding-top:0; margin-left:3px; font-size:20px;}
	.list_step .con .txt {padding:0; display:block; font-size:14px;}
	.list_step .con .txt br {display:none;}
	
	.box_notice {padding:20px; border-radius:10px;}
	.list_photo li {font-size:14px;}
	.list_photo li:before {top:6px;}
}