@font-face {
	font-family: 'Nanum Square';
	font-style: normal;
	font-weight:600;
	src: url(/css/font/NanumSquareB.eot);
	src: url(/css/font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
		url(/css/font/NanumSquareB.woff2) format('woff2'),
		url(/css/font/NanumSquareB.woff) format('woff'),
		url(/css/font/NanumSquareB.ttf) format('truetype');
}
@font-face {
	font-family: 'Nanum Square';
	font-style: normal;
	font-weight: 400;
	src: url(/css/font/NanumSquareR.eot);
	src: url(/css/font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
		url(/css/font/NanumSquareR.woff2) format('woff2'),
		url(/css/font/NanumSquareR.woff) format('woff'),
		url(/css/font/NanumSquareR.ttf) format('truetype');
}
@font-face {
	font-family: 'Nanum Square';
	font-style: normal;
	font-weight: 100;
	src: url(/css/font/NanumSquareL.eot);
	src: url(/css/font/NanumSquareL.eot?#iefix) format('embedded-opentype'),
		url(/css/font/NanumSquareL.woff) format('woff'),
		url(/css/font/NanumSquareL.ttf) format('truetype');
}

body{overflow-x:hidden; width:100%; min-width:320px;}

/* 갤러리 상세보기 새창 */
.photo_view{position:fixed; top:0; left:0; right:0; bottom:0; padding:0 200px 0 2%; color:#fff; background:#151922;}
.photo_view .container{position:relative; width:100%; height:100%; padding:0; box-sizing:border-box;}
.photo_view .header{padding:7px 0 0 0;}
.photo_view .logo{display:table-cell; display:none; vertical-align:middle; line-height:43px; font-size:25px; color:#fff;}
.photo_view .logo:before{content:''; display:inline-block; width:43px; height:44px; margin:0 10px 0 0; vertical-align:top; background:url(/images/board/photo/ico_council_w.png) no-repeat;}
.photo_view .logo span{display:inline-block; vertical-align:top;}
.photo_view .logo > span{width:calc(100% - 60px);}
.photo_view .logo span span{line-height:43px; margin:1px 0 0 20px; font-weight:400; font-family:"Nanum Square";}
.photo_view .content{position:relative; height:100%; padding:0 0 0 15.5934%; text-align:center;}

.photo_view .lnk_list{position:fixed; right:0; top:0; width:100px; height:100%; text-align:center; background:#222a3d;}
.photo_view .lnk_list a,
.photo_view .lnk_list button{position:relative; display:block; width:56px; height:56px; font-size:0; text-indent:-999px; border-radius:50%;}
.photo_view .lnk_list a:before,
.photo_view .lnk_list button:before{content:''; display:block; position:absolute; top:50%; left:50%; width:100%; height:100%; transform:translate(-50%, -50%); background:url(/images/board/photo/ico_photo.png) no-repeat 100% 0;}
.photo_view .lnk_list .bt_share.on,
.photo_view .lnk_list a:hover,
.photo_view .lnk_list button:hover{background:#2a354c;}
.photo_view .lnk_list .bt_share.on,
.photo_view .lnk_list a:hover:before,
.photo_view .lnk_list button:hover{opacity:0.7;}
.photo_view .lnk_list .close_all{width:100%; height:12.4468%; border-radius:0; background:#383b43;}
.photo_view .lnk_list .close_all:hover{background:#444751;}
.photo_view .lnk_list .close_all:before{opacity:1 !important; width:22px; height:22px; background-position:-92px 100%;}
.photo_view .lnk_list .sns{position:relative;}
.photo_view .lnk_list .sns_list{opacity:0; visibility:hidden; position:absolute; right:88px; top:0; width:70px; background:#222a3d; transition:0.3s ease-in-out;}
.photo_view .lnk_list .on + .sns_list{opacity:1; visibility:visible; right:78px;}
.photo_view .lnk_list .sns_list a,
.photo_view .lnk_list .sns_list button{width:70px; height:61px; border-radius:0;}
.photo_view .lnk_list .sns_list a:before,
.photo_view .lnk_list .sns_list button:before{opacity:1;}
.photo_view .lnk_list .sns_list .bt_clo{height:70px; border:1px solid #31353c; border-top:none; box-sizing:border-box;}
.photo_view .lnk_list .bt_fb{background:#3c5a9a;}
.photo_view .lnk_list .bt_fb:hover{background:#21489a;}
.photo_view .lnk_list .bt_tw{background:#5eaade;}
.photo_view .lnk_list .bt_tw:hover{background:#0e8ce2;}
.photo_view .lnk_list .bt_bg{background:#36ac37;}
.photo_view .lnk_list .bt_bg:hover{background:#01a202;}
.photo_view .lnk_list .bt_kko{background:#fccb00;}
.photo_view .lnk_list .bt_kko:hover{background:#fcb200;}
.photo_view .lnk_list .bt_insta{background: linear-gradient(to bottom, #3a3ee5 0%,#ed4e3b 44%,#fbd757 100%);}
.photo_view .lnk_list .bt_insta:hover{background: linear-gradient(to bottom, #3a3ee5 0%,#ed4e3b 66%,#fbd757 100%);}
.photo_view .lnk_list .bt_clo:hover{background:#1c2437;}
.photo_view .lnk_list .bt_fb:before{background-position:0 0;}
.photo_view .lnk_list .bt_tw:before{background-position:0 -61px;}
.photo_view .lnk_list .bt_bg:before{background-position:0 -122px;}
.photo_view .lnk_list .bt_kko:before{background-position:0 -183px;}
.photo_view .lnk_list .bt_insta:before{background-position:0 -244px;}
.photo_view .lnk_list .bt_clo:before{background-position:0 -305px;}
.photo_view .lnk_list ul{display:inline-block; height:100%; padding:58px 0 0 0; box-sizing:border-box;}
.photo_view .lnk_list li{height:11.7%;}
.photo_view .lnk_list .bt_original:before{background-position:100% -100px;}
.photo_view .lnk_list .bt_big:before{background-position:100% -310px;}
.photo_view .lnk_list .bt_small:before{background-position:100% -203px;}
.photo_view .lnk_list .bt_full:before{background-position:100% -413px;}
.photo_view .lnk_list .bt_down:before{background-position:100% -616px;}
.photo_view .lnk_list .bt_play:before{background-position:100% -743px;}
.photo_view .lnk_list .bt_play.on:before{background-position:100% -512px;}

.photo_view .navi_wrap{position:absolute; top:10px; left:0; width:12.43686%; height:calc(100% - 10px); padding:10.2vh 0; box-sizing:border-box;}
.photo_view .navi_list{height:100%;}
.photo_view .navi_list .slick-list{width:100%; height:100%;}
.photo_view .navi_list *{vertical-align:top;}
.photo_view .navi_list .slick-slide{margin:0.9vh 0;}
.photo_view .navi_list .list{display:block; position:relative; width:100%; border-radius:5px; cursor:pointer; box-sizing:border-box;}
.photo_view .navi_list .list:before{content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:5px;}
.photo_view .navi_list .slick-current .list:before,
.photo_view .navi_list .list:hover:before{box-shadow:inset 0 0 0 5px #38dca0;}
.photo_view .navi_list img{width:100%; height:13vh; border-radius:5px;}
.photo_view .btn_move{position:absolute; top:0; left:0; z-index:55; width:100%; height:7.7vh; border-radius:5px; font-size:0; text-indent:-999px; background:#575757;}
.photo_view .btn_move.right{top:auto; bottom:2.7vh;}
.photo_view .btn_move:before{content:''; display:block; position:absolute; top:50%; left:50%; width:21px; height:12px; transform:translate(-50%, -50%); background:url(/images/board/photo/ico_photo.png) no-repeat -92px -955px;}
.photo_view .btn_move.left:before{background-position:100% -955px;}
.photo_view .btn_move:hover{background-color:#3853dc;}

.photo_view .big_wrap{position:relative; height:100%; box-sizing:border-box;}
.photo_view .big_wrap .inner{overflow:hidden; height:calc(100% - 133px);}
.photo_view .big_wrap *{height:100%;}
.photo_view .big_list .list{float:left; width:100%;}
.photo_view .big_list .list img{display:inline-block; height:auto; width:auto; max-height:100%; max-width:100%; border-radius:10px;}
.photo_view .big_list .list .title{position:absolute; bottom:0; left:0; height:auto; width:100%; padding:15px; color:rgba(255,255,255,0.95); background:rgba(0,0,0,0.35); border-radius:0 0 10px 10px; box-sizing:border-box;}
/*.photo_view .big_list .list:hover .title{bottom:-150px; transition:0.6s ease-in-out;}*/

.photo_view .tit {position:absolute; bottom:0; left:0; overflow:hidden; width:100%; height:110px; padding:35px 50px 0 42px; font-size:17px; line-height:130%; border-radius:10px 10px 0 0; box-sizing:border-box; text-align:left; background:#1d2432;}
.photo_view .tit *{height:auto;}
.photo_view .sbj{display:inline-block; position:relative; max-width:65%; padding:0 0 0 17px; line-height:140%; font-size:25px; font-weight:600; color:#fff; box-sizing:border-box; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.photo_view .sbj:before{content:''; position: absolute; top:5px; left:0; display:inline-block; width:5px; height:23px; background:#38dca0; vertical-align:top;}
.photo_view .sbj_s{float:left; max-width:28%; height:44px; line-height:22px; margin:10px 0 0 0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.photo_view .author{float:right; padding:5px 0 0 0; font-size:18px;}
.photo_view .author *{display:inline-block; vertical-align:top;}
.photo_view .author li:before{content:''; display:inline-block; width:1px; height:14px; margin:-1px 18px 0 18px; background:rgba(255,255,255,0.3); vertical-align:middle;}
.photo_view .author li:first-child:before{display:none;}

.photo_view .page{padding:0 0 0 57px; font-size:26px; font-family:"roboto";}
.photo_view .page .current{color:#38dca0; font-weight:600;}

@media all and (max-width:1580px){
	.photo_view .tit{padding-right:32px;}
	.photo_view .sbj_s{max-width:23%;}
	.photo_view .author li:before{margin:-1px 15px 0 15px;}
	.photo_view .page{padding:0 0 0 30px;}
}
@media all and (max-width:1280px){
	.photo_view .tit{padding:20px 25px 0 35px; font-size:16px;}
	.photo_view .sbj{max-width:100%; font-size:22px;}
	.photo_view .sbj_s{max-width:35%; margin:3px 0 0 0;}
	.photo_view .author{width:100%; padding:10px 0 0 18px; font-size:17px; box-sizing:border-box; text-align:right;}
	.photo_view .page{font-size:23px;}
}
@media all and (max-width:1024px){
	.photo_view .logo{font-size:24px;}
	.photo_view .big_wrap .inner{height:calc(100% - 180px);}
	.photo_view .big_list .list:hover .title{bottom:0;}
	.photo_view .tit{height:auto; padding:20px 25px; font-size:15px;}
	.photo_view .sbj,
	.photo_view .sbj_s{width:100%; max-width:100%;}
	.photo_view .sbj{padding:0 0 0 15px; font-size:20px; white-space:normal;}
	.photo_view .sbj:before{height:20px; top:4px;}
	.photo_view .sbj_s{height:38px; line-height:19px; padding:0 0 0 12px; box-sizing:border-box;}
	.photo_view .author{padding:10px 0 0 0; font-size:16px;}
	.photo_view .page{font-size:19px;}
	.photo_view{padding:0 165px 0 2%;}
	.photo_view .lnk_list{width:80px;}
	.photo_view .lnk_list ul{padding:4.5vh 0 0 0;}
	.photo_view .lnk_list li{height:13%;}
	.photo_view .lnk_list .sns_list{right:78px;}
	.photo_view .lnk_list .on + .sns_list{right:68px;}
}
@media all and (max-width:768px){
	.photo_view .logo{font-size:22px;}
	.photo_view .logo span span{margin:1px 0 0 15px; font-size:92%;}
	.photo_view .logo:before{height:39px; width:39px; background-size:contain}

	.photo_view .content{padding:0 0 19vh; box-sizing:border-box;}

	.photo_view .big_wrap .inner{height:calc(100% - 165px);}

	.photo_view .navi_wrap{top:auto; bottom:20px; width:100%; height:auto; padding:0 16%;}
	.photo_view .navi_list .slick-slide{margin:0 5px;}
	
	.photo_view .btn_move{width:14%; height:100%;}
	.photo_view .btn_move.right{left:auto; bottom:0; right:0;}
	.photo_view .btn_move:before{margin:-5px 0 0 -10px; transform:rotate(-90deg);}

	.photo_view .tit{margin:10px 0 0 0; padding:12px 25px; font-size:14px;}
	.photo_view .author{font-size:15px;}
	.photo_view .sbj,
	.photo_view .page{font-size:18px;}
	.photo_view .page{padding:0 0 0 20px;}
	.photo_view .sbj_s{padding-left:14px;}
	.photo_view .sbj:before{top:3px; width:4px; height:18px; margin:0 8px 0 0;}
	.photo_view .author li:before{margin:-1px 5px 0 4px;}
}
@media all and (max-width:568px){
	.photo_view {padding-right:2%;}

	.photo_view .logo{line-height:110%; font-size:13px;}
	.photo_view .logo strong{font-weight:200;}
	.photo_view .logo span{display:inline-block; vertical-align:top;}
	.photo_view .logo span span{display:block; line-height:120%; margin:2px 0 0 0; font-size:20px; font-weight:600;}
	
	.photo_view .content{height:calc(100% - 72px); padding:0 0 14.5vh;}
	.photo_view .navi_list img{height:9vh;}
	
	.photo_view .big_wrap .inner{height:calc(100% - 153px);}
	.photo_view .tit{padding:12px 15px; font-size:13px;}
	.photo_view .sbj{font-size:17px;}
	.photo_view .page{padding:0 0 0 13px; font-size:18px;}
	.photo_view .author{font-size:14px;}
	.photo_view .sbj:before{height:17px;}

	.photo_view .lnk_list{position:static; width:100%; margin:0 0 20px;}
	.photo_view .lnk_list:after{content:''; display:block; clear:both; width:100%;}
	.photo_view .lnk_list .close_all{float:left; width:14.28%; height:45px; margin:0;}
	.photo_view .lnk_list ul{float:left; width:85.72%; padding:0;}
	.photo_view .lnk_list li{float:left; width:16.66%;}
	.photo_view .lnk_list .sns_list{z-index:2; right:auto; left:-10px; top:45px; width:225px;}
	.photo_view .lnk_list .on + .sns_list{right:auto; left:0;}
	.photo_view .lnk_list a, .photo_view .lnk_list button{float:left; width:45px; height:45px;}
	.photo_view .lnk_list a:before,
	.photo_view .lnk_list button:before{background-size:120px;}
	.photo_view .lnk_list .sns_list a,
	.photo_view .lnk_list .sns_list .bt_clo{width:45px; height:40px;}
	.photo_view .lnk_list button:before{background-position:-76px 0px;}
	.photo_view .lnk_list .bt_original:before{background-position:-74px -82px;}
	.photo_view .lnk_list .bt_big:before{background-position:-74px -253px;}
	.photo_view .lnk_list .bt_small:before{background-position:-74px -167px;}
	.photo_view .lnk_list .bt_full:before{background-position:-74px -403px;}
	.photo_view .lnk_list .bt_play:before{background-position:-74px -604px;}
	.photo_view .lnk_list .bt_play.on:before{background-position:-74px -416px;}
	.photo_view .lnk_list .bt_down:before{background-position:-74px -500px;}
	.photo_view .lnk_list .close_all:before{background-position:-72px -831px;}
	.photo_view .lnk_list .bt_fb:before{background-position:-7px -7px;}
	.photo_view .lnk_list .bt_tw:before{background-position:-7px -55px;}
	.photo_view .lnk_list .bt_bg:before{background-position:-7px -104px;}
	.photo_view .lnk_list .bt_kko:before{background-position:-7px -154px;}
	.photo_view .lnk_list .bt_insta:before{background-position:-7px -202px;}
	.photo_view .lnk_list .bt_clo:before{background-position:-7px -259px;}
}
@media all and (max-width:380px){
	.photo_view .logo{font-size:12px;}
	.photo_view .logo:before{height:36px; margin:0 8px 0 0;}
	.photo_view .logo span span{margin:1px 0 0 0; font-size:19px;}

	.photo_view .sbj{font-size:16px;}
	.photo_view .page{font-size:17px;}
	.photo_view .tit{padding:12px; font-size:12px;}
	.photo_view .author{font-size:13px;}
}