@charset "euc-kr";

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

/* wrap */
.visual_wrap { position:relative; width:100%; min-width:1200px; height:526px; background: url(../images/common/bg_visual.jpg) no-repeat center bottom; }
.visual_wrap .vi_txt_box { position:absolute; top:160px; left:50%; margin-left:310px; padding-top:33px; text-align:center; z-index:9; line-height:1.3; background:url(../images/common/line_vi.gif) no-repeat center 0;}
.visual_wrap .vi_txt_box .vi_tit { font-size:46px; color:#3c8e00; font-weight:500;}
.visual_wrap .vi_txt_box .vi_txt { padding:25px 10px 33px; font-size:16px; color:#000; background:url(../images/common/line_vi.gif) no-repeat center bottom;}
 
 /* content */
#content { position:relative; width:1390px; word-break:keep-all; margin:0 auto; }

.tit_box { font-size:15px; color:#969696; padding-bottom:25px; line-height:1.2; }
.tit_box h2 { font-size:20px; color:#333; font-weight:500; }
.tit_box i { font-style:normal; margin-left:15px; font-size:14px; color:#aaa;}
.tit_box p { padding-top:10px;}
.tit_box a { position:relative; display:block;} 
.tit_box span.more {position:absolute; right:0; top:5px; font-size:13px; color:#000; }

.lay { display:table-cell; vertical-align:top; padding:15px 0;}
.cs01 .lay01 { width:514px;}
.cs01 .lay01 p.tt { font-size:30px; color:#333; font-weight:600; margin-bottom:20px; letter-spacing:-0.02em; }
.cs01 .lay01 p { font-size:22px; color:#787878; }
.cs01 .lay02 { padding:0; }

/* cs01  */
.cs01 { position:relative; overflow:hidden; max-width:1390px; margin:0 auto; padding:40px 0 30px;}

.cs01 .jq_lay { width:870px; overflow:hidden; }
.cs01 .jq_lay .txt_box { display:table; padding:2px 0; text-align:center; border-radius:50%;}
.cs01 .jq_lay .st01 { background:#f586a0;}
.cs01 .jq_lay .st02 { background:#46abb0;}
.cs01 .jq_lay .st03 { background:#767676;}
.cs01 .jq_lay .txt_box span { display:table-cell; width:112px; height:112px; vertical-align:middle; text-align:center; font-size:19px; color:#fff; font-weight:500; line-height:1.2em;}
.cs01 .jq_lay .tt { }
.cs01 .jq_lay .txt_box strong { display:inline-block; padding:10px 0 20px; font-size:20px; font-weight:600; border-bottom:1px solid #a7a49a;}



/* cs02  */
.cs02 .board_wrap { width:606px; height:242px; padding:34px 42px; margin-right:20px; border:1px solid #ddd; }
.board_wrap a { display:block; position:relative;}
.cs02 .board_wrap .tit { color:#000;}
.board_wrap .nn { margin-top:5px; padding:0 0 0 114px;}
.board_wrap.st01 .nn { background:url(../images/main/icon_notice.png) no-repeat 0 48% / 80px;}
.nn li a { display:block; padding:5px 90px 4px 15px; font-size:15px; font-weight:500; color:#555; background:url(../images/common/bl_nn.png) no-repeat 1px 11px; background-size:9px; line-height:1.2; }
.nn li a:hover { color:#000;}
.board_wrap a img { vertical-align:middle; margin-left:6px;}
.board_wrap a span.name {color:#555;}
.day {position:absolute; right:0; top:9px; font-size:13px; color:#999;}
.nn li a.nn_re { background:url(../image/re.gif) no-repeat 0 8px; padding-left:40px; }

.cs02 .gall_wrap { height:242px; width:760px; padding:36px 34px 30px 46px; background:#fdf6ef; }
.gall_wrap ul { display:table; width:100%; }
.gall_wrap li { display:table-cell; width:25%; vertical-align:top;}
.gall_wrap li a { display:block; max-height:117px; overflow:hidden; }
.gall_wrap li a img { transition:all .2s ease-out; border:3px solid #fdf6ef;}
.gall_wrap li a:hover img { border:3px solid #aaa;}


/* cs03  */
.cs03.info_wrap { padding:25px 0 40px;}
.info_wrap .tit_box { text-align:center; padding:20px 0 0 0;}
.info_wrap .tit_box .tt { font-size:28px; color:#3c8e00; font-weight:600;}

.info_wrap ul { overflow:hidden; margin:0 auto; }
.info_wrap ul li { display:table-cell; padding:5px 0;}
.info_wrap ul li a { display:block; width:445px; height:182px; padding:30px 30px 30px 210px; border-radius:20px; box-shadow:2px 2px 3px #c5c5c5; line-height:1.2; color:#9e9e9e;}

.info_wrap ul li:nth-child(1) a{ background:#f7f7f7 url(../images/main/list_img01.jpg) no-repeat; background-position:0 0; }
.info_wrap ul li:nth-child(2) a{ margin:0 22px; background:#f7f7f7 url(../images/main/list_img02.jpg) no-repeat; background-position:0 0; }
.info_wrap ul li:nth-child(3) a{ background:#f7f7f7 url(../images/main/list_img03.jpg) no-repeat; background-position:0 0; }
.info_wrap ul li a .tit { font-size:22px; font-weight:500; color:#000; }
.info_wrap ul li a:hover .tit{ color:#3c8e00;}
.info_wrap ul li a p { font-size:15px; color:#888; padding:8px 0; height:84%; background:url(../images/common/btn_st01.png) no-repeat right bottom / 23px;}
 
 
 
/* site_link  */
.site_link { border:1px solid #dadada; min-height:90px;}
.site_link .width { position:relative;}
.site_link .width h2 { position:absolute; top:25px; left:0; display:inline-block; padding:8px 26px 8px 10px; border-right:1px solid #ccc; font-size:21px; color:#000; font-weight:500;}
.site_link .width ul { padding:13px 35px 0 175px;}
.site_link .width ul li { display:table-cell; min-height:50px;  padding:0 8px;}

@media screen and (max-width:1400px) {
.visual_wrap .vi_txt_box { margin-left:145px;}
.visual_wrap .slick-slide img { width:900px; margin:50px 0 0 -140px; } 

/* content */
#content { position:relative; width:1080px; word-break:keep-all; margin:0 auto; }

.tit_box { font-size:15px; color:#969696; padding-bottom:25px; line-height:1.2; }
.tit_box h2 { font-size:20px; color:#333; font-weight:500; }
.tit_box i { font-style:normal; margin-left:15px; font-size:14px; color:#aaa;}
.tit_box p { padding-top:10px;}
.tit_box a { position:relative; display:block;} 
.tit_box span.more {position:absolute; right:0; top:5px; font-size:13px; color:#000; }

.lay { display:table-cell; vertical-align:top; padding:15px 0;}
.cs01 .lay01 { width:514px;}
.cs01 .lay01 p.tt { font-size:30px; color:#333; font-weight:600; margin-bottom:20px; letter-spacing:-0.02em; }
.cs01 .lay01 p { font-size:22px; color:#787878; line-height:1.1; }
.cs01 .lay02 { padding:0;  }

/* cs01  */
.cs01 { position:relative; overflow:hidden; max-width:1080px; margin:0 auto; padding:40px 0 30px;}

.cs01 .jq_lay { width:770px; overflow:hidden; height:164px; }
.cs01 .jq_lay .txt_box { display:table; padding:2px 0; text-align:center; border-radius:50%;}
.cs01 .jq_lay .st01 { background:#f586a0;}
.cs01 .jq_lay .st02 { background:#46abb0;}
.cs01 .jq_lay .st03 { background:#767676;}
.cs01 .jq_lay .txt_box span { display:table-cell; width:112px; height:112px; vertical-align:middle; text-align:center; font-size:19px; color:#fff; font-weight:500; line-height:1.2em;}
.cs01 .jq_lay .tt { }
.cs01 .jq_lay .txt_box strong { display:inline-block; padding:10px 0 20px; font-size:20px; font-weight:600; border-bottom:1px solid #a7a49a;}



/* cs02  */
.cs02 .board_wrap { width:476px; height:242px; padding:34px 22px; margin-right:20px; border:1px solid #ddd; }
.board_wrap a { display:block; position:relative;}
.cs02 .board_wrap .tit { color:#000;}
.board_wrap .nn { margin-top:5px; padding:0 0 0 114px;}
.board_wrap.st01 .nn { background:url(../images/main/icon_notice.png) no-repeat 0 48% / 80px;}
.nn li a { display:block; padding:5px 9px 4px 15px; font-size:15px; font-weight:500; color:#555; background:url(../images/common/bl_nn.png) no-repeat 1px 11px; background-size:9px; line-height:1.2; }
.nn li a:hover { color:#000;}
.board_wrap a img { vertical-align:middle; margin-left:6px;}
.board_wrap a span.name {color:#555;}
.day { display:none;position:absolute; right:0; top:9px; font-size:13px; color:#999;}
.nn li a.nn_re { background:url(../image/re.gif) no-repeat 0 8px; padding-left:40px;}

.cs02 .gall_wrap { height:242px; width:580px; padding:36px 22px 30px 26px; background:#fdf6ef; }
.gall_wrap ul { display:block; width:530px; overflow:hidden; }
.gall_wrap li { display:table-cell; padding:0 5px; width:33%;}
.gall_wrap li a { display:block; }
.gall_wrap li a img { transition:all .2s ease-out; border:3px solid #fdf6ef;}
.gall_wrap li a:hover img { border:3px solid #aaa;}


/* cs03  */
.cs03.info_wrap { padding:25px 0 40px;}
.info_wrap .tit_box { text-align:center; padding:20px 0 0 0;}
.info_wrap .tit_box .tt { font-size:28px; color:#3c8e00; font-weight:600;}

.info_wrap ul { overflow:hidden; margin:0 auto; }
.info_wrap ul li { display:table-cell; padding:5px 0;}
.info_wrap ul li a { display:block; width:346px; height:182px; padding:30px 15px 30px 156px; border-radius:20px; box-shadow:2px 2px 3px #c5c5c5; line-height:1.2; color:#9e9e9e;}

.info_wrap ul li:nth-child(1) a{ background:#f7f7f7 url(../images/main/list_img01.jpg) no-repeat; background-position:-50px 0; }
.info_wrap ul li:nth-child(2) a{ margin:0 17px; background:#f7f7f7 url(../images/main/list_img02.jpg) no-repeat; background-position:-40px 0; }
.info_wrap ul li:nth-child(3) a{ background:#f7f7f7 url(../images/main/list_img03.jpg) no-repeat; background-position:-40px 0; }
.info_wrap ul li a .tit { font-size:22px; font-weight:500; color:#000; }
.info_wrap ul li a:hover .tit{ color:#3c8e00;}
.info_wrap ul li a p { font-size:15px; color:#888; padding:8px 0; height:84%; background:url(../images/common/btn_st01.png) no-repeat right bottom / 23px;}


}