@charset "UTF-8";

/* 모바일 수정 180831 */

/* 공통 */
.p-color1 { color: #365e9c; }
.p-color2 { color: #2a3c4f; }
.p-color3 { color: #000; }
.p-color4 { color: #fb6f31; }
.p-color5 { color: #726950; }
.p-color6 { color: #9d9280; }
.clearfix { clear: both; }
.p-ul { margin: 0 0 10px; padding-left: 20px; }
.p-ul > li { padding: 2px 0; line-height: 1.2em; }

/* 인사말 */
.p-intro > [class*="col-"] { text-align: center; }
.p-intro > [class*="col-"]:nth-child(4n+1) { clear: both; }
@media (max-width:480px) {
    .p-intro { }
    .p-intro > [class*="col-"] { width: 50%; }
    .p-intro > [class*="col-"]:nth-child(2n+1) { clear: both; }
}

/* card-module */
.p-card-module { padding: 10px 5px; }
.p-card-module:last-child { border-bottom: 0; }
.p-card-module p { margin-bottom: 20px; }
.p-card-module .p-title { margin-top: 15px; margin-bottom: 15px; font-family: 'Nanum Myeongjo'; color: #555; font-size: 6.5vw; line-height: 1.25em; }
.p-card-module .p-pagetitle { margin-top: 15px; margin-bottom: 15px; font-family: 'Nanum Gothic'; color: #555; font-size: 7.5vw; line-height: 1.25em; }
.p-card-module .p-content { color: #444; font-size: 14px; line-height: 1.4em; }
.p-card-module .p-img { }
.p-card-module .p-img img { }
@media (min-width:480px) {
    .p-card-module .p-title { font-size: 28px; }
    .p-card-module .p-pagetitle { font-size: 28px; }
}

/* card2-module */
.p-card2-module { margin: 10px 0; padding: 4px; background: #d6bea2; background: -moz-linear-gradient(-45deg, #d6bea2 0%, #594631 99%); background: -webkit-linear-gradient(-45deg, #d6bea2 0%, #594631 99%); background: linear-gradient(135deg, #d6bea2 0%, #594631 99%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6bea2', endColorstr='#594631', GradientType=1); font-family: 'Nanum Gothic'; font-size: 13px; line-height: 1.3em; }
.p-card2-module > .inner { padding: 5px 10px; border: 1px solid transparent; background: #fff; }
.p-card2-module .p-header { margin-top: 10px; margin-bottom: 10px; }
.p-card2-module .p-header .p-main { margin: 0; font-size: 18px; }
.p-card2-module .p-header .p-sub { margin-top: 5px; font-size: 15px; }

/* card3-module */
.p-card3-module { margin: 10px 0; padding: 4px; background: #98a5bb; font-family: 'Nanum Gothic'; font-size: 13px; line-height: 1.3em; }
.p-card3-module > .inner { padding: 5px 10px; border: 1px solid transparent; background: #fff; }
.p-card3-module .p-header { margin-top: 10px; margin-bottom: 10px; color: #555; font-family: 'Nanum Myeongjo'; }
.p-card3-module .p-header .p-main { margin: 0; font-size: 18px; font-family: inherit; font-weight: normal; }
.p-card3-module .p-header .p-sub { margin-top: 5px; font-size: 15px; font-family: inherit; }

/* cardlist-module */
.p-cardlist-module { }
.p-cardlist-module:after { content: ''; display: table; clear: both; }
.p-cardlist-module .p-card { float: left; width: 100%; margin-top: 20px; padding: 10px; border: 1px solid #ddd; background: #fff; }
.p-cardlist-module .p-card .p-img img { width: 100%; }
.p-cardlist-module .p-card .p-title { position: relative; margin-top: 5px; margin-bottom: 10px; padding-right: 65px; font-family: 'Nanum Myeongjo'; font-size: 20px; color: #605039; }
.p-cardlist-module .p-card .p-title strong { }
.p-cardlist-module .p-card .p-step-figure { position: absolute; right: 0; top: 0; margin-top: -40px; display: table; width: 60px; height: 60px; padding: 4px; background: #d6bea2; background: -moz-linear-gradient(-45deg, #d6bea2 0%, #594631 99%); background: -webkit-linear-gradient(-45deg, #d6bea2 0%, #594631 99%); background: linear-gradient(135deg, #d6bea2 0%, #594631 99%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6bea2', endColorstr='#594631', GradientType=1); font-family: 'Nanum Gothic'; font-size: 18px; line-height: 1.2em; }
.p-cardlist-module .p-card .p-step-figure span { display: table-cell; background: #fff; text-align: center; vertical-align: middle; }
.p-cardlist-module .p-card .p-content { color: #666; }
@media (min-width:568px) {
    .p-cardlist-module { margin-left: -1%; margin-right: -1%; }
    .p-cardlist-module .p-card { width: 48%; margin-left: 1%; margin-right: 1%; }
    .p-cardlist-module .p-card:nth-child(2n+1) { clear: both; }
}
@media (min-width:768px) {
    .p-cardlist-module .p-card { width: 31.333%; margin-left: 1%; margin-right: 1%; }
    .p-cardlist-module .p-card:nth-child(2n+1) { clear: none; }
    .p-cardlist-module .p-card:nth-child(3n+1) { clear: both; }
}

/* clippy-c-module */
@media (min-width:480px) {
    .clippy-c-module [class*="col-"]:first-child { float: right !important; width: 40%; }
    .clippy-c-module [class*="col-"]:nth-child(2),
    .clippy-c-module [class*="col-"]:nth-child(3) { width: 60%; }
}

/* p-banner-module */
.p-banner-module { padding: 10px; border: 5px solid #726950; background: #fff; }
.p-banner-module:after { content: ''; display: table; clear: both; }
.p-banner-module .p-img { margin-bottom: 10px; }
.p-banner-module .p-img img { width: 100%; }
.p-banner-module .p-content { margin-bottom: 0; font-weight: bold; font-size: 15px; color: #726950; line-height: 1.4em }
@media (min-width:568px) {
    .p-banner-module .p-img { float: left; width: 48%; margin-bottom: 0; }
    .p-banner-module .p-content { float: right; width: 48%; font-size: 18px; }
}

/**
 * 2018.12.02
 */

/* 공통 7~11:pink,blue,green,brown,red */
.p-color7 { color: #e8588b; }
.p-color8 { color: #6084cd; }
.p-color9 { color: #79a62f; }
.p-color10 { color: #a58a59; }
.p-color11 { color: #f00; }
.p-wrap { padding: 10px; }
.p-imgbox img { width: 100%; }
.p-title-img { margin-bottom: 30px; }

/* cardlist2-module */
.p-cardlist2-module { background: #fff; }
.p-cardlist2-module:after { content: ''; display: table; clear: both; }
.p-cardlist2-module .p-card { float: left; width: 100%; margin-top: 20px; padding: 10px; border: 1px solid #ddd; background: #fff; }
.p-cardlist2-module .p-card .p-img img { width: 100%; }
.p-cardlist2-module .p-card .p-title { position: relative; margin-top: 5px; margin-bottom: 10px; font-family: 'Nanum Myeongjo'; font-size: 20px; color: #605039; }
.p-cardlist2-module .p-card .p-title strong { }
.p-cardlist2-module .p-card .p-content { color: #666; }
.p-container { background: #f7f7f7; }

/* cardlist3-module */
.p-cardlist3-module { }
.p-cardlist3-module:after { content: ''; display: table; clear: both; }
.p-cardlist3-module .p-card { float: left; width: 100%; margin-top: 10px; margin-bottom: 10px; }
.p-cardlist3-module .p-card .p-content { margin-bottom: 0; color: #666; font-size: 14px; line-height: 1.5; }
.p-cardlist3-module .p-card .p-content strong { display: block; margin-bottom: 5px; text-align: left; font-size: 18px; color: #26364d; font-family: 'Nanum Myeongjo'; line-height: 1.2; }

/* p-box-module */
.p-box-module { display: table; width: 100%; height: 60px; padding: 4px; background: -moz-linear-gradient(-45deg, rgba(166, 154, 137, 1) 0%, rgba(166, 154, 137, 1) 2%, rgba(166, 154, 137, 1) 46%, rgba(214, 203, 188, 1) 50%, rgba(135, 124, 109, 1) 54%, rgba(135, 124, 109, 1) 96%, rgba(135, 124, 109, 1) 100%); background: -webkit-linear-gradient(-45deg, rgba(166, 154, 137, 1) 0%, rgba(166, 154, 137, 1) 2%, rgba(166, 154, 137, 1) 46%, rgba(214, 203, 188, 1) 50%, rgba(135, 124, 109, 1) 54%, rgba(135, 124, 109, 1) 96%, rgba(135, 124, 109, 1) 100%); background: linear-gradient(135deg, rgba(166, 154, 137, 1) 0%, rgba(166, 154, 137, 1) 2%, rgba(166, 154, 137, 1) 46%, rgba(214, 203, 188, 1) 50%, rgba(135, 124, 109, 1) 54%, rgba(135, 124, 109, 1) 96%, rgba(135, 124, 109, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a69a89', endColorstr='#877c6d', GradientType=1); font-family: 'Nanum Myeongjo'; font-size: 24px; font-weight: bold; color: #67522f; line-height: 1.2em; margin: 0 auto 8px; }
.p-box-module span { display: table-cell; background: #fff; text-align: center; vertical-align: middle; }

/* p-box2list-module */
.p-box2list-module { list-style-type: none; margin: 20px 0 0; padding: 0; font-size: 14px; }
.p-box2list-module:after { content: ''; display: table; clear: both; }
.p-box2list-module li { float: left; width: 33.3333%; box-sizing: border-box; }
.p-box2list-module li:nth-child(4) { margin-left: 16.6666%; }
.p-box2list-module li:nth-child(5) { margin-right: 16.6666%; }

/* p-box2-module */
.p-box2-module { display: table; width: 95px; height: 95px; margin: 0 auto; border: 3px solid #92897a; border-radius: 50%; }
.p-box2-module span { z-index: 1; position: relative; display: table-cell; background: #fff; text-align: center; vertical-align: middle; border-radius: 50%; line-height: 1.45; }
.p-box2-module span:before { z-index: -1; content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: 4px; background: #f3ece6; border-radius: 50%; }

/* p-content1 */
.p-content1 { margin-top: 20px; padding: 15px 10px; }
.p-content1 .p-title { font-size: 20px; line-height: 1.2; text-align: center; }
.p-content1 .p-title span { position: relative; display: inline-block; padding: 15px 25px; }
.p-content1 .p-title span:before,
.p-content1 .p-title span:after { position: absolute; top: 0; font-size: 3em; font-weight: bold; color: #ded6c8; }
.p-content1 .p-title span:before { content: '['; left: 0; }
.p-content1 .p-title span:after { content: ']'; right: 0; }
.p-content1 .p-notice { font-size: 14px; color: #777; }
.p-content1 .p-notice .p-text { margin-top: 10px; line-height: 22px; }
.p-content1 .p-notice .p-banner { margin-top: 10px; font-size: 14px; color: #777; text-align: center; letter-spacing: -0.1em; }
.p-content1 .p-notice .p-banner:after { content: ''; display: table; clear: both; }
.p-content1 .p-notice .p-banner-box { float: left; width: 49%; margin-right: 1%; padding: 10px; border: 2px solid #fff; background: #e7e7e7; border-radius: 8px; box-sizing: border-box; }
.p-content1 .p-notice .p-banner-box img { width: 100%; max-width: 171px; display: block; margin: 0 auto; }
.p-content1 .p-notice .p-banner-box span { display: block; padding-top: 6px; border-top: 2px solid #333; }
.p-content1 .p-notice .p-banner-box:nth-child(2) { margin-right: 0; margin-left: 1%; }
.p-content1 .p-list { margin-top: 20px; color: #777; font-size: 14px; }
.p-content1 .p-list-title { padding: 5px; background: #938a79; border-radius: 4px; color: #fff; font-size: 15px; font-weight: bold; text-align: center; }
.p-content1 .p-list ul { margin: 0; padding: 0; list-style: none; }
.p-content1 .p-list ul li { margin-top: 10px; }
.p-content1 .p-list ul li strong { display: block; font-size: 14px; color: #333; }

/* p-content2 */
.p-content2 { padding: 10px; }
.p-content2 .p-title { margin: 0; padding: 10px 0; font-family: 'Nanum Myeongjo'; color: #26364d; font-size: 24px; letter-spacing: -0.1em; }
.p-content2 .p-dl { margin-top: 10px; }
.p-content2 .p-dl:after { content: ''; display: table; clear: both; }
.p-content2 .p-dl dt,
.p-content2 .p-dl dd { padding: 5px; box-sizing: border-box; }
.p-content2 .p-dl dt { clear: both; background: #fff; border-left: 3px solid #6084cd; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); }
.p-content2 .p-dl dd { padding-left: 10px; margin-top: 3px; margin-bottom: 8px; }

/* p-titlebar-module */
.p-titlebar-module { margin-bottom: 15px; }
.p-titlebar-module .p-title { margin-top: 15px; margin-bottom: 0; padding: 5px 0 5px 10px; border-bottom: 3px solid #4385cd; font-family: 'Nanum Myeongjo'; color: #555; font-size: 24px; letter-spacing: -0.1em; }
.p-titlebar-module .p-desc { margin-bottom: 10px; padding: 5px 10px; color: #777; font-size: 14px; line-height: 1.5; }

/* p-titlebar2-module */
.p-titlebar2-module { margin-top: 15px; }
.p-titlebar2-module .p-title { margin: 0; padding: 10px 0 5px 10px; border-top: 3px solid #51c8f3; font-size: 24px; letter-spacing: -0.1em; }

/* p-titlebar3-module */
.p-titlebar3-module { padding-top: 15px; padding-bottom: 5px; }
.p-titlebar3-module .p-title { margin: 0; padding: 10px; font-family: 'Nanum Myeongjo'; color: #26364d; font-size: 24px; letter-spacing: -0.1em; }

/* p-img2 */
.p-img2 { }
.p-img2:after { content: ''; display: table; clear: both; }
.p-img2 img { display: block; width: 100%; }

/* p-img2-desc */
.p-img2-desc { padding: 10px; line-height: 1.5; }
.p-img2-desc p { }

/* p-cardimg-module */
.p-cardimg-module { margin: 0; padding: 0; list-style-type: none; }
.p-cardimg-module:after { content: ''; display: table; clear: both; }
.p-cardimg-module li { float: left; width: 50%; background: #d3caa9; }
.p-cardimg-module li:nth-child(odd) { background: #7f97a3; color: #fff; }
.p-cardimg-module li img { width: 100%; }
.p-cardimg-module li .p-content { padding: 10px; height: 150px; box-sizing: border-box; }
.p-cardimg-module li .p-content strong { display: block; font-size: 14px; line-height: 1.2; }
.p-cardimg-module li .p-content p { margin: 10px 0 0; line-height: 1.5; font-size: 14px; }

/* p-text */
.page-content .p-text-title { margin: 0; padding: 10px; font-size: 16px; line-height: 1.3; }
.page-content .p-text { padding: 10px; }
.page-content .p-text-title + .p-text { padding-top: 0; }

/* p-cardimg2-module */
.p-cardimg2-module { margin: 0; padding: 0; list-style-type: none; }
.p-cardimg2-module:after { content: ''; display: table; clear: both; }
.p-cardimg2-module li { float: left; width: 100%; margin-bottom: 5px; background: #ededed; }
.p-cardimg2-module li:nth-child(odd) { background: #f4eee0; }
.p-cardimg2-module li img { width: 100%; }
.p-cardimg2-module li .p-content { float: right; width: 100%; padding: 15px 10px; margin: 0; font-size: 13px; line-height: 1.5; box-sizing: border-box; }

/* p-cardimg3-module */
.p-cardimg3-module { margin: 0; padding: 20px 10px; background: #6fb9c6; list-style-type: none; }
.p-cardimg3-module:after { content: ''; display: table; clear: both; }
.p-cardimg3-module li { float: left; width: 50%; padding: 10px; box-sizing: border-box; }
.p-cardimg3-module li:nth-child(odd) { clear: both; }
.p-cardimg3-module li img { width: 100%; }
.p-cardimg3-module li .p-content { padding: 10px; text-align: center; box-sizing: border-box; }
.p-cardimg3-module li .p-content strong { display: block; margin-top: 5px; font-size: 16px; color: #f9ff83; text-align: center; line-height: 1.2; }
.p-cardimg3-module li .p-content p { margin: 10px 0 5px; line-height: 1.5; color: #fff; }

/* p-cardimg4-module */
.p-cardimg4-module { margin: 0; padding: 0; list-style-type: none; }
.p-cardimg4-module:after { content: ''; display: table; clear: both; }
.p-cardimg4-module li { float: left; width: 33.3333%; margin-bottom: 5px; background: #d3caa9; }
.p-cardimg4-module li:nth-child(odd) { background: #7f97a3; color: #fff; }
.p-cardimg4-module li:nth-child(3n) { clear: both; }
.p-cardimg4-module li img { width: 100%; border-top: 3px solid #e5e5e5; border-right: 1px solid #e5e5e5; }
.p-cardimg4-module li:nth-child(odd) img { border-top-color: #cdcdcd; }
.p-cardimg4-module li:nth-child(2) img,
.p-cardimg4-module li:nth-child(5) img { border-right-color: #fff; }
.p-cardimg4-module li:first-child,
.p-cardimg4-module li:first-child + li { width: 50%; }
.p-cardimg4-module li .p-content { padding: 10px; height: 165px; box-sizing: border-box; }
.p-cardimg4-module li .p-content strong { display: block; font-size: 14px; line-height: 1.2; }
.p-cardimg4-module li .p-content p { margin: 10px 0 0; line-height: 1.5; font-size: 14px; }

/* p-cardimg1 */
.p-cardimg1 { padding-bottom: 20px; }
.p-cardimg1:after { content: ''; display: table; clear: both; }
.p-cardimg1 > img { width: 100%; display: block; }
.p-cardimg1 .p-medium-img { max-width: 50%; margin: 0 auto; }
.p-cardimg1 .p-title { margin-bottom: 0; padding: 10px; font-family: 'Nanum Myeongjo'; color: #2d3854; font-size: 24px; line-height: 1.2; }
.p-cardimg1 .p-content { padding: 0 10px; font-size: 13px; color: #777; line-height: 1.5; }
.p-cardimg1 .p-content p { }
.p-cardimg1 .p-content img { max-width: 100%; }
.p-cardimg1 .p-inner-title { font-family: 'Nanum Myeongjo'; font-size: 18px; line-height: 1.3; }
.p-cardimg1 .p-inner-title:before { content: ' '; display: block; margin-top: 10px; }
.p-cardimg1 hr { clear: both; border-color: #ddd; }

/* p-textbox1 */
.p-textbox1 { margin: 10px; padding: 10px; border-radius: 8px; background: #49c8f5; color: #fff; line-height: 1.5; }
@media (min-width:568px) {

    /* cardlist2-module */
    .p-cardlist2-module .p-card { width: 31.333%; margin-left: 1%; margin-right: 1%; }
    .p-cardlist2-module .p-card:nth-child(2n+1) { clear: none; }
    .p-cardlist2-module .p-card:nth-child(3n+1) { clear: both; }

    /* cardlist3-module */
    .p-cardlist3-module .p-card { width: 31.333%; margin-left: 1%; margin-right: 1%; }
    .p-cardlist3-module .p-card:nth-child(2n+1) { clear: none; }
    .p-cardlist3-module .p-card:nth-child(3n+1) { clear: both; }
    .p-cardlist3-module .p-card .p-content strong { text-align: center; }
    .p-box-module { width: 150px; height: 150px; }

    /* p-box2list-module */
    .p-box2list-module li,
    .p-box2list-module li:nth-child(4),
    .p-box2list-module li:nth-child(5) { width: 20%; margin: 0; }

    /* p-img2 */
    .p-img2 img { float: left; width: 50%; }

    /* p-cardimg-module */
    .p-cardimg-module li { width: 25%; }

    /* p-cardimg2-module */
    .p-cardimg2-module li img { width: 50%; }
    .p-cardimg2-module li .p-content { width: 50%; padding: 10px; }

    /* p-cardimg3-module */
    .p-cardimg3-module li { width: 33.3333%; }
    .p-cardimg3-module li:nth-child(odd) { clear: none; }
    .p-cardimg3-module li:nth-child(3n+1) { clear: both; }

    /* p-cardimg4-module */
    .p-cardimg4-module li { width: 20% !important; clear: none !important; }
    .p-cardimg4-module li img { border-right-color: #e5e5e5 !important; }
    .p-cardimg4-module li:last-child img { border-right-color: #fff !important; }

    /* p-cardimg1 */
    .p-cardimg1 { padding: 10px; }
    .p-cardimg1 > img { float: right; width: 40%; margin-left: 10px; }
    .p-cardimg1 .p-leftimg { float: left; margin-left: 0; margin-right: 10px; }
    .p-cardimg1 .p-title { padding: 10px 0; }
    .p-cardimg1 .p-content { padding: 0; }
    .p-cardimg1 .p-content img { width: 40%; }

    /* p-content2 */
    .p-content2 .p-dl dt,
    .p-content2 .p-dl dd { float: left; margin-bottom: 8px; }
    .p-content2 .p-dl dt { width: 35%; }
    .p-content2 .p-dl dd { width: 65%; margin-top: 0; }
}