@charset "utf-8";

/* Font */

@import url(font.css);

/* Guide
----------------------------------------------------------------------------------------------------------------------------------------------------------

▶사이즈
pc :1200px
tablet :980px ~
mobile :767px ~ 320px

▶미디어쿼리는 (주석으로 구분 되어있는)파트마다 각각 작성함.

*/


/* Reset
---------------------------------------------------------------------------------------------------------------------------------------------------------- */

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 {
    margin:0;
    padding:0;
}

body,
th,
td,
input,
select,
textarea,
button {
    font-family:'NotoSansKR', sans-serif;
    font-weight:300;
    font-size:15px;
    color:#555;
}

dl,
ul,
ol,
menu,
li {
    list-style:none;
}

*,
*:before,
*:after {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

:focus {
    outline:0 !important;
}

iframe {
    border:none;
    width:100%;
}

a {
    color:inherit;
    -webkit-transition:all .2s ease-out;
    -moz-transition:all .2s ease-out;
    transition:all .2s ease-out;
}

a:hover,
a:focus,
a:active {
    text-decoration:none;
    color:#ff4e00;
}

img {
    max-width:100%;
}

textarea {
    max-width:100%;
    resize:none;
}

@media only screen and (min-width:320px) {
    body {
        overflow-x:hidden;
    }
}

.hidden {
    font-size:0;
    line-height:0;
    text-indent:-9999em;
    overflow:hidden;
}

::selection {
    background:#0e277f;
    color:#fff;
    text-shadow:none;
}

::-moz-selection {
    background:#0e277f;
    color:#fff;
    text-shadow:none;
}

::-webkit-selection {
    background:#0e277f;
    color:#fff;
    text-shadow:none;
}


/* Parallax
---------------------------------------------------------------------------------------------------------------------------------------------------------- */

.parallax {
    background-position:0 0;
    background-repeat:no-repeat;
    background-size:100% auto;
    width:100%;
    background-size:cover;
    background-attachment:fixed;
}


/* Preloader
---------------------------------------------------------------------------------------------------------------------------------------------------------- */

.animationload {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff;
    z-index:999999;
}

.loader {
    width:200px;
    height:200px;
    font-size:24px;
    text-align:center;
    position:absolute;
    left:50%;
    top:50%;
    background-image:url(/images/basic_resp/img/preloader.gif);
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px;
}


/* Back to top (탑 버튼)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */

.back-to-top {
    width:80px;
    height:80px;
    position:fixed;
    bottom:60px;
    right:20px;
    display:none;
    text-align:center;
    z-index:10000;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    background:#0f2880;
    box-shadow:0px 15px 29px rgba(0, 0, 0, .3);
}

.back-to-top i {
    color:#fff;
    font-size:30px;
    display:block;
    line-height:78px;
}

@media only screen and (max-width:980px) {
    .back-to-top {
        width:60px;
        height:60px;
    }
    .back-to-top i {
        line-height:58px;
        font-size:20px;
    }
}


/* Layoyt (레이아웃)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */

#wrapper {
    position:relative;
    width:100%;
    min-width:320px;
    height:100%;
}


/* Header
---------------------------------------------------------------------------------------------------------------------------------------------------------- */

#header {
    z-index:666;
    width:100%;
    height:120px;
    background-color:#ffffff;
}

#header h1 {
    float:left;
}

#header h1 a {
    display:block;
    margin-top:18px;
}

#header #header_in {
    position:relative;
    margin:0 auto;
    width:100%;
    max-width:1200px;
    height:65px;
}

#nav {
    display:inline-block;
    margin-left:1116px;
    margin-top:36px;
    float:right
}

.nav-btn {
    display:none;
}

.nav-bg {
    z-index:888;
    display:none;
    position:absolute;
    top:118px;
    width:100%;
    height:120px;
    background:#fff;
    border-bottom:1px solid #0e277f;
}

.util-menu {
    position:absolute;
    top:18px;
    right:0;
    line-height:0;
    font-size:0;
}

.util-menu ul {
    display:inline-block;
}

.util-menu li {
    display:inline-block;
    float:left;
    height:30px;
    text-align:center;
    margin-left:10px;
}

.util-menu li:first-child {
    border-color:#1886a2;
    margin-left:0;
}

.util-menu a {
    display:inline-block;
    line-height:22px;
    font-size:12px;
    font-weight:400;
    color:#999999;   
}

.navigation:after {
    content:"";
    display:block;
    clear:both;
}

.navigation > li {
    position:relative;
    float:left;
    height:100%;
    line-height:66px;
    text-align:center;
}

.navigation > li:last-child a {
    padding-right:0
}

.navigation > li:last-child ul {
    padding-left:45px;
}

.navigation .main-menu {
    display:block;
    padding:0 49px;
    width:100%;
    font-weight:500;
    font-size:18px;
    color:#0e277f;
}

