@charset "utf-8";

/*인사말*/
@font-face {
    font-family: 'MaruBuriBold';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Bold.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Bold.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Bold.woff2) format("woff2"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Bold.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Bold.ttf) format("truetype");
}
.greeting{padding: 20px;}
.gt_wrap{margin: 20px 0 0 0;}
.gt_box01{text-align: center;}
.gt_box01 .gt_img{margin: 0 auto;}
.gt_box01 .gt_img img{width: 100%; max-width: 343px;}
.gt_box02{position: relative;text-align: left;}
.gt_box02 h4{color:#696969;font-size: 23px;line-height: 34px;background: none;margin: 0;padding: 0;}
.gt_box02 h4 span{color: #6779db;font-size: 28px;}
.gt_box02 p{font-size: 16px;line-height: 26px;margin-top: 10px;}
.gt_box02 .gt_leaf{position: absolute;top: -23px;left: 211px;}
.gt_sign{float: right;font-size: 14px;color: #696969;margin-top: 30px;line-height: 25px;}
.gt_sign img{margin-left:10px;margin-top: -15px;}
.gt_sign strong {color: #000;font-size: 24px;font-family: 'MaruBuriBold';}

/*소개*/
.intro{position:relative;margin:40px 0;}
.intro:before{display:block;content:'';background:#e7edff;border-radius:15px 15px 60px 15px;position:relative;height:180px;width:95%;margin-bottom:130px;}
.intro .top{position:absolute;top:44px;width:90%;left:30px;}
.intro .top img{width:100%;border-radius:5px;box-shadow:2px 2px 10px rgba(0,0,0,.2);}
.intro .top strong{color:#e7edff;font-size:30px;font-weight:bold;}
.intro p{padding-bottom:20px;}
.intro .txt{color:#4268a4;font-family:'GmarketSans';}
.intro .txt h4{background:none;margin:0 0 20px 0;padding:0;color:#4268a4;line-height:1;}
.intro .txt p{font-size:22px;padding:0 0 20px 0;}
.intro .txt strong{color:#2eacb8;font-weight:bold;}

/*업무안내*/
.work div{background:#edf3fe url("/images/04_town/content/stab_bg.png")no-repeat left top;border-radius:6px;padding:15px;margin-bottom:20px;}
.work dl{padding:10px;border-radius:5px;background:#fff}
.work dt{padding:10px 0;margin-bottom:10px;border-bottom:dashed 1px #d9daec;font-weight:600;font-size:21px;color:#363b9d;}
.work dd{padding-bottom:7px;}
.work dd em{font-style:normal;font-size:14px;border-radius:8px;background:#f1f1f6;color:#363b9d;width:27px;height:27px;display:inline-block;text-align:center;margin-right:5px;}
.work dl:after{display:block;content:'';clear:both}

/* Tablet */
@media all and (min-width:768px) {
/*인사말*/
.greeting{height: 610px;}
.gt_box01{width: 38%; float: left;}
.gt_box01 .gt_img{margin-top: 75px;}
.gt_box02{width: 60%;float: right;}
.gt_box02 h4{font-size: 22px;margin-bottom: 30px;}
.gt_box02 .gt_leaf{top: -23px;}

/*소개*/
.intro:before{height:300px;width:100%;}
.intro .top{left:0;top:80px;}
.intro .top img{width:531px;}
.intro .top strong{position:absolute;bottom:-65px;right:0;font-size:120px;z-index:-1;}
.intro .txt h4{font-size:36px;}

    
/*업무안내*/  
.work dl{padding:20px 30px 30px;}
.work dd{padding:5px 0;width:50%;float:left;line-height:27px;}
.work dl{background:#fff url("/images/04_town/content/work1.png")no-repeat right bottom;}
.work .w1{background:#fff url("/images/04_town/content/work1.png")no-repeat right bottom;}
.work .w2{background:#fff url("/images/04_town/content/work2.png")no-repeat right bottom;}
.work .w3{background:#fff url("/images/04_town/content/work3.png")no-repeat right bottom;}
.work .w4{background:#fff url("/images/04_town/content/work4.png")no-repeat right bottom;}
.work .w5{background:#fff url("/images/04_town/content/work5.png")no-repeat right bottom;}
.work .w6{background:#fff url("/images/04_town/content/work6.png")no-repeat right bottom;}
.work .w7{background:#fff url("/images/04_town/content/work7.png")no-repeat right bottom;}
}

/* Desktop */
@media all and (min-width:1023px) {
/*인사말*/
.gt_box01 .gt_img{margin-top: 20px;}
.gt_box02 h4 span{font-size: 29px;}
.gt_box02{margin-top: 50px;padding: 20px;}
.gt_box02 h4{font-size: 24px;margin-bottom: 30px;line-height: 36px;}
.gt_box02 .gt_leaf{top: -4px;left: 266px;}

/*소개*/
.intro .top{left:50px}
.intro .top:after{display:block;content:'';background:url("/images/04_town/content/intro_liu.png")no-repeat;height:257px;position:absolute;right:0;width:412px;top:18px;}
.intro .txt,.intro p{padding:0 50px 20px 50px;}
}