@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&family=Noto+Sans+KR:wght@100;400;700&display=swap');


button { border: 0 none; outline: none; }
.wrap {  
    min-width:950px; 
	/*background:#ddd;*/
    /*background-image: url("http://image.kcrone.net/home/icross/index_bg.gif");*/
    background-position:50% 50%;
    background-size:cover;
}
.inner { width:950px; margin:0 auto; }
@keyframes fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

main { position: relative; }
main h2.animated { 
    padding: 18px 0;
    width: 400px;
    font-stretch: ultra-condensed;
    color: #333;
    letter-spacing: -2px;
    border-radius: 30px;
    animation-delay: 0.3s;
    font-family: 'Nanum Gothic';
    font-weight:800;
    /* IE10+ */
}

main h2.animated span {
    font-weight: 400;
    font-size: 1.5em;
    line-height: 1.4;
    /* IE10+ */
}

main h2.animated p {
    display: block;
    font-size: 2em;
    /* IE10+ */
}

main h2 p b {color:#87A93C;}

/* 컨텐츠 링크 - 교차로신문, 부동산, 구인구직등 */
main .kcr-contents {
    padding:40px 30px;
    position: relative;
    z-index: 15;
}

main .kcr-contents:after { clear: both; content: " "; display: table; }
main .kcr-contents article { float: left; }
main .kcr-contents article:after { clear: both; content: " "; display: table; }
main .kcr-contents article:first-child { width: 470px; }

main .kcr-contents article:last-child { width: 500px; }
main .kcr-contents-paper { margin: 0; padding: 0 0 0 10px; list-style-type: none; }
main .kcr-contents-paper:after { clear: both; content: " "; display: table; }
main .kcr-contents-paper li { float: left; }
main .kcr-contents-paper li a { position: relative; display: block; }
main .kcr-contents-paper li a:hover { color:#f36; }
main .kcr-contents-paper li a:hover span, main .kcr-contents-paper li a:focus span {
    -webkit-animation-name: ico-bounce;
    animation-name: ico-bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes ico-bounce {
    0%, 20%, 53%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%, 43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

@keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%, 43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}
main .kcr-notice-paper { background:#fff; }
main .kcr-notice-title { margin-bottom:10px; }
main .kcr-notice-title:after { clear: both; content: " "; display: table; }
main .kcr-notice-title h3 { float: left; margin: 0; font-size: 21px; color: #333; }
main .kcr-notice-title a {
    float: left;
    margin-left: 19px;
    padding: 3px 9px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    border-radius: 20px;
    background-color: #f36;
}
main .kcr-notice .cof-list-ul > li { padding:8px 0 0 8px; background-position:0 1.4em; }
main .kcr-contents-paper li a em {
    display: block;
    font-weight: bold;
    width: 100%;
    font-size: 15px;
    text-align: center;
    letter-spacing: -1px;
}
main .kcr-contents-paper li:nth-child(3) a { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
main .kcr-contents-paper li a { width: 120px; }
main .kcr-contents-paper li a span { 
    display:block;
    position: relative;
    content: "";
    width: 90px;
    height: 90px;
    margin:0 auto 10px;
    background:url("http://image.kcrone.net/home/icross/icross_sprite.png?0803") no-repeat;
}

main .kcr-contents-paper li .p-jul span { background-position: 0px 0px; }
main .kcr-contents-paper li .p-ebook span { background-position: -91px 0px; }
main .kcr-contents-paper li .p-apply span { background-position: -182px 0px; }
main .kcr-contents-paper li .p-society span { background-position: -91px -103px; }

main .woman-box { 
    display:none;
    position:absolute; 
    left:-60px; bottom:-20px; 
    width:132px; height:255px; 
    background:url("http://image.kcrone.net/home/icross/woman.png") no-repeat;
}

/* 전화번호 안내 */
main .kcr-info-area { position:absolute; bottom:260px; right:130px; }
main .kcr-info-area:after { clear: both; content: " "; display: table; }
main .kcr-info-area .kcr-tel-number > div { position: relative; }
main .kcr-info-area .kcr-tel-number > div:before {
    position: absolute;
    top: -17px;
    left: 72px;
    content: "";
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 2px solid #f36;
    background: #fff url("http://image.kcrone.net/home/icross/icross-img-sprite2020.png?d=202002") 12px -688px no-repeat;
}

main .kcr-info-area .kcr-tel-number > div span,
main .kcr-info-area .kcr-tel-number > div a { display: block; margin-left: 190px;font-size: 16px; letter-spacing: -1.5px; }
main .kcr-info-area .kcr-tel-number > div span { font-weight: bold; color: #333; }
main .kcr-info-area .kcr-tel-number > div a {
    display: inline-block;
    margin-top: 13px;
    padding: 0 12px;
    height: 29px;
    color: #fff;
    text-decoration: none;
    line-height: 29px;
    border-radius: 20px;
    background-color: #f36;
}

main .kcr-banner-area  { position:absolute; bottom:80px; right:122px; padding:20px; background-color:rgba(255,255,255,0.5); border-radius:10px; text-align:center; border:1px solid #ff3366; }
main .kcr-banner-area  .title { font-size:16px; margin-bottom:5px; font-weight:800; }
main .kcr-banner-area  .title strong { color:#f36; }
main .kcr-banner-area  .subtxt { font-size:14px; margin-bottom:20px; }
main .kcr-banner-area  .tel span { display:inline-block; padding:5px 15px; background:#888; color:#fff; border-radius:15px; font-size:15px; }


/* 교차로 지도 선택 및 교차로지역명 검색 */
main .kcr-area { position: relative; height: 500px; }
main .kcr-area:after { clear: both; content: " "; display: table; }
main .kcr-area .kcr-area-search {
    float:left;
    padding-top: 20px;
    width: 400px;
    animation-duration: 0.5s;
    animation-delay: 0.5s;
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    60% {
        opacity: 0;
        -webkit-transform: translate3d(0, 60%, 0);
        transform: translate3d(0, 60%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

main .kcr-area .kcr-area-search article { position: relative; margin-left: 40px; }
main .kcr-area .kcr-area-search article > strong { display: block; margin-left: 20px; margin-bottom: 8px; font-weight: bold; font-size: 15px; }
main .kcr-area .kcr-area-search article:last-child { width:466px; height:132px; }
main .kcr-area .kcr-area-search-form {
    width: 462px;
    height: 47px;
    border-radius: 50px;
    border: 2px solid #f36;
    background-color: #fff;
}

main .kcr-area .kcr-area-search-form input[type=text] {
    float: left;
    margin: 2px 0 2px 20px;
    width: 370px;
    height: 41px;
    font-size: 15px;
    text-indent: 10px;
    border: 0 none;
}

main .kcr-area .kcr-area-search-form input[type=text]:focus { background-color: #fafafa; outline: 1px solid #ededed; }
main .kcr-area .kcr-area-search-form button {
    overflow: hidden;
    width: 55px;
    height: 47px;
    border: 0 none;
    text-indent: -90000px;
    background: url("http://image.kcrone.net/home/icross/icross-img-sprite2020.png?d=202002") 6px -931px no-repeat;
}

main .kcr-area .kcr-area-search-form button:focus {
    background: url("http://image.kcrone.net/home/icross/icross-img-sprite2020.png?d=202002") -69px -931px no-repeat;
}

main .kcr-area .kcr-area-search-list {
    overflow: hidden;
    position: absolute;
    top: 80px;
    left: 17px;
    padding: 29px 3px;
    width: 431px;
    min-height: 70px;
    max-height: 207px;
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 5px 5px 3px 0 rgba(220,233,245,0.3);
    -moz-box-shadow: 5px 5px 3px 0 rgba(220,233,245,0.3);
    box-shadow: 5px 5px 3px 0 rgba(220,233,245,0.3);
    z-index: 5;
}

main .kcr-area .kcr-area-search-list-scroll { max-height: 220px; overflow-x:none; overflow-y:auto; }
main .kcr-area .kcr-area-search-list-scroll ul { margin: 0; padding: 0; }
main .kcr-area .kcr-area-search-list-scroll ul li a, main .kcr-area .kcr-area-search-list-scroll ul li .no-link {
    display: block;
    margin-left: 10px;
    padding: 16.5px 0;
    text-decoration: none;
    border-bottom: 1px solid #f5f5f5;
}

main .kcr-area .kcr-area-search-list-scroll ul li a:not(.no-link):hover strong, main .kcr-area .kcr-area-search-list-scroll ul li a:not(.no-link):hover span, main .kcr-area .kcr-area-search-list-scroll ul li .no-link:not(.no-link):hover strong, main .kcr-area .kcr-area-search-list-scroll ul li .no-link:not(.no-link):hover span {
    color: #000;
    text-decoration: underline;
}

main .kcr-area .kcr-area-search-list-scroll ul li a:after, main .kcr-area .kcr-area-search-list-scroll ul li .no-link:after { float: left; }
main .kcr-area .kcr-area-search-list-scroll ul li a strong, main .kcr-area .kcr-area-search-list-scroll ul li .no-link strong {margin: 0;margin-bottom: 5px; font-weight: bold; font-size: 14px; }
main .kcr-area .kcr-area-search-list-scroll ul li a strong:before, main .kcr-area .kcr-area-search-list-scroll ul li .no-link strong:before {
    display: inline-block;
    margin-top: -2px;
    content: "";
    margin-right: 10px;
    width: 2px;
    height: 2px;
    line-height: 2px;
    border-radius: 50%;
    background-color: #bbb;
    vertical-align: middle;
}

main .kcr-area .kcr-area-search-list-scroll ul li a span, main .kcr-area .kcr-area-search-list-scroll ul li .no-link span { margin-left: 12px; width: 385px; font-size: 13px; color: #8b8b8b; }
main .kcr-area .kcr-area-search-list-scroll ul li a span.ksl-area, main .kcr-area .kcr-area-search-list-scroll ul li .no-link span.ksl-area { line-height: 1.4; }
main .kcr-area .kcr-area-search-list-scroll ul li a span.ksl-tel, main .kcr-area .kcr-area-search-list-scroll ul li .no-link span.ksl-tel { margin-top: 6px; }
main .kcr-area .kcr-area-search-list-scroll ul li a strong,
main .kcr-area .kcr-area-search-list-scroll ul li a span, main .kcr-area .kcr-area-search-list-scroll ul li .no-link strong,
main .kcr-area .kcr-area-search-list-scroll ul li .no-link span { display: block; letter-spacing: -0.5px; }
main .kcr-area .kcr-area-search-list-scroll ul li:first-child a { padding-top: 0; }
main .kcr-area .kcr-area-search-list-scroll ul li:last-child a, main .kcr-area .kcr-area-search-list-scroll ul li:last-child .no-link { border-bottom: 0 none; }
main .kcr-area .kcr-area-search-list-scroll #kcrSearchListPrint ul li.no-data strong {
    display: block;
    width: 430px;
    height: 170px;
    font-weight: normal;
    font-size: 16px;
    text-align: center;
    line-height: 170px;
}

main .kcr-area .kcr-area-search-list .mCSB_inside > .mCSB_container { margin-right: 10px; }
main .kcr-area .kcr-area-search-list .mCSB_scrollTools .mCSB_draggerRail { width: 6px; background-color: transparent; }
main .kcr-area .kcr-area-search-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #eff0f2; }
main .kcr-area .kcr-area-search-list .list-close {
    position: absolute;
    top: 5px;
    right: 4px;
    overflow: hidden;
    display: block;
    width: 33px;
    height: 33px;
    text-indent: -90000px;
    background: url("http://image.kcrone.net/home/icross/icross-img-sprite2020.png?d=202002") 5px -1000px no-repeat;
    z-index: 10000;
}

main .kcr-area .kcr-area-select {
    position: relative;
    float: left;
    width: 550px;
    height: 500px;
    background: url("/web/theme/bang/map/img/korea-map.png?d=2020") no-repeat;
    animation-delay: 0.3s;
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    60% {
        opacity: 0;
        -webkit-transform: translate3d(0, 60%, 0);
        transform: translate3d(0, 60%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

main .kcr-area .kcr-area-select-list { list-style-type: none; }
main .kcr-area .kcr-area-select-list li button {
    position: absolute;
    display: block;
    padding:5px 10px;
    font-weight: bold;
    font-size: 1em;
    color: #333;
    text-decoration: none;
    border: 2px solid #00a0e9;
    border-radius: 30px;
    background-color: #fff;
    -webkit-box-shadow: 2px 2px 4px 0 rgba(30, 30, 30, 0.32);
    -moz-box-shadow: 2px 2px 4px 0 rgba(30, 30, 30, 0.32);
    box-shadow: 2px 2px 4px 0 rgba(30, 30, 30, 0.32); 
    font-weight:700;
    /* IE10+ */
    /* IE9,10 */
}

main .kcr-area .kcr-area-select-list li button:hover, main .kcr-area .kcr-area-select-list li button:focus {
    color: #fff;
    background-color: #00a0e9;
    background-position: 0 0;
}

main .kcr-area .kcr-area-select-list .su button { top: 90px; left: 220px; }
main .kcr-area .kcr-area-select-list .ps button { top: 360px; left: 420px; }
main .kcr-area .kcr-area-select-list .dg button { top: 290px; left: 360px; }
main .kcr-area .kcr-area-select-list .ic button { top: 115px; left: 160px; }
main .kcr-area .kcr-area-select-list .gj button { top: 360px; left: 220px; }
main .kcr-area .kcr-area-select-list .dj button { top: 250px; left: 270px; }
main .kcr-area .kcr-area-select-list .us button { top: 310px; left: 430px; }
main .kcr-area .kcr-area-select-list .sejong button { top: 200px; left: 250px; }
main .kcr-area .kcr-area-select-list .gg button { top: 130px; left: 240px; }
main .kcr-area .kcr-area-select-list .gw button { top: 90px; left: 330px; }
main .kcr-area .kcr-area-select-list .cb button { top: 170px; left: 285px; }
main .kcr-area .kcr-area-select-list .cn button { top: 220px; left: 200px; }
main .kcr-area .kcr-area-select-list .jb button { top: 300px; left: 220px; }
main .kcr-area .kcr-area-select-list .jn button { top: 410px; left: 210px; }
main .kcr-area .kcr-area-select-list .kb button { top: 210px; left: 360px; }
main .kcr-area .kcr-area-select-list .kn button { top: 350px; left: 330px; }
main .kcr-area .kcr-area-select-list .jj button { top: 420px; left: 50px; }
main .kcr-area .kcr-area-select-list .foreign button { top: 492px; left: 380px; }
main .kcr-area .kcr-map-layer {
    overflow: hidden;
    position: absolute;
    top: 19px;
    left: 0;
    width: 950px;
    height: 620px;
    border: 2px solid #2f79be;
    border-radius: 15px;
    background-color: #f4f4f4;
    /*background-image: url(http://image.kcrone.net/home/icross/index_bg.gif);
    background-position: 50% 50%;*/
    z-index: 10;
    -webkit-box-shadow: 2px 2px 4px 0 rgba(30, 30, 30, 0.15);
    -moz-box-shadow: 2px 2px 4px 0 rgba(30, 30, 30, 0.15);
    box-shadow: 2px 2px 4px 0 rgba(30, 30, 30, 0.15);
    -webkit-animation-name: mapLayerSlideInUp;
    animation-name: mapLayerSlideInUp;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

main .kcr-area .kcr-map-layer-title { position: absolute; top: 0; left: 0; width: 100%; z-index: 3; }
main .kcr-area .kcr-map-layer-title:after { clear: both; content: " "; display: table; }
main .kcr-area .kcr-map-layer-title h3 { float: left; margin: 28px 0 0 32px; font-weight: bold; font-size: 26px; }
main .kcr-area .kcr-map-layer-title .close-layer {
    overflow: hidden;
    float: right;
    margin: 24px 25px 0 0;
    width: 31px;
    height: 31px;
    text-indent: -90000px;
    background: url("http://image.kcrone.net/home/icross/icross-img-sprite2020.png?d=202002") -9px -1057px no-repeat;
}

main .kcr-area .kcr-map-layer .imgmap { margin: 0 auto; width: 620px; }
main .kcr-area .kcr-map-layer .imgmap.area-foreign-map { margin: 0; width: 950px; height: 620px; }

@-webkit-keyframes mapLayerSlideInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible;
        opacity: 0;
    }
    60% {
        -webkit-transform: translateY(60%);
        transform: translateY(60%);
        visibility: visible;
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

main .kcr-area #area-su-map .imgmap img {background: url("/web/theme/bang/map/img/kcr-su-map.png") 0 0 no-repeat;}
main .kcr-area #area-ps-map .imgmap img {background: url("/web/theme/bang/map/img/kcr-ps-map.png") 0 0 no-repeat;}
main .kcr-area #area-dg-map .imgmap img {background: url("/web/theme/bang/map/img/kcr-dg-map.png") 0 0 no-repeat;}
main .kcr-area #area-ic-map .imgmap img {background: url("/web/theme/bang/map/img/kcr-ic-map.png") 0 0 no-repeat;}
main .kcr-area #area-gj-map .imgmap img {background: url("/web/theme/bang/map/img/kcr-gj-map.png") 0 0 no-repeat;}
main .kcr-area #area-dj-map .imgmap img {background: url("/web/theme/bang/map/img/kcr-dj-map.png") 0 0 no-repeat;}
main .kcr-area #area-us-map .imgmap img {background: url("/web/theme/bang/map/img/kcr-us-map.png") 0 0 no-repeat;}
main .kcr-area #area-gg-map .imgmap img {background: url("/web/theme/bang/map/img/kcr-gg-map.png") 0 0 no-repeat;}
main .kcr-area #area-gw-map .imgmap img {background: url("/web/theme/bang/map/img/kcr-gw-map.png") 0 0 no-repeat;}
main .kcr-area #area-cn-map .imgmap img {background: url("/web/theme/bang/map/img/kcr-cn-map.png") 0 0 no-repeat;}
main .kcr-area #area-cb-map .imgmap img {background: url("/web/theme/bang/map/img/kcr-cb-map.png") 0 0 no-repeat;}
main .kcr-area #area-jn-map .imgmap img {background: url("/web/theme/bang/map/img/kcr-jn-map.png") 0 0 no-repeat;}
main .kcr-area #area-jb-map .imgmap img {background: url("/web/theme/bang/map/img/kcr-jb-map.png") 0 0 no-repeat;}
main .kcr-area #area-kn-map .imgmap img {background: url("/web/theme/bang/map/img/kcr-kn-map.png") 0 0 no-repeat;}
main .kcr-area #area-kb-map .imgmap img {background: url("/web/theme/bang/map/img/kcr-kb-map.png") 0 0 no-repeat;}
main .kcr-area #area-jj-map .imgmap img {background: url("/web/theme/bang/map/img/kcr-jj-map.png") 0 0 no-repeat;}


main .kcr-area #area-foreign-map {
    position: absolute;
}

main .kcr-area #area-foreign-map ul li a {
    position: absolute;
    display: block;
    padding: 0 10px;
    height: 30px;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    line-height: 30px;
    background-color: #f36;
    z-index: 4;
}

main .kcr-area #area-foreign-map ul li a:hover { background-color: #666; }
main .kcr-area #area-foreign-map ul li.chicago a { top: 150px; left: 260px; }
main .kcr-area #area-foreign-map ul li.atlanta a { top: 185px; left: 280px; }
main .kcr-area #area-foreign-map ul li.toronto a { top: 110px;  left: 350px; }
main .kcr-area #area-foreign-map ul li.hawai a { top: 220px; left: 80px; }
main .kcr-area #area-foreign-map ul li.houston a { top: 220px; left: 280px; }
main .kcr-area #area-foreign-map ul li.la a { top: 180px; left: 150px; }
main .kcr-area #area-foreign-map ul li.newyork a { top: 150px; left: 380px; }
main .kcr-area #area-foreign-map ul li.seattle a { top: 140px; left: 110px; }
main .kcr-area #area-foreign-map ul li.vancouver a { top: 100px; left: 100px; }
main .kcr-area #area-foreign-map .bg-map {
    position: absolute;
    top: 0;
    left: 0;
    width: 950px;
    height: 620px;
    background: #f3fcff url(http://image.kcrone.net/home/icross/intro/kcr-foreign-map.png) 0 0 no-repeat;
    z-index: 2;
}

main .kcr-area .jsa-position { position: absolute; display: block; width: 126px; height: 20px; z-index: 10; }
main .kcr-area .jsa-position.cn-1 { top: 421px; left: 505px; width: 144px; }
main .kcr-area .jsa-position.cb-1 { top: 309px; left: 481px; }
main .kcr-area .jsa-position.kb-1 { top: 199px; left: 360px; }
main .kcr-area .jsa-position.jn-1 { top: 424px; left: 402px; width: 203px; }
main .kcr-area .jsa-position.jn-2 { top: 239px; left: 359px; }
main .kcr-area .jsa-layer {
    position: absolute;
    width: 280px;
    border: 1px solid #999;
    background-color: #fff;
    overflow: hidden;
    text-align: left;
    z-index: 10;
}

main .kcr-area .jsa-layer strong { display: block; padding: 5px 0; font-size: 16px; color: #fff; text-align: center; background-color: #666; }
main .kcr-area .jsa-layer > a { display: block; font-size: 12px; color: #333; }
main .kcr-area .jsa-layer .jsa-list { padding: 10px; overflow: hidden; text-align: center; }
main .kcr-area .jsa-layer .jsa-list ul { overflow: hidden; display: inline-block; margin: 0;padding: 0; }
main .kcr-area .jsa-layer .jsa-list ul li { overflow: hidden; padding: 3px 0; }
main .kcr-area .jsa-layer .jsa-list ul li span {
    float: left;
    margin-right: 10px;
    font-weight: bold;
    font-size: 14px;
    background-color: #ff53a9;
    color: #fff;
}

main .kcr-area .jsa-layer .jsa-list ul li a {
    float: left;
    padding: 0 5px;
    font-size: 14px;
    border-right: 1px solid #ddd;
}

main .kcr-area .jsa-layer .jsa-list ul li a:hover { color: #f36; }
main .kcr-area .jsa-layer .jsa-list ul li a.jsa-last { border: 0 none; }
main .kcr-area .jsa-layer.cn-1 { top: 390px; left: 440px; }
main .kcr-area .jsa-layer.cb-1 { top: 280px; left: 410px; }
main .kcr-area .jsa-layer.kb-1 { top: 150px; left: 300px; }
main .kcr-area .jsa-layer.jn-1 { top: 400px; left: 350px; }
main .kcr-area .jsa-layer.jn-2 { top: 210px; left: 280px; }

main .kcr-app-downlaod { background:#f1f3f6; }
main .kcr-app-downlaod .inner { height:410px; padding:78px 0 0; background: url(http://image.kcrone.net/home/icross/app_download.png) 520px bottom no-repeat; }
main .kcr-app-downlaod .title { height:95px; margin:0 0 5px 10px; font-size:22px; position:relative; padding:15px 0 0 105px; overflow:hidden; }
main .kcr-app-downlaod .title strong { display:block; margin-top:10px; font-size:24px; font-family: 'Nanum Gothic'; font-weight:800; }
main .kcr-app-downlaod .title:after { display:block; position:absolute; top:0; left:0; width:88px; height:88px; background-image:url("http://image.kcrone.net/home/icross/icross_sprite.png"); content:''; background-position:0 -103px; }
main .kcr-app-downlaod .inner a { display:inline-block; font-size:18px; margin-left:20px; font-weight:bold; }
main .kcr-app-downlaod .inner a:hover { text-decoration:none; color:#1986f7; }
main .kcr-app-downlaod .inner a:before { display:inline-block; width:50px; height:50px; margin-right:10px; vertical-align:middle; content:''; background-image:url("http://image.kcrone.net/home/icross/icross_sprite.png"); }
main .kcr-app-downlaod .inner a.googleplay:before { background-position:-286px 0; }
main .kcr-app-downlaod .inner a.appstore:before { background-position:-336px 0; }
main .kcr-app-downlaod .app_sns_send { margin:60px 0 0 20px; }
main .kcr-app-downlaod .app_sns_send h3 { margin-bottom:6px; color:#ed1651; font-size:18px; }
main .kcr-app-downlaod .app_sns_send h3 span { color:#888; }
main .kcr-app-downlaod .app_sns_send h3 .explan { font-size:13px; font-weight:normal; }
main .kcr-app-downlaod .app_sns_send input[type="text"] { width:300px; font-size:15px; font-weight:bold; border:2px solid #ed1651; }
main .kcr-app-downlaod .app_sns_send .cof-btn { background-color:#ed1651; border:1px solid #ed1651; color:#fff; }
main .kcr-app-downlaod .app_sns_send .error { display:block; color:#ff3300; }
main .kcr-app-downlaod .app_sns_send input[type="text"].error { display:inline-block; }