.navigation .sub-menu {
    display:none;
    z-index:998;
    position:absolute;
    top:53px;
    left:0;
    width:100%;
    height:120px;
    padding:23px 0 0 0;
}

.navigation .sub-menu a {
    display:block;
    text-align:center;
    line-height:120%;
	margin:0 0 20px;
    letter-spacing:-1px;
    font-size:15px;
    font-weight:normal;
    color:#333;
}

.navigation .sub-menu .intro-menu {
    display:none;
}


/* .navigation > li:hover {background:#ff6c00;} */


/* .navigation > li:hover > a {color:#fff;} */


/* .navigation > li:hover a {color:#fff;} */


/* .navigation > li:hover .sub-menu{background:#ff6c00;} */


/* .navigation > li:hover:after {content:''; position:absolute; height:1px; width:100%; left:0; bottom:0; background-color:#d65b00; z-index:999;} */

.navigation .sub-menu a:hover {
    text-decoration:underline;
}

.navigation li:nth-child(1):hover a.main-menu:after,
.navigation li:nth-child(2):hover a.main-menu:after,
.navigation li:nth-child(3):hover a.main-menu:after {
    content:"";
    display:block;
    position:absolute;
    height:2px;
    background:#0e277f;
    width:calc( 100% - 78px);
    left:39px;
    bottom:11px;
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}

.navigation li:nth-child(1) a.main-menu:after,
.navigation li:nth-child(2) a.main-menu:after,
.navigation li:nth-child(3) a.main-menu:after {
    content:"";
    display:block;
    position:absolute;
    height:2px;
    width:0;
    bottom:11px;
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}

.navigation li:nth-child(4):hover a.main-menu:after {
    content:"";
    display:block;
    position:absolute;
    height:2px;
    background:#0e277f;
    width:calc( 100% - 39px);
    left:39px;
    bottom:11px;
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}

.navigation li:nth-child(4) a.main-menu:after {
    content:"";

    display:block;
    position:absolute;
    height:2px;
    width:0;
    bottom:11px;
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}

@media only screen and (min-width:981px) {
    #nav {
        margin-left:52px;
    }
    .navigation .main-menu {
        padding:0 25px;
    }
    .util-menu {
        right:20px;
    }
}

@media only screen and (min-width:1201px) {
    #nav {
        margin-left:116px;
    }
    .navigation .main-menu {
        padding:0 39px;
    }
    .util-menu {
        right:0;
    }
}

@media only screen and (max-width:1200px) {
    #header > div {
        padding:0 20px;
    }
}

@media only screen and (max-width:1024px) {
    #header {
        z-index:666;
        width:100%;
        height:65px;
        border-bottom:1px solid #e1e1e1;
    }
    #header > div {
        padding:0;
    }
    #header h1 {
        float:left;
        height:65px;
    }
    #header h1 a {
        display:block;
        padding:5%;
        margin-top:0;
    }
    #header h1 img {
        width:70%;
    }
    .nav-btn {
        z-index:999;
        display:block;
        position:absolute;
        top:20px;
        right:20px;
        width:30px;
        height:23px;
        cursor:pointer;
    }
    .nav-btn span {
        position:absolute;
        left:50%;
        display:block;
        margin-left:-15px;
        width:30px;
        height:3px;
        background:#0f2880;
        transition:.2s all linear;
    }
    .nav-btn span:nth-child(1) {
        top:0;
    }
    .nav-btn span:nth-child(2) {
        top:10px;
    }
    .nav-btn span:nth-child(3) {
        top:20px;
    }
    .nav-btn.nav-close {
        position:fixed;
    }
    .nav-btn.nav-close span:nth-child(1) {
        top:50%;
        transform:rotate(45deg);
    }
    .nav-btn.nav-close span:nth-child(2) {
        margin-left:0;
        width:0;
    }
    .nav-btn.nav-close span:nth-child(3) {
        top:50%;
        transform:rotate(-45deg);
    }
    .nav-bg {
        z-index:777;
        display:none;
        position:fixed;
        top:0;
        width:100%;
        height:100%;
        background:rgba(0, 0, 0, 0.7);
    }
    #nav {
        z-index:888;
        position:fixed;
        top:0;
        right:-100%;
        display:block;
        padding:0 0 20px;
        width:100%;
        height:100%;
        background:#fff;
        margin-top:0;
    }
    .util-menu {
        position:relative;
        top:0;
        padding:17px 30px;
        width:100%;
        max-height:65px;
        border-top:1px solid #e1e1e1;
        border-bottom:1px solid #eee;
    }
    .util-menu ul {
        width:100%;
    }
    .util-menu li {
        margin-left:15px;
    }
    .util-menu a {
        font-size:16width:100%;
        padding:0;
    }
    .navigation .main-menu {
        display:block;
        padding:0 30px;
        width:100%;
        line-height:50px;
        font-weight:400;
        font-size:16px;
        color:#000;
        transition:none;
    }
    .navigation > li {
        width:100%;
        text-align:left;
        border-top:1px solid #e1e1e1;
    }
    .navigation > li:hover {
        background:#0f2880;
        border-color:#0a1f68;
    }
    .navigation > li:first-child {
        border-top:none;
    }
    .navigation > li:hover:after {
        display:none;
    }
    .navigation > li.active {
        background:#0f2880;
    }
    .navigation > li a {
        color:#000;
    }
	 .navigation > li a:hover {
        color:#fff;
    }
    .navigation > li.active > a {
        color:#fff;
    }
    .navigation > li.active > ul li a {
        color:#555;
    }
    .navigation > li:hover .sub-menu {
        background:inherit;
    }
    .navigation .sub-menu {
        display:none;
        position:relative;
        top:0;
        height:inherit;
        background:#f7f4f4 !important;
        padding:0;
    }
    .navigation .sub-menu li {
        border-top:1px solid #b0b0b0;
    }
    .navigation .sub-menu li:first-child {
        border-top:none;
    }
    .navigation .sub-menu a {
        display:block;
        padding:0 30px 0 50px;
        line-height:50px;
        font-size:14px;
        color:#555;
        text-align:left;
	margin:0;
    }
    .navigation .sub-menu a:before {
        content:"";
        display:inline-block;
        margin:-2px 10px 0 0;
        width:5px;
        height:5px;
        vertical-align:middle;
        background:#b0b0b0;
    }
    .navigation .sub-menu a:hover {
        background:#b0b0b0;
    }
    .navigation .sub-menu a:hover:before {
        background:#fff;
    }
    .navigation li:hover a.main-menu:after {
        display:none !important;
    }
}
@media only screen and (max-width:768px) {
    .nav-btn {
        right:10px;
    }
    .navigation > li:last-child ul {
        padding-left:0
    }
}


