@charset "UTF-8";


main {position:relative; background-color:#fff;}

.screen-max-width-main {max-width: 1080px;}

.main_top_visual_wrap {min-width: 320px; width: 100%; height: 260px; overflow:hidden; border-bottom:1px solid #e5e5e5; margin: 0 0 50px 0;}
.main_top_visual_box {width: 100%; max-width: 1100px; height: 260px; margin: 0 auto;}
.main_top_visual {width: 100%; height: 260px; position:relative; overflow:hidden;}
.main_top_visual-bg {position:absolute; left:0; top:0; right:0; bottom:0; background-image:none; background-repeat:no-repeat; background-position:right top; background-size:cover; z-index:0;}
.main_top_visual-bg.i01 {display:none; background-image:url('../images/main/top_visual_01_bg.jpg');}
.main_top_visual-bg.i02 {display:none; background-image:url('../images/main/top_visual_02_bg.jpg');}
.main_top_visual-bg.i03 {display:none; background-image:url('../images/main/top_visual_03_bg.jpg');}
.main_top_visual-bg.i04 {display:none; background-image:url('../images/main/top_visual_04_bg.jpg');}

.visual_item {position:relative; width:100%; height:100%; z-index:1;}
.visual_item > .title {display:none; position:absolute; top: 60px; left: 10px; font-size: 0; font-weight: bold;}
.visual_item > .title.v1 {font-size: 0;}
.visual_item > .title_ko {display:none; position:absolute; top: 230px; left: 20px; width: 300px; font-size: 0; font-weight: bold; color:#222222;}
.visual_item > .summary {display:none; position:absolute; top: 280px; left: 20px; width: 400px; font-size: 0; color:#222222;}

.visual_item > .title.i01_title.i02_color {top: 140px; left: 150px;}
.visual_item > .title.i01_title.i03_color {top: 220px; left: 40px;}

.visual_item > .i01_01, .visual_item > .i01_02, .visual_item > .i01_03, .visual_item > .i01_04, .visual_item > .i01_05,
.visual_item > .i02_01, .visual_item > .i02_02, .visual_item > .i02_03, .visual_item > .i02_04, .visual_item > .i02_05,
.visual_item > .i03_01, .visual_item > .i03_02, .visual_item > .i03_03, .visual_item > .i03_04, .visual_item > .i03_05,
.visual_item > .i04_01, .visual_item > .i04_02, .visual_item > .i04_03, .visual_item > .i04_04, .visual_item > .i04_05
{
    display:none; position:absolute;
}
.visual_item > .i01_01 {top: 200px; left: 75px;}
.visual_item > .i01_02 {top: 35px; left: 390px;}
.visual_item > .i01_03 {top: 70px; left: 450px;}
.visual_item > .i01_04 {top: 140px; left: 440px;}
.visual_item > .i01_05 {top: 250px; left: 320px;}

.visual_item > .i01_color {color:#ffc700;}
.visual_item > .i02_color {color:#ec6d00;}
.visual_item > .i03_color {color:#462193;}

.visual_item > .title.i02_title {top: 70px; left: 50px;}
.visual_item > .title_ko.i02_title_ko {top: 150px; left: 50px; width: 300px; color:#ed7209;}
.visual_item > .summary.i02_summary {top: 150px; left: 100px; width: 400px;}

.visual_item > .title.i03_title {top: 70px; left: 50px;}
.visual_item > .title_ko.i03_title_ko {top: 150px; left: 50px; width: 300px; color:#ed7209;}
.visual_item > .summary.i03_summary {top: 150px; left: 120px; width: 400px;}

.visual_item > .title.i04_title {top: 70px; left: 50px;}
.visual_item > .title_ko.i04_title_ko {top: 150px; left: 50px; width: 300px; color:#ed7209;}
.visual_item > .summary.i04_summary {top: 150px; left: 100px; width: 400px;}



.bunisess-box {margin:0 auto; list-style:none;}
.bunisess-box:after {content: ""; clear: both; display:block;}
.bunisess-img, .bunisess-list {display:inline-block; min-width:383px; width:50%; float:left;}
.bunisess-img {position:relative; background-image:url('../images/main/business_over_bg.png'); background-repeat:no-repeat; background-position:right bottom;}
.bunisess-img.bimg-01 {height: 275px; background-position:right bottom;}
.bunisess-img.bimg-02 {height: 320px; background-position:right bottom;}
.bunisess-img.bimg-03 {height: 260px; background-position:right bottom;}
.bunisess-img.bimg-04 {height: 260px; background-position:right bottom;}

.bunisess-img .bimg-bg {position:absolute; width:95%; }
.bunisess-img.bimg-01 .bimg-bg {left:35px; top:50px;}
.bunisess-img.bimg-02 .bimg-bg {left:145px; top:80px;}
.bunisess-img.bimg-03 .bimg-bg {left:35px; top:52px;}
.bunisess-img.bimg-04 .bimg-bg {left:145px; top:46px;}




.lines-padding {width: 95%; margin: 0 auto;}
.lines-wrap {position:relative; min-width:300px; width:100%; max-width:700px; height: 320px;}
.lines-wrap.lines-wrap-01 {height: 275px;}
.lines-wrap.lines-wrap-03 {height: 260px; background-repeat:no-repeat; background-position:230px 20px;}
.lines-wrap.lines-wrap-04 {height: 260px; background-repeat:no-repeat; background-position:230px 20px;}
.lines-box {position:relative; display:table; width:100%; height:100%; z-index:10000;}
.lines-box>dl {display:table-cell; vertical-align: middle; text-align:left; padding-left:50px;}
.lines-box>dl.right {text-align:right; padding-right:50px;}
.lines-box>dl>dt, .lines-box>dl>dd {margin-bottom: 40px; font-weight:bold;}
.lines-box>dl>dd {margin-bottom: 20px;}
.lines-box>dl.b03>dd:last-child {margin-bottom:30px;}
.lines-box>dl>dt>h2 {font-size:30px; font-weight:600;}
/*.lines-box>dl.b01>dt {background-image:url('../images/main/business_01_cycle.png'); background-repeat:no-repeat; background-position:205px 25px;}
.lines-box>dl.b02>dt {background-image:url('../images/main/business_02_cycle.png'); background-repeat:no-repeat; background-position:right 25px;} */
.lines-box>dl.b02>dt>h2, .lines-box>dl.b02>dd {margin-right:0;}
/*.lines-box>dl.b03>dt {background-image:url('../images/main/business_03_cycle.png'); background-repeat:no-repeat; background-position:75px 25px;} */

.lines-box>dl>dd {font-size:18px; width:100%; height:22px; overflow:hidden;}
.lines-box>dl a {min-width: 200px; width: 100%; height: 22px; overflow: hidden; display: inline-block;}
.lines-box>dl a span {display:inline-block; height: 23px;}
.lines-box>dl a span.arrow {display:none; background-image:url('../images/main/icon_arrow_left.png'); background-repeat:no-repeat; width:88px;}
.lines-box>dl a span.arrow-left {background-position:0 0;}
.lines-box>dl a span.arrow-right {background-image:url('../images/main/icon_arrow_right.png'); background-position:right 0;}
.lines-box>dl a:hover > span.arrow {display:inline-block;}
.lines-box>dl.b01 a:hover > span {color:#f9cf01;}
.lines-box>dl.b02 a:hover > span {color:#ec6e00;}
.lines-box>dl.b03 a:hover > span {color:#462193;}
.lines-box>dl>dd.desc {color: #757575; margin-bottom:50px; font-weight:normal;}
.lines {display:inline-block; position:absolute; width:auto; height:auto;}
.txt { font-family: 'NanumGothic', sans-serif; color: #3e3e3e; font-size: 19px; font-weight:600; padding: 0; margin: 0; border: 0; letter-spacing: 0px; word-spacing: 0px;}
.txt-bg {position:absolute; right:10px; bottom:8px; z-index:1;}
.txt-bg.txt-bg-02 {left:5px;}
.txt-bg>span {color:#f0f0f0; line-height:60px; font-size:100px; font-weight:bold;}





/* seoam */
.seoam-wrap main#div_contents {background-color:transparent; max-width:1100px; margin:0 auto; position:relative;}
ul.seoam-main-item-box {list-style-type:none;}
ul.seoam-main-item-box:after {content: ""; clear: both; display:block;}
ul.seoam-main-item-box li {float:left; width:31.333%; text-align: center; padding-bottom:30px}
ul.seoam-main-item-box li.item-null {height:50px;}
ul.seoam-main-item-box li > div { width:100%; }
ul.seoam-main-item-box li > div > img.item-list-img {width:70%; cursor:pointer;}
ul.seoam-main-item-box li > div > img.item-list-label {padding-top:20px;}
ul.seoam-main-item-box li > div.item-list-label {font-size:18px; padding-top:16px; text-align:center; line-height:24px; font-weight:500; color:#878787; height: 48px;}

.mobile-item-summary-wrap,
.mobile-item-summary-wrap2
{
    display:none; position:absolute; width:280px; height:170px;
}
.mobile-item-summary-wrap > .mobile-item-summary-box {width:280px; height:170px;}
.mobile-item-summary-wrap > .mobile-item-summary-box > img { display:none; position:relative;}

.mobile-item-summary-wrap2
{
    width:450px; height:315px;  z-index:1001;
}
.mobile-item-summary-wrap2 > .mobile-item-summary-box2 {position:relative; width:450px; height:315px; background-image:url('../images/seoam/main/item_summary_bg.png'); background-repeat:no-repeat; background-position:0 0; background-size:contain;}
.mobile-item-summary-wrap2 > .mobile-item-summary-box2 {display:none;}
.mobile-item-summary-wrap2 > .mobile-item-summary-box2 img.close {position:absolute; top:30px; right:28px; cursor:pointer; }
.mobile-item-summary-wrap2 > .mobile-item-summary-box2 h4 {color:#f18800; font-weight:600; font-size:26px; text-align: center;     padding-top: 120px;}
.mobile-item-summary-wrap2 > .mobile-item-summary-box2 p {color:#000; font-weight:600; font-size:20px; text-align: center; padding-top: 40px; line-height: 150%;}


/*   Add 2020-05-09 서암 메인 */
.seoam-wrap .main_top_visual_wrap {min-width: 320px; width: 100%; height: 620px; overflow:hidden; border-bottom:0; margin: 0 0 50px 0;}
.seoam-wrap .main_top_visual_box {width: 100%; max-width: 1600px; height: 620px; margin: 0 auto;}
.seoam-wrap .main_top_visual {width: 100%; height: 620px; position:relative; overflow:hidden;}
.seoam-wrap .main_top_visual-bg {position:absolute; left:0; top:0; right:0; bottom:0; background-image:none; background-repeat:no-repeat; background-position:top center; background-size:cover; z-index:0;}
.seoam-wrap .main_top_visual-bg.i01,
.seoam-wrap .main_top_visual-bg.i02,
.seoam-wrap .main_top_visual-bg.i03,
.seoam-wrap .main_top_visual-bg.i04,
.seoam-wrap .main_top_visual-bg.i05 {
    display:block;
}

ul.seoam-2020-item-box {list-style-type:none;}
ul.seoam-2020-item-box:after {content: ""; clear: left; display:block;}
ul.seoam-2020-item-box li {display:inline-block; width:24.5%; height:233px; background-image:none; background-repeat: no-repeat; background-position: top center; background-size: contain; text-indent:-999999px;}
ul.seoam-2020-item-box li.i01 {background-image: url('../images/seoam/main/item_2020_01.png');}
ul.seoam-2020-item-box li.i02 {background-image: url('../images/seoam/main/item_2020_02.png');}
ul.seoam-2020-item-box li.i03 {background-image: url('../images/seoam/main/item_2020_03.png');}
ul.seoam-2020-item-box li.i04 {background-image: url('../images/seoam/main/item_2020_04.png');}
body.mobile ul.seoam-2020-item-box li.i01 {background-image: url('../images/seoam/main/mo_item_2020_01.png');}
body.mobile ul.seoam-2020-item-box li.i02 {background-image: url('../images/seoam/main/mo_item_2020_02.png');}
body.mobile ul.seoam-2020-item-box li.i03 {background-image: url('../images/seoam/main/mo_item_2020_03.png');}
body.mobile ul.seoam-2020-item-box li.i04 {background-image: url('../images/seoam/main/mo_item_2020_04.png');}
/*   //Add 2020-05-09 서암 메인 */

/* //seoam */





/* 메인 팝업 공지 */
.div-layer-pop-wrap {display:none; position: absolute; left:52%; margin-left:-320px; top: 100px; z-index: 9999;}
.div-layer-pop-wrap.show-mobile {margin-left:0 !important;}
.div-layer-pop-wrap a, .div-layer-pop-wrap img {display:block;}
.div-layer-pop-box {position: relative; }
.div-layer-pop-box img {max-width:100%;}
.div-layer-pop-buttons {position: relative; }
.div-layer-pop-buttons a {display:inline-block; color:#fff; background-color:#000; padding:15px 0; width:50%; text-align:center;}
.div-layer-pop-buttons a:last-child {background-color:#8b8b8b;}
/* //메인 팝업 공지 */





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

    ul.seoam-2020-item-box li {width:49.5%;}
    ul.seoam-2020-item-box li:nth-child(3),
    ul.seoam-2020-item-box li:nth-child(4) {
        margin-top: 5px;
    }

}


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

    .bunisess-img {display:none !important;}
    .bunisess-list {width:100% !important;}
    .bunisess-list .lines-wrap {max-width:100% !important;}
    .bunisess-box.bunisess-box-02, .bunisess-box.bunisess-box-03, .bunisess-box.bunisess-box-04 {margin-top:30px !important;}

}


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

    ul.seoam-2020-item-box li {width:48%;}

}


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

    .bunisess-img, .bunisess-list {min-width:300px !important;}
    dl.bunisess-box>dd .lines-padding {min-width:300px !important; max-width:90% !important; margin: 0 auto !important;}

}


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


}


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

    .mobile-item-summary-wrap2 > .mobile-item-summary-box2 h4 {font-size:20px !important;}
    .mobile-item-summary-wrap2 > .mobile-item-summary-box2 p {font-size:17px !important;}

    ul.seoam-2020-item-box li {width:99.5% !important;}
    ul.seoam-2020-item-box li:nth-child(2),
    ul.seoam-2020-item-box li:nth-child(3),
    ul.seoam-2020-item-box li:nth-child(4) {
        margin-top: 50px;
    }

}


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

    body.mobile ul.seoam-2020-item-box li {width:48% !important;}
    body.mobile ul.seoam-2020-item-box li:nth-child(2) { margin-top: 0px !important; }
    body.mobile ul.seoam-2020-item-box li:nth-child(3),
    body.mobile ul.seoam-2020-item-box li:nth-child(4) {
        margin-top: 5px !important;
    }

}


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

    .mobile-item-summary-wrap2 > .mobile-item-summary-box2 img.close {top:30px !important; right:30px !important; }
    .mobile-item-summary-wrap2 > .mobile-item-summary-box2 h4 {font-size:18px !important;}
    .mobile-item-summary-wrap2 > .mobile-item-summary-box2 p {font-size:14px !important;}

}