@charset "utf-8";
/* 윤태건 | tg0825@gmail.com | @tg0825 */

/* 사용범위정의 :reset과 .content에 들어가는 것을 제외한 고정된 레이아웃 */

/* reset */
*{margin:0; padding:0;}
html,body{height:100%;}
div{font-size:13px;} /* arial 12px = base space 3px >> 13px = base space 4px */
body,p,td,label,textarea,a,li,input,button,textarea,select,sub{font:normal 12px/1.4em '나눔고딕','NanumGothic','맑은 고딕', arial, sans-serif;color:#444;-webkit-text-size-adjust:none;}
table{border-collapse:collapse;border-spacing:0;}
iframe,fieldset,img{border:0;}
img{-ms-interpolation-mode:bicubic;}
table caption,legend{display:none;}
button{overflow:visible;}
button::-moz-focus-inner{border:0;padding:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
a,input,textarea,select,button{outline:0;}
menu,ul,ol{list-style:none;}
a{text-decoration:none;color:#10b3e2;}
a:hover{text-decoration:underline;}
label,button,input[type="checkbox"],input[type="radio"]{cursor:pointer;}
input[type="text"],input[type="password"]{cursor:text;}
label{display:inline-block;*display:inline;*zoom:1;}
input[type=checkbox]{width:16px;height:14px;}
.small-show{display:none;}
.wide-show{display:block;}
.wrap a:focus{outline:1px dotted invert;outline-offset:-1px;}

/* global-layout */
.nextmgoon-base{background:#eee;}
.skip-link{height:0;overflow:hidden;}
/* .skip-link a:focus{position:absolute;top:0;left:0;padding:5px;background:#202020;color:#37c6f2;border:1px dashed #9de4f9;font-size:1.2em;} */
/* .wrap{position:relative;min-width:640px;max-width:1250px;min-height:100%;background:#e6e6e6;z-index:1;} */
.wrap{position:relative;width:1250px;min-height:100%;background:#e6e6e6;z-index:1;}
.wrap.error{background:#fff;max-width:none;width:100%;}
/* @media screen and (min-width:1281px){ */
@media screen and (min-device-width:1281px){
	.wrap:before{display:block;content:'';position:absolute;top:0;right:-10px;width:10px;height:100%;background:url(../images/common/wrap-bg.png) 0 0 repeat-y;}
	.wrap.error:before{display:none;}	
}

/* SmartAppBanner */
.smartappbanner{padding:10px 10px 10px 40px;position:relative;font-family:나눔고딕,nanumgothic,맑은고딕,sans-serif;background:#181818 url(/resources/images/common/top-line.png) 0 100% repeat-x;background-size:100% 3px;}
.smartappbanner .img .icon{text-indent: -9999px;display: inline-block;overflow: hidden;vertical-align:middle;margin: 0 4px 0 0;
background-image:url(/resources/images/common/appicon.png);
background-size:45px 675px;
background-repeat: no-repeat;
}
.smartappbanner .img .icon{width:40px;height:40px;}
.home-mgoonapp{background-position:0 0;}
.home-nextmgoon{background-position:0 -45px;}
.home-chapp{background-position:0 -90px;}
.home-chapp-pack{background-position:0 -135px;}
.home-wecandeo{background-position:0 -180px;}
.home-pororo{background-position:0 -225px;}
.home-maxim{background-position:0 -270px;}
.home-bundes{background-position:0 -315px;}
.home-micimpact{background-position:0 -360px;}
.home-chw800{background-position:0 -405px;}
.home-toytube{background-position:0 -450px;}
.home-skytvpetpark{background-position:0 -495px;}
.home-itpouch{background-position:0 -540px;}
.home-docast{background-position:0 -585px;}
.home-popotv{background-position:0 -630px;}
.smartappbanner .img,
.smartappbanner .banner-content{display:inline-block;vertical-align:top;margin-left:2px;}
.smartappbanner .banner-content a{text-decoration:none;}
.smartappbanner .banner-content .title{font-size:16px;line-height:1.1em;letter-spacing:-1px;color:#38c6f2;}
.smartappbanner .banner-content .feature{font-size:13px;margin:4px 0 0;color:#eee;}
.smartappbanner .action{position:absolute;top:0;right:0;height:100%;width:60px;}
.smartappbanner .action .dummy{position:relative;display:table;width:100%;height:100%;}
.smartappbanner .action a{width:100%;height:100%;display:table-cell;text-align:right;vertical-align:middle;font-size:16px;color:#38c6f2;font-size:0;}
.smartappbanner .action a span{background:url('/resources/images/common/icon.png') -550px -25px;width:16px;height:0;padding-top:16px;display:inline-block;overflow:hidden;margin:0 4px 0 0;}
.smartappbanner .action a:hover{decoration:none;}
.smartappbanner .close button:active,
.smartappbanner .close button:focus,
.smartappbanner .action a:active,
.smartappbanner .action a:focus{outline:1px dotted invert;outline-offset:-2px;}
.smartappbanner .close{position:absolute;top:0;left:0;height:100%;}
.smartappbanner .close button{border:0;background:none;width:40px;height:100%;opacity:.5;}
.smartappbanner .close button .icon-x{background:url(/resources/images/common/icon.png) -525px -25px no-repeat;width:16px;height:0;padding-top:16px;display:inline-block;overflow:hidden;}
.smartappbanner.ad-img{background:#3c3c3c; padding:0;}
.smartappbanner.ad-img .img{display:block; text-align:center; margin:0;}

/* header */
.global-header{position:relative;z-index:200;width:100%;background:#181818;}
.global-header:before{content:'';position:absolute;left:0;bottom:-5px;height:5px;width:100%;background:url(../images/common/header-bg.png) 0 0 repeat-x;}
.global-header h1{float:left;color:#37c5f2;font-family:"arial black";overflow:hidden;text-indent:100%;margin:13px 38px 14px 17px;white-space:nowrap;background-position:0 -225px;width:145px;height:0;padding-top:26px;}
.global-search{display:inline-block;margin:13px 0 0;width:20%;position:relative;}
.global-search .global-search-input{width:100%;padding:5px 6px;height:18px;font-size:16px;line-height:18px;border:1px solid transparent;background:#444;color:#aaa;vertical-align:middle;-webkit-appearance:none;border-radius:0;box-sizing:content-box;}
/* .global-search .global-search-input::-webkit-search-cancel-button{-webkit-appearance:none;}
.global-search .global-search-input::-webkit-search-cancel-button:after{content:'';-webkit-appearance:searchfield;display:block;
    background:url(/resources/images/common/icon.png) -200px -125px no-repeat;
    width:16px;
    height:16px;
} */
.global-search .global-search-submit{width:50px;height:30px;border:0;background-color:#444;position:absolute;top:0;right:-64px;}
.global-search .global-search-input:focus,
.global-search .global-search-submit:focus{border:1px solid #31beeb;color:#ddd;outline:none;}
.global-search .global-search-submit:focus .icon-search,
.global-search .global-search-submit:hover .icon-search{background-position:-275px -50px;}
.global-upload{position:absolute;top:0;right:260px;height:100%;}
.global-upload .v-fix{display:inline-block;height:100%;vertical-align:middle;width:0;}
.global-upload a{display:block;height:100%;color:#fff;font-weight:600;text-decoration:none;background: #4cc7f3;padding:0 10px; font-size: 13px;}
.global-upload a:hover,
.global-upload a:active{background: #26b9f0;}
.global-upload a .sprite{color:#fff;font-weight:bold;vertical-align:middle;}
.personal-info{position:absolute;top:14px;right:65px;}
.personal-info.state-logout{right:85px;}
.personal-info span{display:inline-block;*display:inline;*zoom:1;color:#fff;vertical-align:middle;}
.personal-info button{color:#fff;vertical-align:middle;}
.personal-info .user-info{width:150px;cursor:pointer;}
.personal-info .user-info.login{margin-top:6px;width:100%;color:#ccc;}
.personal-info .user-info.login a{color:#ccc;}
.personal-info .profile-pic{margin:0 10px 0 0;vertical-align:middle;}
.layer-style2{display:none;background:#000;position:absolute;left:0;top:26px;box-shadow:0 3px 5px rgba(0,0,0,.5);width:100%;}
.layer-style2 li a{display:block;padding:5px 15px;text-decoration:none;}
.layer-style2 li a:hover{background:#333;}
.layer-style2 li a .arr{display:inline-block;*display:inline;*zoom:1;border-width:4px;border-style:solid;border-color:transparent transparent transparent #fff;margin:0 5px 0 0;}
.layer-style2 span{color:#fff;}
/* interface */
.interface{float:left;width:200px;background:#202020;padding-bottom:30px;}
.interface .profile{position:relative;z-index:2;background:#37c6f2;padding:30px 10px 10px;}
.interface .full-bg{position:absolute;top:0;left:0;width:200px;height:100%;z-index:1;background:#202020;}
.interface.red,
.interface.red .full-bg{background:#210b07;}
.interface.yellowgreen,
.interface.yellowgreen .full-bg{background:#1d2100;}
.interface.lightgreen,
.interface.lightgreen .full-bg{background:#00211f;}
.interface.lightorange,
.interface.lightorange .full-bg{background:#211907;}
.interface.pink,
.interface.pink .full-bg{background:#210b0e;}
.interface.purple,
.interface.purple .full-bg{background:#0e0d21;}
.interface.black,
.interface.black .full-bg{background:#202020;}
.interface.default .profile{background:#37c6f2;}
.interface.red .gnb{background:#210b07;}
.interface.default .gnb{background:#37c6f2;}
.interface.red .profile{background:#ff5333;}
.interface.yellowgreen .profile{background:#b9d400;}
.interface.lightgreen .profile{background:#00c8bd;}
.interface.lightorange .profile{background:#fdbe36;}
.interface.pink .profile{background:#f84f6c;}
.interface.purple .profile{background:#665fef;}
.interface.black .profile{background:#202020;}
.interface .profile .profile-pic{float:left;margin:0 10px 0 0;}
.interface .profile .profile-info{overflow:hidden;}
.interface .profile .profile-info .icon-ch{margin:0 0 3px;}
.interface .profile .profile-info .icon-plus{margin:0 0 3px;}
.interface .profile .profile-info .icon-partner{margin:0 0 3px;}
.interface .profile .profile-info .nick a{margin:0 0 5px 0;}
.interface .profile .profile-info .nick a{color:#fff;}
.interface .profile .user-option{text-align:center;clear:both;}
.interface .profile .user-option button{width:45%;margin-top:10px;}
.interface .profile{margin-bottom:-30px;}
.interface .gnb{position:relative;z-index:2;margin-top:30px;}
.interface .gnb .dep1{border-top:1px solid #333;}
.interface .gnb .dep1>li{border-bottom:1px solid #2e2e2e;}
.interface .gnb .dep1>li>a{display:block;padding:10px 10px 10px 20px; font-weight:400; font-size:14px; line-height:1.3em; color:#fff; border-bottom:1px solid #111; background:#202020;}
.interface.default .gnb .dep1>li>a{background:auto;}
.interface.red .gnb .dep1>li>a{background:#210b07;}
.interface.yellowgreen .gnb .dep1>li>a{background:#1d2100;}
.interface.lightgreen .gnb .dep1>li>a{background:#00211f;}
.interface.lightorange .gnb .dep1>li>a{background:#211907;}
.interface.pink .gnb .dep1>li>a{background:#210b0e;}
.interface.purple .gnb .dep1>li>a{background:#0e0d21;}
.interface.black .gnb .dep1>li>a{background:auto;}
.interface .gnb .dep1>li>a:hover{text-decoration:none;background:#2a2a2a;}
.interface.default .gnb .dep1>li>a:hover{background:auto;}
.interface.red .gnb .dep1>li>a:hover{background:#210b07;}
.interface.yellowgreen .gnb .dep1>li>a:hover{background:#1d2100;}
.interface.lightgreen .gnb .dep1>li>a:hover{background:#00211f;}
.interface.lightorange .gnb .dep1>li>a:hover{background:#211907;}
.interface.pink .gnb .dep1>li>a:hover{background:#210b0e;}
.interface.purple .gnb .dep1>li>a:hover{background:#0e0d21;}
.interface.black .gnb .dep1>li>a:hover{background:auto;}
.interface .gnb .dep1>li>a .sprite{vertical-align:middle;margin:0 5px 0 0;}
.interface .gnb .dep2{border-bottom:1px solid #222;background:#303030;-webkit-overflow-scrolling:touch;max-height:640px;overflow-y:auto;}
.interface .gnb .dep1>li ul li .dep3{font-size:12px; color:#aaa; padding-left:30px;}
.interface .gnb .dep1>li ul li a{color:#ddd;display:block;padding:10px 10px 10px 20px;font-size:13px;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.interface .gnb .dep1>li ul li a .total{position:absolute;top:11px;right:10px; color:#fff;}
.interface .gnb .dep1>li ul li a .list-name{width:84%;display:inline-block;vertical-align:middle;}
.interface .gnb .dep1>li ul li a .profile-pic{vertical-align:middle;margin:-6px 5px -5px 0;}
.interface.default .gnb .dep1>li ul li a{background:auto;}
.interface.red .gnb .dep1>li ul li a{background:#2e0f09;}
.interface.yellowgreen .gnb .dep1>li ul li a{background:#282e00;}
.interface.lightgreen .gnb .dep1>li ul li a{background:#002e2c;}
.interface.lightorange .gnb .dep1>li ul li a{background:#2e220a;}
.interface.pink .gnb .dep1>li ul li a{background:#2e0f14;}
.interface.purple .gnb .dep1>li ul li a{background:#14122e;}
.interface.black .gnb .dep1>li ul li a{background:auto;}
.interface .gnb .dep1>li ul li a:hover,
.interface .gnb .dep1>li ul li .on{background:#444; color:#4cc7f3;text-decoration:none;}
.interface.default .dep1>li ul li a:hover,
.interface.default .dep1>li ul li .on{background:auto;}
.interface.black .dep1>li ul li a:hover,
.interface.black .dep1>li ul li a.on{background:#auto; color:#fff;}
.interface.red .dep1>li ul li a:hover,
.interface.red .dep1>li ul li a.on{background:#45150c; color:#fff;}
.interface.yellowgreen .dep1>li ul li a:hover,
.interface.yellowgreen .dep1>li ul li a.on{background:#3c4500; color:#fff;} 
.interface.lightgreen .dep1>li ul li a:hover,
.interface.lightgreen .dep1>li ul li a.on{background:#004541; color:#fff;}
.interface.lightorange .dep1>li ul li a:hover,
.interface.lightorange .dep1>li ul li a.on{background:#45340e; color:#fff;}
.interface.pink .dep1>li ul li a:hover,
.interface.pink .dep1>li ul li a.on{background:#45161e; color:#fff;}
.interface.purple .dep1>li ul li a:hover,
.interface.purple .dep1>li ul li a.on{background:#1e1c45; color:#fff;}
.interface.black .dep1>li ul li a:hover,
.interface.black .dep1>li ul li a.on{background:auto; color:#fff;}
.interface .dep2{display:none;}

/* left menu - event depth */
.interface .gnb .dep-type1{border-top: 0;}
.interface .gnb .dep-type1>li{border-bottom:1px solid #2e2e2e;}
.interface .gnb .dep-type1>li>a{display:block;padding:10px 10px 10px 20px;font-weight:bolder;font-size:14px;line-height:1.3em;color:#26b9f0;;border-bottom:1px solid #111;background:#202020;}
.interface .gnb .dep-type1>li>a:hover{text-decoration: none; background: #2a2a2a;}
.interface .gnb .dep-type1>li>a .sprite{vertical-align: middle; margin: 0 5px 0 0;}
.interface .gnb .dep-type1>li .event{font-size: 10px; color: #fcd627; font-weight: normal; border: 1px solid #fcd627; margin-left: 7px; padding: 0 2px;}

.content-column{margin:0 0 0 200px;}
.page{padding:30px 290px 30px 30px;} /* padding content section */
/* related-content */
.related-content{float:right;width:260px;background:#e6e6e6;padding-bottom:30px;}
.related-content article{position:relative;z-index:2;}
.related-content .full-bg{position:absolute;top:0;right:0;width:260px;height:100%;z-index:1;background:#f8f8f8;}
.related-content h3{margin:30px 30px 20px;font-size:14px;position:relative;}
.related-content .outer1,
.related-content ul{margin:20px 30px 0;}
.related-content .type1 li{margin:10px 0 0;}
.related-content .type2 li{margin:20px 0 0;}
.related-content ul li:first-child{margin:0;}
.related-content ul li a{color:#666;display:block;position:relative;*zoom:1;height:100%;}
.related-content ul li a:after{content:'';display:block;height:0;clear:both;}
.related-content ul li a .video-thumbnail,
.related-content ul li a .profile-pic{float:left;margin:0 10px 0 0;}
.related-content ul li a .thumbnail-summary{overflow:hidden;display:block;padding:10px 0 0;}
.related-content.type-channel ul li{margin:10px 0 0 0;}
.related-content.type-channel ul li a .thumbnail{-webkit-transition:-webkit-transform 60ms ease-in-out;}
.related-content.type-channel ul li a .thumbnail-summary{padding-top:11px;}
.related-content.type-channel ul li a:hover{background:#ddd;}
.related-content.type-channel ul li a:hover .thumbnail{-webkit-transform:scale(1.1);}
.related-content.type-upload ul li{margin:8px 0 0;*zoom:1;}
.related-content.type-upload ul li strong{float:left;margin:0 5px 0 0;font-weight:bold;}
.related-content.type-upload ul li span{display:block;overflow:hidden;word-wrap:break-word;word-break:break-all;}
.related-content .house-ad{width:200px;margin:30px;position:relative;z-index:100;padding:0;}
.related-content .layer-ad{position:absolute;top:0;right:0;z-index:500;height:100%;width:200px;padding:0 30px;}
.related-content .layer-ad .house-ad{margin:20px 0;}
.related-content .layer-ad .btn-reset{padding:30px 0 0;color:#fff;}
.related-content .layer-ad .bg{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:#000;opacity: 0.70;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);}
/* mainaside 2015.03.23 update*/
.business-center{display:block;}
.mainaside .outer1{display:block; position:relative; margin: 20px 30px 0;}
.mainaside .outer1 li{position:relative; padding-bottom:15px;}
.mainaside .outer1 li:last-child{padding-bottom:0;}
.mainaside .outer1 li a{right:0;}
.mainaside .outer1 li a:hover{width:200px; background:#fff;  border-radius:3px; cursor: pointer; text-decoration:none;}
.mainaside .outer1 li a .bc-bg{width:40px; height:32px; background:#fff; float:left; border-radius:3px; cursor: pointer; outline: 0; vertical-align: middle;}
.mainaside .outer1 li a .icon-box-bg{width:40px; height:32px; padding-top: 0;}
.mainaside .outer1 li a .icon-box-bg.icon-cp{background-position:-250px -375px;}
.mainaside .outer1 li a .icon-box-bg.icon-ca{background-position:-300px -375px;}
.mainaside .outer1 li a .icon-box-bg.icon-oa{background-position:-350px -375px;}
.mainaside .outer1 li a .icon-box-bg.icon-cpt{background-position:-400px -375px;}
.mainaside .outer1 li a .icon-box-bg.icon-cs{background-position:-450px -375px;}
.mainaside .outer1 li a .icon-box-bg.icon-event{background-position:-500px -375px;}
.mainaside .outer1 li a .icon-box-bg.icon-ad-pl{background-position:-550px -375px;}
.mainaside .outer1 li a .icon-box-bg.icon-ad-dp{background-position:-600px -375px;}
.mainaside .outer1 li a .icon-box-bg.icon-ad-mo{background-position:-650px -375px;}

.mainaside .outer1 li .bc-text{padding-left:10px; line-height:2.6; color: #444; text-decoration:none;}


/* 
.mainaside .outer1 p{position: absolute;white-space: pre;}
.mainaside.ma .outer1{padding:0 0 10px;}
.mainaside.ma p{top:0;left:80px;}
.mainaside.cp .outer1{padding:0 0 30px;}
.mainaside.cp p{position:relative;}
.mainaside.ca p{top:0;left:80px;}
.mainaside.cpt .outer1{padding:0 0 65px;}
 */
.app-ad {width:200px;position:relative; z-index:100;margin:20px 0;}
.app-ad .ad-header{position:relative; border-bottom:solid 1px #666;}
.app-ad .ad-header .ad-title{text-decoration:none; text-decoration:none; color:#fff;}
.app-ad .ad-header h3{position:relative; margin:0; padding:0 0 10px;margin:0;}
.app-ad .ad-header h3 a{font-size:inherit;}
.app-ad .ad-header p{position:absolute; top:0; right:0;}
.app-ad .ad-header p a{color:#fff;font-size:inherit;}
.app-ad .app-list{padding-top:10px;}
.app-ad .app-list .lucher-img{display:inline-block;vertical-align:top;margin:2px 0 0;}
.app-ad .app-list .lucher-img .sprite{width:40px;height:0;padding-top:40px;}
.app-ad .app-list .info-box{display:inline-block;margin:0 0 0 5px;vertical-align:top;}
.app-ad .app-list .info-box .app-tilte{color:#fff; font-size:14px;line-height:1em;margin:0;font-weight:normal;}
.app-ad .app-list .info-box .btn-ad-app{margin:10px 0;}
/* nextgmgoon container */
.nextmgoon-base .container{position:relative;background:#fff;border-bottom: 3px solid #e0e0e0;overflow:hidden;z-index:100;}
.nextmgoon-base .container .interface,
.nextmgoon-base .container.nav-on .interface,
.nextmgoon-base .container.nav-off .interface{display:block;}
/* service-map */
.service-map{position:relative;z-index:50;padding:20px 20px;background:#f8f8f8;border-bottom:1px solid #ddd;border-top: 1px solid #fff;margin-left:-3%;}
.service-map-item{width:22%;margin:0 0 0 3%;float:left;position:relative;}
.service-map-item h3{color: #444;margin:0 0 15px 0;position: relative;}
.service-map-item h3+a[title='더 보기']{position:absolute;top:0;color: #555;right:0;}
.service-map-item .items.last{margin:0;}
.service-map-item .items li {margin: 5px 0 0;display:block;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
.service-map-item .items li:first-child {margin-top: 0;}
.service-map-item .items li a{color: #444;}
.service-map-item .items li a:before{content: ' ';display:inline-block;border:3px solid #fff;border-color: transparent transparent transparent #555;margin:0 3px 0 0;text-shadow: 0 1px 0 #fff;}
.ad-banner{margin:0 0 5px;}
/* footer */

.footer{position:relative;z-index:40;background:#f8f8f8;padding:10px 20px;border-top: 1px solid #fff;}
.footer li,
.copyright{color:#666;font-size:11px;}
.footer a{color:#444;}
.company-info{margin:0 0 10px 0;}
.footer ul li{display:inline-block;*display:inline;*zoom:1;margin:0 10px 0 0;}
.footer .footer-sns{position:absolute;top:8px;right:110px;}
.footer .footer-sns iframe,
.footer .footer-sns a{vertical-align:middle;}
.footer .footer-sns:after{content:'|';display:inline-block;vertical-align:middle;margin:0 10px;color:#aaa;text-shadow:0 1px 0 #fff;}
.footer .language{position:absolute;top:10px;right:20px;}
.footer .language a{display:inline-block;*display:inline;*zoom:1;text-shadow:0 1px 0 #fff;color:#888;text-decoration:none;vertical-align:middle;margin:0 4px;}
.footer .language a.on{color:#333;border-color:#bbb;font-weight:bold;}
.footer .language a:hover{color:#222;position:relative;z-index:10;}
.footer .language a span{vertical-align:middle;}
.copyright{clear:both;margin:10px 0 0;}
.copyright .sprite{vertical-align:middle;margin:0 10px 0 0;}

/* modal layer*/
.layer-offset{position:fixed;*position:absolute;top:0;left:0;z-index:1000;width:100%;min-height:100%;height:100%;text-align:center;display:none;}
.layer-offset.inside{position:absolute;}
.layer-offset .bg{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:#032934;opacity:.8;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);}
.layer-offset .fix{display:inline-block;height:100%;vertical-align:middle;width:0;*display:inline;*zoom:1;}
.layer-offset .type-text{position:relative;z-index:10;vertical-align:middle;display:inline-block;*display:inline;*zoom:1;}
.layer-offset .type-modal{position:relative;z-index:2;margin:7% 0 0;padding:20px 20px 0;min-width:250px;width:50%;max-width:500px;display:inline-block;*display:inline;*zoom:1;border:5px solid #444;background:#fff;text-align:left;}
.layer-offset .type-modal .form-block{margin:0 0 10px;*zoom:1;}
.layer-offset .type-modal .form-block .layer-label{display:block; position:relative; margin:0 0 10px 0; left:0; padding:0;}
.layer-offset .modal-header{border-bottom:2px solid #444;padding:0 0 5px 0;}
.layer-offset .modal-header h2{font-weight:600;font-size:18px;line-height:1.2em;}
.layer-offset .modal-section{position:relative;margin:20px 0;min-height:80px;}
.layer-offset .modal-section .textarea textarea{width:97%;}
.layer-offset .modal-bottom{margin:20px 0;}
.layer-offset .input-combo .btn-apply{width:22%;}
.layer-offset .input-combo .size-2{width:50%;}
/* modal zip-code */
.layer-offset .layer-zip-code .hint{position:absolute;top:40px;width:100%;}
.layer-offset .zip-code-list{border:1px solid #ddd;display:none;}
.layer-offset .zip-code-list table{color:#222;width:100%;}
.layer-offset .zip-code-list table thead tr th{border-bottom:1px dashed #ccc;}
.layer-offset .zip-code-list table tbody tr td{border-top:1px solid #eff4f9;}
.layer-offset .zip-code-list table tbody tr:first-child td{border-top:0;}
.layer-offset .zip-code-list table tbody tr:hover{background:#eff4f9;}
.layer-offset .zip-code-list table th{text-align:center;padding:5px;background:#f5f5f5;color:#666;}
.layer-offset .zip-code-list table td{padding:5px;}
.layer-offset .zip-code-list table tr td:first-child,
.layer-offset .zip-code-list table tr th:first-child{border-right:1px dotted #ccc;}
.layer-offset .zip-code-list .zip-code-body{overflow-x:hidden;overflow-y:auto;max-height:250px;min-height:100px;}
.layer-offset .zip-code-list .zip-code-body table td a{color:#333;}
.layer-offset .zip-code-list .zip-code-body table td a:hover{text-decoration:underline;}

/* top-blind */
.alert-message{position:static;top:0;left:0;z-index:1000;width:100%;text-align:center;background:#181818 url(/resources/images/common/top-line.png) 0 100% repeat-x;}
.alert-message p{color:#4cc7f3;padding:10px 0 12px;font-size:14px;}
.alert-message p .bw{color:#ffffff;font-weight:bold;}
.alert-message p a{color:#ffffff;text-transform:uppercase;font-size:14px;}
.alert-message button{position:absolute;top:10px;right:10px;color:#fff;}

/* top-blind evnet banner type */
.alert-message.top-banner{position: relative;}
.alert-message.top-banner.dark{background:#2e2e2e;}
.alert-message.top-banner.bright{background:#f5f5f5;}
.alert-message.top-banner a img{display: block;}
.alert-message.top-banner .bnr-close{width:16px; height:16px; position:absolute; background-position:-550px -120px; z-index:1; text-indent:-9999em; right:25px; top:25px;}

/* scrollbar */
::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background:#efefef}
::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}

/* medium  */
/* @media screen and (min-width:641px) and (max-width:1024px){ */
@media screen and (min-device-width:768px) and (max-device-width:1024px){
.wrap{width:auto;}
.related-content{display:none;}
.page{padding:30px;}
.global-upload{right:190px;}
.global-upload a{padding:0 17px;}
.global-upload a .wide-show{display:none;}
.personal-info.state-login{right:16px;}
.personal-info.state-logout{right:30px;}
}

/* small */
/* @media screen and (max-width:640px){ */
@media
screen and (max-device-width:767px), /* iphone, android */
screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:2) /* lg g 맞춤. */
{
.wrap{width:auto;}
.wrap:before{display:none;}
.skip-link{position:absolute;top:50px;left:10px;z-index:100;height:30px;}
.skip-link a{display:block;border:1px solid #4cc7f3;padding:6px 0;background:#181818;font-size:0;width:28px;text-align:center;}
.skip-link a:FOCUS{}
.skip-link [data-nav="content-nav"],
.skip-link li a span:last-child{display:none;}
.skip-link .on{border-color:#181818;}
.global-header{padding:0 0 10px 0;}
.global-header h1{float:none;margin:10px 0 14px 10px;}
.global-search{position:relative;z-index:1000;float:none;width:30%;margin:0 0 0 50px;-webkit-transition:width 100ms ease-in-out;display:block;}
.global-search.focus{width:30%;}
.global-search .global-search-input{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;height:30px;width:100%;}
.global-search .global-search-submit{position:absolute;top:0;right:-30px;width:30px;}
.global-upload{height:38px;top:10px;right:10px;}
.global-upload a .sprite{margin:0;}
.personal-info{float:none;position:absolute;top:50px;right:10px;z-index:50;padding:0;width:auto;}
.personal-info .user-info{width:120px;font-size:14px;}
.personal-info .btn-reset{display:none;}
.personal-info.state-logout{right:10px;top:54px;}
.ad-banner{text-align:center;background:#000;}
.container{padding:0;min-height:auto;position:static;}
.container .page{z-index:10;padding:10px;background:#fff;}
.nextmgoon-base .container .interface{display:none;}
.nextmgoon-base .container.nav-on .interface{display:block;}
.nextmgoon-base .container.nav-off .interface{display:none;}
.nextmgoon-base .interface{position:relative;top:0;left:0;z-index:100;float:none;width:100%;padding-bottom:0;overflow:hidden;display:none;}
.interface.on{}
.interface .gnb{margin:0;}
.interface .profile{position:static;z-index:1000;margin-bottom:0;padding:10px;overflow:hidden;}
.interface .profile .user-option{padding:0;}
.interface .profile .profile-info{overflow:hidden;}
.interface .profile .profile-info a{font-size:16px;}
.content-column{margin:0;}
.related-content{position:relative;width:auto;display:none;}
.related-content h3{padding:15px 15px 0;margin:0 0 10px 0;font-size:14px;}
.related-content .block,
.related-content ul{margin:10px 15px;}
.service-map{padding-left:10px;margin-left:0;}
.service-map-item{width:auto;float:none;position:relative;margin:0 0 10px 0;}
.service-map-item h3{margin:0 0 5px;}
.service-map-item h3+a[title='더 보기']{position:absolute;top:0;color: #555;right:0;left:auto;}
.service-map-item .items{width:auto;overflow:hidden;margin:0 0 20px;}
/* .service-map-item .items li:nth-child(3)~li{display:none;} */
.footer{padding:10px 10px 55px;}
.footer .footer-sns .bar{display:none;}
.footer .footer-sns,
.footer .language{display:inline-block;position:relative;top:0;left:0;margin:10px 0 -5px;}
.footer .footer-sns:before{content:'|';display:inline-block;margin:0 10px;color:#aaa;text-shadow:0 1px 0 #fff;}
.footer .footer-sns:after{content:'';display:none;}
.footer .info-list1,
.footer .info-list2{margin:10px 0;}
.copyright .sprite{display:none;}
.small-show{display:block;}
.wide-show{display:none !important;}
.layer-ad{display:none !important;}
.full-bg{display:none;}
.layer-style2{top:30px;right:-10px;left:auto;width:150px;}
}

/* retina rayout */
@media (-webkit-min-device-pixel-ratio:2){
.skip-link [data-nav="skip-nav"] .sprite{background:url(../images/common/sprite@2x.png) 0 2px / 150px 150px;}
}