/* Button (공통 버튼)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */

.btn {
    text-transform:uppercase;
    border-radius:0;
    line-height:24px;
}

.btn:focus,
.btn:active {
    outline:none;
    color:#fff;
}

.btn-custom {
    border-radius:3px;
    padding:0.8em 1.8em;
    -webkit-transition:all .2s ease-out;
    -moz-transition:all .2s ease-out;
    transition:all .2s ease-out;
    text-transform:uppercase;
    background-color:#509591;
    border-color:#509591;
    color:#fff;
}

.btn-custom:hover,
.btn-custom:focus {
    background-color:#447774;
    border-color:#447774;
    color:#fff;
}

.btn-custom-outline {
    border-radius:3px;
    padding:0.8em 1.8em;
    color:#fff;
    -webkit-transition:all .2s ease-out;
    transition:all .2s ease-out;
    text-transform:uppercase;
    background-color:transparent;
    border-color:#fff;
}

.btn-custom-outline:hover,
.btn-custom-outline:focus {
    color:#fff;
    background-color:rgba(255, 255, 255, .5);
}

.btn-bar a {
    margin-right:10px;
}

.form-control {
    box-shadow:none;
    -webkit-box-shadow:none;
    border-radius:3px;
    height:38px;
}

.form-control:focus {
    outline:none;
    box-shadow:none;
    -webkit-box-shadow:none;
    border-color:#509591;
}

@media only screen and (max-width:980px) {}


/* Footer (하단메시지)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */

#footer {
    position:relative;
    width:100%;
    background:#000000;
    padding:50px 0;
}

#footer:after {
    content:'';
    position:absolute;
    top:74px;
    left:0;
    width:100%;
    height:1px; 
}

.footer-area {
    position:relative;
    margin:0 auto;
    width:100%;
    box-sizing:border-box;
}

.footer-area:after {
    content:"";
    display:block;
    clear:both;
}

.footer-sns {
    position:absolute;
    top:0;
    right:0;
    padding:22px 0;
}

.footer-sns li {
    float:left;
    display:inline;
    margin-left:10px;
}

.footer-sns li:first-child {
    margin-left:0;
}

.footer-sns li a {
    display:block;
    width:30px;
    height:30px;
    background-color:#ffa800;
}

#footer p,
#footer li {
    font-size:16px;
    font-weight:300;
    letter-spacing:0;
    text-align:center;
}

.foot-logo {
    float:left;
    margin:22px 50px 0 0;
}

.foot-info {
    float:left;
    width:calc(100% - 150px);
}

.footer-menu {
    margin:0 auto;
    line-height:0;
    font-size:0;
    text-align:center;
}

.footer-menu li {
    position:relative;
    display:inline-block;
    margin-left:10px;
    padding-left:10px;
    vertical-align:middle;
    line-height:36px;
    color:#fff;
}

