@charset "utf-8";
@font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight: 400; src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot'); src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype'); } @font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight: 700; src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot'); src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype') } @font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight: 300; src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot'); src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype'); } 

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button,a {margin:0;padding:0;box-sizing: border-box}
body{font-size:12px;line-height:1.5;font-family: 'Apple SD Gothic Neo', 'NanumBarunGothic', '맑은 고딕','Malgun Gothic','돋움','dotum','sans-serif';letter-spacing: -0.03em;background-color: #fff}
dl,ul,ol,menu,li {list-style:none}
blockquote, q{quotes: none}
img {border:0 none}
button {border:0 none;background-color:transparent} 
a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:none}
/*공통*/
.clearfx:after{content: "";display: block;clear: both}
.icon{display: inline-block;background-repeat: no-repeat;background-size: contain;background-position: 50%;color: transparent}
.none{display: none}
.wrap{min-width: 1200px}
.right{position: absolute;right: 0}

/*네비게이션*/
.nav-wrap.main{position: fixed;top: 0;left: 0;right: 0;background-color: rgba(0,0,0,0.7);z-index: 10;-webkit-transition: all 0.8s;-o-transition: all 0.8s;transition: all 0.8s}
.nav-wrap > .nav {max-width: 1100px;margin: 0 auto;height: 75px;padding: 17px;overflow: hidden}
.nav-wrap > .nav > .nav-lt{float: left}
.nav-wrap > .nav > .nav-lt > a{vertical-align: middle}
.nav-wrap > .nav > .nav-lt > .drawer{width: 40px;height: 40px;display: inline-block;padding: 8px 6px;margin-right: 5px;background-image: url(https://ojsimg.ohmynews.com/images/ohmyphoto2018/menu.svg);background-size: 26px}
.nav-wrap > .nav > .nav-lt > .photo-logo{width: 150px;height: 40px;background-image: url(https://ojsimg.ohmynews.com/images/ohmyphoto2018/ohmyphoto-w.svg);background-size: 140px}
.nav-wrap > .nav > .nav-rt{float: right}
.nav-wrap > .nav > .nav-rt > li{float: left;display: inline-block;margin: 0 10px}
.nav-wrap > .nav > .nav-rt > li > a{position: relative;display: block;color: rgba(255,255,255,0.9);font-size: 16px;padding: 0 5px;height: 40px;line-height: 40px}
.nav-wrap > .nav > .nav-rt > li > a:after{opacity: 0;content: "";position: absolute;bottom: 2px;left: 10px;right: 10px;height: 2px;background-color: #2e72d0;transition: all 0.3s ease-out}
.nav-wrap > .nav > .nav-rt > li > a.on:after,
.nav-wrap > .nav > .nav-rt > li > a:hover:after{opacity: 1}
.nav-wrap.white{background-color: #fff}
.nav-wrap.white > .nav > .nav-rt > li > a{color: #333}
.nav-wrap.white > .nav > .nav-lt > .drawer{background-image: url(https://ojsimg.ohmynews.com/images/ohmyphoto2018/menu-b.svg)} 
.nav-wrap.white > .nav > .nav-lt > .photo-logo{background-image: url(https://ojsimg.ohmynews.com/images/mobile_2017/ohmyphoto.svg)}

/*드로어 네비게이션*/
.nav-wrap > .navigation{z-index: 2;position: absolute;left: 0;top: 0;visibility: hidden;width: 250px;background-color: #fff;height: 100vh;text-align: center;transition: all 0.5s ease-out;transform: translateX(-10px);opacity: 0;-webkit-box-shadow: 4px 0px 8px 0px rgba(0,0,0,0.2);-moz-box-shadow: 4px 0px 8px 0px rgba(0,0,0,0.2);box-shadow: 4px 0px 8px 0px rgba(0,0,0,0.2)}
.nav-wrap > .navigation.on{visibility: visible;transform: translateX(0);opacity: 1}
.nav-wrap > .navigation > .logo-box{padding: 0 20px;height: 75px;line-height: 75px}
.nav-wrap > .navigation > .logo-box > a{vertical-align: middle}
.nav-wrap > .navigation > .logo-box > .nav-close{width: 40px;height: 40px;background-size: 20px;background-image: url(https://ojsimg.ohmynews.com/images/ohmyphoto2018/gal_close.svg);opacity: 0.7;background-position: 50% 42%}
.nav-wrap > .navigation > .logo-box > .photo-logo{width: 150px;height: 40px;background-image: url(https://ojsimg.ohmynews.com/images/ohmyphoto2018/ohmyphoto-b.svg);background-size: 140px}
.nav-wrap > .navigation > .login-box{background-color: #f4f4f4;border-top: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;padding: 15px 22px 15px 28px;height: 115px}
.nav-wrap > .navigation > .login-box > p{font-size: 14px;margin: 12px 0 10px;color: #777}
.nav-wrap > .navigation > .login-box > p > strong{color: #000}
.nav-wrap > .navigation > .login-box > .member-wrap{position: relative;text-align: left;margin-left: 3px}
.nav-wrap > .navigation > .login-box > .member-wrap > *{display: block}
.nav-wrap > .navigation > .login-box > .member-wrap > .name{color: #333;font-size: 15px}
.nav-wrap > .navigation > .login-box > .member-wrap > .id{color: #777;font-size: 12px}
.nav-wrap > .navigation > .login-box > .member-wrap > .myroom{position: absolute;right: -4px;top: 0;width: 40px;height: 40px}
.nav-wrap > .navigation > .login-box > .member-wrap > .myroom > span{display: block}
.nav-wrap > .navigation > .login-box > .member-wrap > .myroom > .icon{width: 22px;height: 22px;margin: 0 auto;background-image: url(https://ojsimg.ohmynews.com/images/ohmyphoto2018/my_c_app.svg)}
.nav-wrap > .navigation > .login-box > .member-wrap > .myroom > .icon + span{font-size: 11px;color: #888;text-align: center;margin-top: 4px}
.nav-wrap > .navigation > .login-box > .btns{display: inline-block;color: #666;font-size: 12px;padding: 0 22px;height: 25px;line-height: 24px;border: 1px solid #ccc;border-radius: 3px;margin-top: 16px}
.pc .nav-wrap > .navigation > .login-box > .btns{padding: 0 17px;line-height: 22px}
.nav-wrap > .navigation > .login-box > .btns:hover{background-color: #e9e9e9}
.nav-wrap > .navigation > .login-box > a:last-child{margin-left: 3px}
.nav-wrap > .navigation > h2{font-size: 12px;color: #fff;background-color: #454545;font-weight: 400;padding: 5px 0}
.nav-wrap > .navigation > ul{padding: 20px 0;margin-bottom: 10px}
.nav-wrap > .navigation > ul > li{margin-bottom: 1px}
.nav-wrap > .navigation > ul > li > a{display: block;font-size: 16px;color: #333;padding: 5px 0}
.nav-wrap > .navigation > ul > li > a:hover{color: #4b7bba}
.nav-wrap > .navigation > ul:last-child{background-color: #f4f4f4}

.content-wrap{ width: 100%; margin: 0 auto; min-width: 1200px;}

.content-wrap > .body-wrap{position: relative;text-align: center} 
.content-wrap > .body-wrap:last-child{padding-bottom: 180px} 
.body-wrap > .top-wrap{position: relative} 
h2.subtit{position: relative;font-size: 30px;color: #222;font-weight: 400;display: inline-block;padding-bottom: 10px;margin-bottom: 40px} 
h2.subtit:after{position: absolute;content: "";left: 20px;right: 20px;bottom: 2px;height: 2px;display: block;background-color: #2e72d0} 
.gal-list{max-width: 1100px;margin: 0 auto} 
.gal-list > li{display: inline-block;margin: 20px 23px;float: left;width: 320px;height: 320px} 
.gal-list > li > a{position: relative;display: block;height: inherit;overflow: hidden} 
.gal-list > li > a:hover > .thumb-bg{-webkit-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1)} 
.gal-list > li > a:before {z-index:1;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);content: ""} 
.gal-list > li > a > .thumb-wrap{z-index:1;position: absolute;left: 35px;right: 35px;bottom: 0;top: 0}
.gal-list > li > a > .thumb-wrap > .gal-tit{height: 60px;display: flex;align-items: center;margin-top: 115px} 
.gal-list > li > a > .thumb-wrap > .gal-tit > strong{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;width: 100%;color: #fff;font-size: 24px;font-weight: 400;letter-spacing: -0.05em;line-height: 28px} 
.gal-list > li > a > .thumb-wrap > .count{display: inline-block;margin-top: 20px;border: 1px solid #fff;padding: 0 15px;height: 20px;line-height: 21px;color: #fff} 
.gal-list > li > a > .thumb-wrap > .count > b{margin-right: 3px}
.gal-list > li > a > .thumb-bg{background-size: cover;background-position: 50% 0;background-repeat: no-repeat;display: block;height: inherit;-webkit-transition: all .4s ease-out;-o-transition: all .4s ease-out;transition: all .4s ease-out}
.gal-list.row4 > li{width: 265px;height: 265px;margin: 5px}
.gal-list.row4 > li > a > .thumb-wrap > .gal-tit {margin-top: 90px}

.footer-wrap{opacity: 0;position: fixed;bottom: 0;left: 0;right: 0;background-color: rgba(15,15,15,0.9);z-index: 10;-webkit-transition: all 0.8s;-o-transition: all 0.8s;transition: all 0.5s;-webkit-transform: translateY(10%);transform: translateY(10%)}
.footer-wrap.on{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0)}
.footer-wrap > .footer{max-width: 1100px;margin: 0 auto;height: 50px;padding: 15px 0;overflow: hidden;text-align: right}
.footer > ul{float: left}
.footer > ul > li{float: left;display: inline-block}
.footer > ul > li:after{content: "";background-color: rgba(255,255,255,0.3);margin: 0 8px;height: 8px;width: 1px;display: inline-block}
.footer > ul > li:last-child:after{content: none}
.footer > ul > li > a{font-size: 12px;color: #fff;display: inline-block;font-weight: 300}
.footer > ul > li > a > strong{font-weight: 600}
.footer > .copy{vertical-align: middle;color: rgba(255,255,255,0.4);font-size: 12px;font-weight: 300;letter-spacing: 0;margin-right: 12px}
.footer > .omn-logo{vertical-align: middle;background-image: url(https://ojsimg.ohmynews.com/images/mobile_2017/ohmynews_w.svg);width: 80px;height: 25px;opacity: 0.6} 

/*탑버튼*/
.icon[class*="goto"]{position: fixed;bottom: 65px;right: 50%;border: 1px solid #cfd3da;border-radius: 2px;width: 40px;height: 40px;}
.gototop{margin-right: -610px;background-color: #fff;background-image: url(https://ojsimg.ohmynews.com/images/ohmyphoto2018/gototop.svg);background-size: 28px}
.gotoback{margin-right: -660px;background-color: #f3f5f7;background-image: url(https://ojsimg.ohmynews.com/images/ohmyphoto2018/gotoback.svg);background-size: 24px}

/*오픈 후 작업 = 페북, 트위터 버튼 추가 180822*/
.nav-wrap > .nav > .nav-lt > .fb{width: 20px;height: 20px;margin-left: 14px;padding:13px;box-sizing:border-box;border: 1px solid #fff;border-radius: 50%;background-image: url(https://ojsimg.ohmynews.com/images/mobile_2017/fb_w.svg);background-size: 60%;background-position:5px center}
.nav-wrap > .nav > .nav-lt > .tw{width: 20px;height: 20px;margin-left: 5px;padding:13px;box-sizing:border-box;border: 1px solid #fff;border-radius: 50%;background-image: url(https://ojsimg.ohmynews.com/images/mobile_2017/tw_w.svg);background-size: 60%;}
.nav-wrap > .nav > .nav-lt > .fb:hover{opacity:.8}
.nav-wrap > .nav > .nav-lt > .tw:hover{opacity:.8}

.nav-wrap.white > .nav > .nav-lt > .fb{width: 20px;height: 20px;margin-left: 14px;padding:13px;box-sizing:border-box;border: 1px solid rgba(15,15,15,0.9);border-radius: 50%;background-image: url(https://ojsimg.ohmynews.com/images/mobile_2017/fb_b.svg);background-size: 60%;opacity: 0.6;background-position:5px center}
.nav-wrap.white > .nav > .nav-lt > .tw{width: 20px;height: 20px;margin-left: 5px;padding:13px;box-sizing:border-box;border: 1px solid rgba(15,15,15,0.9);border-radius: 50%;background-image: url(https://ojsimg.ohmynews.com/images/mobile_2017/tw_b.svg);background-size: 60%;opacity: 0.6;}
.nav-wrap.white > .nav > .nav-lt > .fb:hover{opacity:.4}
.nav-wrap.white > .nav > .nav-lt > .tw:hover{opacity:.4}

/*상단 GNB영역 스티키추가 180822*/
.nav-wrap.stk{position: fixed;top: 0;left: 0;right: 0;z-index: 10;background-color: rgba(255, 255, 255, 0.9);border-bottom: 1px solid #eaeaea}



/* 모바일에서PC보기 변환 시 버전보기 버튼 */
.m_view{/*min-width:1200px; width:1200px;*/ width:120px; height:140px; margin:0 auto; padding-top:20px; text-indent:-9999em;text-align:center; overflow:hidden; }
@media screen and (-webkit-min-device-pixel-ratio:1.5){.m_view{width:1200px; height:140px; margin:0 auto; padding-top:20px; text-indent:-9999em; overflow:hidden; }}
.m_view a{display:block; height:120px; background-size: 100%; background-position: 50%; background:url(https://ojsimg.ohmynews.com/images/ohmynews/common/footer_m_viewbtn_o.gif) no-repeat}
@media screen and (-webkit-min-device-pixel-ratio:1.5){.m_view a{display:block; height:120px; background:url(https://ojsimg.ohmynews.com/images/ohmynews/common/footer_m_viewbtn_o.gif) no-repeat}}