.footer-menu li:first-child {
    margin-left:0;
    padding-left:0;
    border-left:0;
}

.footer-menu li:before {
    content:'';
    position:absolute;
    top:33px;
    left:0;
    width:1px;
    height:10px; 
}

.footer-menu li:first-child:before {
    display:none;
}

.footer-menu li a {
    line-height:10px;
    font-size:16px;
    font-weight:500;
    color:#eed1a7;
}

.footer-info {
    line-height:30px;
    margin-bottom:30px;
    color:#eed1a7;
	word-break:keep-all;
}

.footer-info span {
    color:#9c9a9a;
    text-indent:-9999px;
    display:inline-block;
    width:20px;
}

.footer-info a {
    font-weight:500;
}

.footer-copy {
    color:#5d4f3b;
}

.footer-logo {
    margin-bottom:20px;
}

.footer-info.wide {display:block;}
.footer-info.mob {display:none;}

@media only screen and (min-width:1201px) {
    .footer-area {
        width:1200px;
    }
    #footer p,
    #footer li {
        font-size:16px;
    }
}

@media only screen and (max-width:1200px) {
    .footer-area {
        padding:0 20px;
    }
    .footer-sns {
        right:20px;
    }
    .footer-info {
        width:100%;
    }
}

@media only screen and (max-width:768px) {
    #footer p,
    #footer li {
        white-space:normal;
        font-size:12px;
    }
    .footer-area {
        padding:0 10px;
        text-align:center;
    }
    .footer-sns {
        display:none;
    }
    .footer-menu li {
        margin-left:5px;
        padding-left:5px;
    }
    .footer-menu li a {
        font-size:13px;
    }
    .foot-info {
        float:none;
        width:100%;
    }
    .footer-info {
        width:100%;
        line-height:20px;
        white-space:pre;
    }
    .footer-copy {
        white-space:pre-line;
    }
    .foot-logo {
        float:none;
        margin:0 0 20px 0;
    }

}

@media only screen and (max-width:620px) {
.footer-info.wide {display:none;}
.footer-info.mob {display:block;}
}

/* Main Visual (메인이미지)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */

.carousel-inner > .item {
    height:680px;
}

.carousel-inner > .main-img01 {background:url("/images/kor04r-19-0425/main/main_visual1.jpg") no-repeat center center/cover;}
.carousel-inner > .main-img02 {background:url("/images/kor04r-19-0425/main/main_visual2.jpg") no-repeat center center/cover;}

.main-visual {position:relative;}

.main-visual .carousel-caption {top:50%; left:0; right:0; bottom:auto; padding:0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); margin:auto; width:100%; text-shadow:none; color:#fff;}
.main-visual .carousel-caption .slogan {padding:0; text-align:center; word-break:keep-all;}
.main-visual .carousel-caption .slogan p {text-align:center;font-family:'NotoSansKR';}
.main-visual .carousel-caption .slogan .main-copy {font-weight:500; font-size:48px; line-height:120%;}
.carousel-inner > .main-img02 .main-copy {font-family:'Montserrat', sans-serif !important; letter-spacing:10px; font-size:60px !important; font-weight:700 !important;}

.main-visual .carousel-control {
    background:none;
    text-shadow:none;
    width:10%;
    text-indent:-9999em;
    overflow:hidden;
}

.main-visual .carousel-control,
.main-visual .carousel-control:focus,
.main-visual .carousel-control:hover {
    opacity:1;
}

.main-visual .carousel-control.left {
    background:url("/images/kor04r-19-0425/main/visual_btn_prev.png") no-repeat center center;
}

.main-visual .carousel-control.right {
    background:url("/images/kor04r-19-0425/main/visual_btn_next.png") no-repeat center center;
}

.main-visual .carousel-indicators {
    bottom:200px;
    left:0;
    margin-left:0;
    width:100%;
    text-align:center;
    display:none;
}

.main-visual .carousel-indicators li {
    width:45px;
    height:10px;
    box-sizing:border-box;
    vertical-align:middle;
    border:1px solid #fff;
    border-radius:0;
}

.main-visual .carousel-indicators .active {
    width:45px;
    height:10px;
    box-sizing:border-box;
    background:#fff;
    border-radius:0;
    border:none;
}

.main-visual .list-box {
    position:absolute;
    height:170px;
    width:100%;
    bottom:0;
    background:url("/images/kor04r-19-0425/common/bg_b_70.png") repeat;
    text-align:center;
}

.main-visual .list-box ul {
    position:relative;
    display:inline-block;
    max-width:1200px;
    width:100%;
    height:100%;
    margin:0 auto;
}

.main-visual .list-box ul li {
    padding:30px 0;
    height:100%;
    color:#ffa800;
    font-size:20px;
    font-weight:normal;
    line-height:20px;
}

.main-visual .list-box ul li img {
    display:inline-block;
    margin-bottom:10px;
}

.main-visual .list-box ul li span {
    display:block;
    margin-bottom:7px;
}

.main-visual .list-box ul li small {
    display:block;
    font-size:14px;
    line-height:14px;
}

@media only screen and (min-width:1201px) {
    .main-visual .carousel-caption {
        width:1200px;
    }
}

@media only screen and (max-width:1200px) {
    .main-visual .carousel-caption .slogan {
    }
}

@media screen and (max-width:1024px) {
    .carousel-inner > .item {
        height:360px !important;
    }
	.main-visual .carousel-caption .slogan .main-copy {font-size:38px;}
	.carousel-inner > .main-img02 .main-copy { font-size:50px !important;}
}

@media screen and (max-width:768px) {

    .carousel-inner > .item {
        height:320px !important;
    }
    .carousel-inner > .main-img01,
    .carousel-inner > .main-img02 {
        background-position:50% center;
    }
    .main-visual .list-box {
        height:135px;
    }
    .main-visual .list-box ul li {
        font-size:14px;
        line-height:14px;
    }
    .main-visual .list-box ul li img {
        height:30px;
    }
    .main-visual .list-box ul li small {
        font-size:12px;
        line-height:12px;
    }
    .main-visual .carousel-indicators {
        display:none;
    }
    .main-visual .carousel-control.left,
    .main-visual .carousel-control.right {
        background-size:50px;
    }

.main-visual .carousel-control.left {
    background-size:80%;
}

.main-visual .carousel-control.right {
    background-size:80%;
}


}

@media screen and (max-width:500px) {
    .main-visual .carousel-control {
        display:none;
    }
	.main-visual .carousel-caption .slogan .main-copy {font-size:30px;}
	.carousel-inner > .main-img02 .main-copy { font-size:40px !important;}
}


/* Main Contents (메인 컨텐츠)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */

.container {
    width:100%;
}

#mainContainer {
    z-index:555;
}

.main-box {
    position:relative;
    display:block;
    width:100%;
}

.main-box-tit {
    position:relative;
    display:table;
    width:100%;
    min-height:228px;
    text-align:center;
}

.main-box-tit h3 {
    display:table-cell;
    vertical-align:middle;
    font-family:'Nanum Square';
    font-size:30px;
    font-weight:800;
    background-color:#fff;
}

.main-box-tit h3 span {
    background-color:#fff !important;
    position:relative;
    z-index:1;
    padding:0 30px;
}

.main-box-tit h3:after {
    content:'';
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    height:1px;
    background-color:#e1e1e1;
}

.main-box-link {
    display:inline-block;
    width:100%;
    min-height:455px;
    margin-bottom:-5px;
}

.main-box-link ul li {
    position:relative;
    display:table;
    padding:0;
    max-width:100%;
    min-height:455px;
}

.main-box-link ul li a {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    font-size:30px;
    line-height:30px;
    color:#fff;
    text-shadow:0px 1px 1px rgba(0, 0, 0, 1);
}

.main-box-link ul li.box-1 {
    background:url("/images/kor04r-19-0425/main/main_link_img_1.jpg") no-repeat top/cover;
}

.main-box-link ul li.box-2 {
    background:url("/images/kor04r-19-0425/main/main_link_img_2.jpg") no-repeat top/cover;
}

.main-box-link ul li.box-3 {
    background:url("/images/kor04r-19-0425/main/main_link_img_3.jpg") no-repeat top/cover;
}

.main-box-link ul li.box-4 {
    background:url("/images/kor04r-19-0425/main/main_link_img_4.jpg") no-repeat top/cover;
}

.main-box-in ._bg {
    position:relative;
    margin:0 auto;
    padding:100px 0;
    max-width:1200px;
    min-height:520px;
}

.main-box-in ._left {
    position:relative;
    padding:0;
}

.main-box-in ._left a.btn {
    margin-right:20px;
    padding:12px 20px;
    min-width:148px;
    background-color:#ffa800;
    color:#fff;
    font-size:16px;
}

.main-box-in ._left a._last {
    margin-right:0;
}

.main-box-in ._left span {
    display:inline-block;
    margin-bottom:20px;
    font-size:30px;
    font-weight:normal;
    line-height:30px;
    color:#1886a2;
}

.main-box-in ._left h4 {
    position:relative;
    margin-bottom:30px;
    font-size:60px;
    line-height:1;
    color:#333;
}

.main-box-in ._left p {
    max-width:367px;
    font-size:16px;
    line-height:26px;
    color:#5a5a5a;
}

.main-box-in._bg div._right {
    padding:0;
}

.main-box-in._bg div._right iframe {
    width:100%;
    height:320px;
}

.main-box-in a.btn-xs-more {
    position:absolute;
    top:0;
    right:60px;
    padding:4px 16px;
    font-size:12px;
    color:#fff;
    background-color:#1886a2;
}

.page-box {
    background:url("/images/kor04r-19-0425/main/banner_bg.jpg") no-repeat #0b0c0e bottom;
}

.page-box .main-box-in {
    position:relative;
    background-image:none;
    display:block;
    margin:0 auto;
    max-width:1200px;
    width:100%;
    min-height:488px;
    padding:100px 0
}

.page-box ._left p {
    margin-bottom:60px;
}

.board-box {
    background-color:#f4f4f4;
    padding:100px 30px;
}

.board-box .main-box-in {
    position:relative;
    background-image:none;
    display:block;
    margin:0 auto;
    max-width:1200px;
    width:100%;
    min-height:212px;
}

.board-box .main-box-in h5 {
    font-size:30px;
    font-weight:900;
    font-family:'Nanum Square';
    margin-bottom:30px;
}

.board-box .main-box-in .extract-article {
    min-height:inherit;
    display:block;
}


.board-box .main-box-in .extract-content {
    text-align:left;
}

.board-box .main-box-in .extract-content .extract-date {
    font-size:16px;
    font-weight:500;
    line-height:16px;
    text-shadow:none;
    color:#b8b8b8;
    margin-bottom:20px;
}

.board-box .main-box-in .extract-content .extract-date i {
    margin-right:5px;
}

.board-box .main-box-in .extract-content .extract-title {
    font-size:24px;
    line-height:26px;
    text-shadow:none;
    color:#1886a2;
    font-weight:400;
    margin-bottom:20px;
}

.board-box .main-box-in .extract-content .extract-body {
    font-size:16px;
    color:#727272;
    text-shadow:none;
    font-weight:400;
    line-height:26px;
}

.board-box p.customer-pic {
    display:inline-block;
    float:left;
    margin-right:26px;
}

.board-box dl dt {
    font-size:20px;
    color:#1886a2;
    font-weight:700;
    margin-bottom:15px;
}

.board-box dl dd {
    display:block;
    min-height:inherit;
    max-width:inherit;
    font-size:16px;
    line-height:1.5;
    color:#727272;
}

.board-box dl dd a {
    text-shadow:none;
    text-align:left;
    display:block;
    min-height:inherit;
    max-width:inherit;
    font-size:16px;
    line-height:1.2;
    color:#727272;
}

.board-box dl dd.customer-tel a {
    font-family:'Nanum Square';
    font-size:40px;
    font-weight:900;
    color:#ffa800;
    letter-spacing:-3px;
}

.board-box ._right {
    padding:0 0 0 60px;
}

.banner-box {
    background:#0b0c0e url(/images/kor04r-19-0425/main/tel_bg.jpg) no-repeat bottom;
}

.banner-box .main-box-in {
    position:relative; 
    display:block;
    margin:0 auto;
    max-width:1200px;
    width:100%;
    min-height:235px;
    padding:58px 25px;
    text-align:center;
}

.banner-box .main-box-in .box-title {
    color:#fff;
    font-size:24px;
    font-weight:400;
    padding-bottom:24px;
    word-break:keep-all;
}

.banner-box .main-box-in .box-title b {
    color:#f1b359;
    font-weight:400;
}

.banner-box .main-box-in .tellme {
    display:inline-block;
    background-color:#f1b359;
    color:#fff;
    font-weight:400;
    font-size:18px;
    line-height:50px;
    width:185px;
}

.main_banner.bn_2 .bn_in {
    margin:0 auto;
    max-width:1200px;
    width:100%;
}

.main_banner .main_quick {
    display:table;
    margin-right:40px;
    padding:0;
    max-width:580px;
    min-height:240px;
    background-color:#7c1818;
}

.main_banner .main_quick a {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}

.main_banner .main_company {float:left; position:relative; padding:50px 20px; width:46%; min-height:320px; margin-right:1%; text-align:center; background:url(/images/kor04r-19-0425/main/main_banner1.jpg) no-repeat center center/cover;}
.main_banner .main_company h5 {margin-bottom:24px; font-size:24px; font-weight:400; line-height:1;color:#fff; }
.main_banner .main_company hr {border-color:#fff; width:45px; text-align:center; height:1px; margin:0 auto; padding:0;}
.main_banner .main_company p {margin-top:24px; line-height:1.56em; font-size:18px; color:#fff; font-weight:400; word-break:keep-all;}
.main_banner .main_company a {position:absolute; bottom:40px; left:0; width:100%; text-align:center;}

.main_banner .main_profile {float:left; position:relative; padding:50px 20px; width:26%; min-height:320px; margin-right:1%; text-align:center; background:url(/images/kor04r-19-0425/main/main_banner2.jpg) no-repeat center center/cover;}
.main_banner .main_profile h5 {margin-bottom:24px; font-size:24px; font-weight:400;  line-height:1;color:#fff;}
.main_banner .main_profile hr {border-color:#fff; width:45px; text-align:center; height:1px; margin:0 auto; padding:0;}
.main_banner .main_profile p {margin-top:24px; line-height:1.56em; font-size:18px; color:#fff; font-weight:400; word-break:keep-all;}
.main_banner .main_profile a {position:absolute; bottom:40px; left:0; width:100%; text-align:center;}

.main_banner .main_gallery {float:left; position:relative; padding:50px 20px; width:26%; min-height:320px; text-align:center; background:url(/images/kor04r-19-0425/main/main_banner3.jpg) no-repeat center center/cover;}
.main_banner .main_gallery h5 {margin-bottom:24px; font-size:24px; font-weight:400; line-height:1;color:#fff; }
.main_banner .main_gallery hr {border-color:#fff; width:45px; text-align:center; height:1px; margin:0 auto; padding:0;}
.main_banner .main_gallery p {margin-top:24px; line-height:1.56em; font-size:18px; color:#fff; font-weight:400; word-break:keep-all;}
.main_banner .main_gallery a {position:absolute; bottom:40px; left:0; width:100%; text-align:center;}

@media all and (max-width:720px) {
	.main_banner .main_company {float:none; width:100%; margin-right:0; margin:0 0 20px;min-height:250px; padding:40px 14px;}
	.main_banner .main_profile {float:left; width:49%; margin-right:2%;min-height:250px; padding:40px 14px;}
	.main_banner .main_gallery {float:left; width:49%;min-height:250px; padding:30px 14px;}
	.main_banner a {bottom:20px !important;}
}
@media all and (max-width:480px) {
	.main_banner .main_profile {float:none; width:100%; margin:0 0 20px;}
	.main_banner .main_gallery {float:none; width:100%;}
	.main_banner p {font-size:15px !important}
}



.Brochure {
    position:absolute;
    bottom:0;
    z-index:10;
}

.Brochure_bg {
    display:block;
    position:absolute;
    bottom:0;
    height:95px;
    background-color:#dfd8c2;
    width:100%;
    left:0;
}

.Brochure_img {
    position:absolute;
    right:0;
    bottom:0;
    z-index:10;
}

.Brochure span {
    position:relative;
    font-size:25px;
    color:#615c4c;
    font-weight:500;
    line-height:90px;
}

.Brochure span:after {
    display:block;
    content:url(/images/kor04r-19-0425/main/brochure_arrow.png);
    position:absolute;
    right:-42px;
    top:-26px;
}

@media only screen and (min-width:1201px) {
    #mainContainer {
        padding:50px 0 135px;
        margin:0 auto;
        width:1200px;
    }
}

.main-container h3 {
    position:relative;
    margin-bottom:20px;
    line-height:1.2;
    font-weight:400;
    font-size:20px;
    color:#000;
}

.main-container h3 span {
    display:block;
    margin-top:5px;
    font-size:14px;
    color:#6c7079;
}

.main-top h3 img {
    float:right;
}

.main-top ul {
    margin:0 -10px;
}

.main-top ul:after {
    content:"";
    display:block;
    clear:both;
}

.main-top li {
    position:relative;
    float:left;
    margin:0 10px;
    width:calc(25% - 20px);
    background:#f9f9f9;
    border:1px solid #c5c5c5;
}

.main-top .txt-frame {
    margin:30px 25px;
    word-break:keep-all;
}

.main-top .txt-frame h3 {
    margin-bottom:15px;
}

.main-top .img-frame {
    width:100%;
    overflow:hidden;
}

.main-top .img-frame img {
    width:100%;
}

.main-top a:hover {
    color:#555;
}

.main-top .caption-link {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.main-top .caption-link:before {
    position:absolute;
    top:-1px;
    left:-1px;
    content:"";
    display:block;
    width:0;
    height:0;
    -webkit-transition:all .4s ease-out;
    -moz-transition:all .4s ease-out;
    transition:all .4s ease-out;
}

.main-top .caption-link:after {
    position:absolute;
    bottom:-1px;
    right:-1px;
    content:"";
    display:block;
    width:0;
    height:0;
    -webkit-transition:all .4s ease-out;
    -moz-transition:all .4s ease-out;
    transition:all .4s ease-out;
}

.main-top .caption-link:hover:before {
    width:100%;
    height:100%;
    border-left:5px solid #ff4e00;
    border-top:5px solid #ff4e00;
}

.main-top .caption-link:hover:after {
    width:100%;
    height:100%;
    border-right:5px solid #ff4e00;
    border-bottom:5px solid #ff4e00;
}

.main-center {
    margin:20px -10px;
}

.main-center:after {
    content:"";
    display:block;
    clear:both;
}

.main-center > div {
    position:relative;
    float:left;
    margin:0 10px;
    padding:30px 25px;
    height:286px;
    background:#f9f9f9;
    border:1px solid #c5c5c5;
}

.webgine-box {
    width:calc(50% - 20px);
}

.notice-box {
    width:calc(25% - 20px);
}

.notice-box .more-btn {
    position:absolute;
    top:25px;
    right:20px;
}

.affilates-box {
    width:calc(25% - 20px);
}

@media only screen and (max-width:1200px) {
    #mainContainer {
        padding:50px 20px 100px;
        width:100%;
    }
    .affilates-box {
        width:calc(25% - 10px);
    }
}

@media only screen and (max-width:1024px) {
    .notice-box {
        width:calc(50% - 20px);
    }
    .affilates-box {
        width:calc(50% - 20px);
    }
    .main-box-in ul li a {
        display:block;
    }
    .main-box-in ._bg {
        padding:60px 0;
    }
    .main-box-in ._bg div._left p {
        max-width:100%;
        margin-bottom:30px;
    }
    .main-box-in ._bg div._right {
        margin:60px 0 0;
        padding:0;
    }
    .main-box-in a.btn-xs-more {
        right:30px;
    }
    .main_banner .main_board {
        margin-bottom:20px;
    }
    .main_banner .main_myhome {
        margin-right:1%;
    }
    .main_banner .main_sale {
    }
    .page-box .main-box-in {
        display:inline-block;
        padding:30px;
        min-height:445px;
    }
    .main-box-tit {
        min-height:150px;
    }
    .board-box {
        padding:60px 30px;
    }
    .board-box .main-box-in {
        display:inline-block;
    }
    .board-box p.customer-pic {
        width:140px;
    }
    .board-box dl dd.customer-tel a {
        font-size:30px;
    }
    .main-box-in ._left {
        padding:0 30px 0 0;
    }
    .main-box-in ._right {
        padding:0;
    }
    .gallery-wrap .gallery-list .owl-carousel-item .img-frame {
        max-width:none !important;
    }
    .gallery-wrap .gallery-list .owl-carousel-item .viewport {
        height:100%;
    }
    .gallery-wrap .gallery-list .owl-carousel-item img {
        top:-32% !important;
    }
}

@media only screen and (max-width:768px) {
    #mainContainer {
        padding:20px 10px 30px;
        width:100%;
    }
    .notice-box {
        width:calc(50% - 10px);
    }
    .affilates-box {
        width:calc(50% - 10px);
    }
    .main-box-link ul li {
        min-height:300px;
    }
    .main-box-tit {
        min-height:100px;
    }
    .main-box-in ._left h4 {
        font-size:40px;
    }
   
    .main-box-in ._left {
        float:none;
        width:100%;
        padding:0 0 30px 0;
    }
    .main-box-in ._right {
        float:none;
        width:100%;
        padding:30px 0 0 0;
    }
    .main-box-in ._left p {
        max-width:100%;
        margin-bottom:30px;
    }
    .main-box-in a.btn-xs-more {
        right:0;
    }
    .page-box ._left a.btn {
        width:100%;
        display:block;
        float:none;
        margin-right:0;
        margin-bottom:20px;
    }
    .page-box ._left a._last {
        margin-bottom:0;
    }
    .main-box-tit h3 {
        font-size:25px;
    }
    .main-box-in._bg div._right iframe {
        height:146px;
    }
    .main_banner .main_board,
    .main_banner .main_myhome {
        width:100%;
		max-width:49%;
		margin-right:2%;
        margin-bottom:30px;
    }
    .main_banner .main_sale {
        width:100%;
		max-width:49%;
    }
    .board-box .main-box-in {
        padding:0;
    }
    .board-box ._left {
        border-bottom:1px solid #e1e1e1;
    }
    .board-box p.customer-pic {
        width:100%;
        float:none;
        margin-right:0;
        margin-bottom:30px;
        text-align:center;
    }
    .board-box dl {
        position:relative;
        display:table;
        margin:0 auto;
    }
    .main_banner .main_board {
        margin:0 0 30px 0;
        max-width:100%;
    }
}

@media only screen and (max-width:480px) {
    .main-top li:first-child,
    .main-bottom li:first-child {
        margin-top:0;
    }
    .notice-box {
        width:100%;
    }
    .affilates-box {
        width:100%;
    }
    .main-box-link ul li {
        min-height:250px;
    }
    .main-box-link ul li a {
        font-size:20px;
    }
	.main_banner .main_sale, .main_banner .main_myhome {
		max-width:100%;
	}
}

@media only screen and (max-width:500px) {
    .Brochure {
        bottom:20px;
    }
    .Brochure span {
        word-break:keep-all;
        display:inline-block;
        width:100px;
        line-height:29px;
    }
    .Brochure span:after {
        right:-30px;
        top:13px;
    }
}