@charset "utf-8";

.jquerySelect{ display: inline-block;}
.jquerySelect .ui-button .ui-icon,
.jquerySelect .ui-icon,
.jquerySelect .ui-widget-content .ui-icon{ background: url(../images/sub/boardSearch_btn_icon.png) no-repeat center center; margin-top: 15px; margin-left: 10px;}
.jquerySelect .ui-state-hover .ui-icon,
.jquerySelect .ui-state-focus .ui-icon,
.jquerySelect .ui-button:hover .ui-icon,
.jquerySelect .ui-button:focus .ui-icon{ background: url(../images/sub/boardSearch_btn_icon.png) no-repeat center center; margin-top: 15px; margin-left: 10px;}
.jquerySelect .ui-selectmenu-button.ui-button{ width: auto; padding: 0 15px 0 10px; vertical-align: top;}
.jquerySelect .ui-selectmenu-text{ font-size: 15px; color: #000; line-height: 48px;}
.jquerySelect .ui-button{ background-color: #fff; border: 1px solid #000; border-radius: 0;}
.ui-menu .ui-menu-item-wrapper{ font-size: 15px; line-height: 35px;}
.ui-state-active, .ui-widget-content .ui-state-active{ background-color: transparent; color: #d95615; border-color: transparent;}
.ui-menu .ui-menu-item:nth-child(even){ background-color: #f9f9f9;}
.ui-selectmenu-menu{ z-index: 999999;}


#lp_layout .bodyTit{ padding: 0 0 0 40px; position: relative;}
#lp_layout .bodyTit::before{ width: 4px; height: 66px; background-color: #ffcc00; content: ""; position: absolute; top: 7px; left: 0;}
#lp_layout .bodyTit strong{ font-size: 28px; color: #000; line-height: 42px;}
/*############# 08-14 메이크굿 서버 내용에 맞게 폰트 수정 #################*/
#lp_layout .bodyTit p{ margin-top: 20px;}
#lp_layout .lp_body p{ font-size: 16px; color: #000; line-height: 30px; display:-webkit-box;  -webkit-line-clamp:3;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;}
#lp_layout .bodyTit + p{ margin-top: 80px;}
/*#### 08-19 코드 추가####*/
.box>.cont p.open{height:auto!important; display:block!important; overflow:visible!important; -webkit-box-orient:horizontal;}
/*########################*/
#lp_layout .lp_body p
#lp_layout .ul_list{ width: 100%; padding-top: 10px; border-top: 1px solid #e6e6e6; position: relative;}
#lp_layout .ul_list::before{ width: 490px; height: 1px; background-color: #ffcc00; content: ""; position: absolute; top: -1px; left: 0;}
#lp_layout .ul_list li{ /*height: 60px;*/ font-size: 18px; color: #000; line-height: 60px;}/*09-02 height값 삭제*/
#lp_layout .ul_list li + li{ border-top: 1px solid #e6e6e6;}
#lp_layout .ul_list li strong{ font-size: 18px; color: #000; line-height: 60px; margin-right: 25px; display: inline-block;}
/*###### 08-25 추가 #########*/
.img_a{display:inline-block;}
/*###### 08-25 끝 #########*/
#lp_layout .ul_list li strong span{ width: 20px; height: 20px; background-color: #454c5b; font-size: 14px; color: #ffba00; text-align: center; line-height: 20px; margin: 20px 10px 20px 0; display: inline-block; border-radius: 50%;}
#lp_layout .ul_list li img{ display: inline-block; vertical-align: middle; }
/*#### 08-24 추가 ####*/
#lp_layout .ul_list li .logo_box img{width:142px; height:65px;}/*### 09-02 추가 ###*/
/*#### 08-24 끝 ####*/
#lp_layout .boardTit{ width: 100%; padding: 0 0 0 40px; display: inline-block; position: relative;}
#lp_layout .boardTit::before{ width: 4px; height: 100%; background-color: #ffcc00; content: ""; position: absolute; top: 0; left: 0;}
#lp_layout .boardTit .fl{ display: inline-block; float: left;}
#lp_layout .boardTit strong{ font-size: 28px; color: #000; line-height: 1;}
#lp_layout .boardTit p{ font-size: 16px; color: #000; line-height: 1; margin-top: 20px;}
#lp_layout .boardTit .fr{ padding: 14px 0 0 0; display: inline-block; float: right;}
#lp_layout .boardTit .jquerySelect,
#lp_layout .boardTit input,
#lp_layout .boardTit button{ float: left;}
#lp_layout .boardTit input{ width: 230px; background-color: #e3e3e3; font-size: 16px; color: #000; line-height: 50px; padding: 0 15px; display: inline-block; box-sizing: border-box; border: 0; border-radius: 0;}
#lp_layout .boardTit button{ width: 100px; background-color: #777;  font-size: 16px; color: #fff; text-align: center; line-height: 50px;}

#lp_layout .boardList,
#lp_layout .boardList2{ width: 100%; margin-top: 80px; display: inline-block; border: 1px solid #e3e3e3;}
#lp_layout .boardList li{ width: 100%; display: inline-block; float: left;}
#lp_layout .boardList li + li{ border-top: 1px solid #e3e3e3;}
#lp_layout .boardList a{ width: 100%; font-size: 20px; color: #000; line-height: 28px; padding: 24px 30px; display: inline-block;}
#lp_layout .boardList .num{ width: 45px; font-size: 14px; color: #8d8d8d; line-height: 28px; float: left;}
#lp_layout .boardList .subject{ width: 660px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; float: left;}
#lp_layout .boardList .subject em{ background-color: #eba91b; font-size: 12px; color: #fff; line-height: 20px; padding: 0 10px; margin: 4px 15px 4px 0; display: inline-block; border: 0; border-radius: 14px;}
#lp_layout .boardList .date{ background-color: #f0f0f0; font-size: 14px; color: #8d8d8d; line-height: 28px; padding: 0 15px; display: inline-block; border-radius: 14px; float: right;}

#lp_layout .boardList2{ border: 0;}
#lp_layout .boardList2 li{ width: 300px; display: inline-block; float: left;}
#lp_layout .boardList2 li + li{ margin-left: 20px;}
#lp_layout .boardList2 li:nth-child(3n+1){ margin-left: 0;}
#lp_layout .boardList2 li:nth-child(n+4){ margin-top: 20px;}
#lp_layout .boardList2 a{ width: 100%; font-size: 20px; color: #000; line-height: 28px; display: inline-block; border: 1px solid #e3e3e3; position: relative;}
#lp_layout .boardList2 .img{ width: 100%; height: 248px; background-color: #000; padding: 0; margin: 0; display: inline-block; overflow: hidden; position: relative;}
#lp_layout .boardList2 .img img{ width: 100%; height: auto; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
#lp_layout .boardList2 .subject{ width: 100%; padding: 24px; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
#lp_layout .boardList2 .date{ background-color: #f0f0f0; font-size: 14px; color: #8d8d8d; line-height: 28px; padding: 0 15px; margin: 0 24px 10px 0; display: inline-block; border-radius: 14px; float: right;}
#lp_layout .boardList2 a:hover::before,
#lp_layout .boardList2 a:focus::before{ width: 100%; height: 248px; background-color: #fdb400; content: ""; display: inline-block; opacity: 0.8; position: absolute; top: 0; left: 0; z-index: 9;}
#lp_layout .boardList2 a:hover .img::before,
#lp_layout .boardList2 a:focus .img::before{ width: 41px; height: 1px; background-color: #fff; content: ""; margin-left: -20px; position: absolute; top: 50%; left: 50%; z-index: 99;}
#lp_layout .boardList2 a:hover .img::after,
#lp_layout .boardList2 a:focus .img::after{ width: 1px; height: 41px; background-color: #fff; content: ""; margin-top: -20px; position: absolute; top: 50%; left: 50%; z-index: 99;}


#lp_layout .boardPaging{ width: 100%; text-align: center; margin-top: 45px; display: inline-block;}
#lp_layout .boardPaging ul{ display: inline-block;}
#lp_layout .boardPaging li{ display: inline-block; float: left;}
#lp_layout .boardPaging li + li{ margin-left: 6px;}
#lp_layout .boardPaging .prev{ margin-right: 10px;}
#lp_layout .boardPaging .next{ margin-left: 16px;}
#lp_layout .boardPaging a{ width: 44px; height: 44px; background-color: #e3e3e3; font-size: 18px; color: #8d8d8d; text-align: center; line-height: 44px; display: inline-block;}
#lp_layout .boardPaging .prev a,
#lp_layout .boardPaging .next a{ background: no-repeat center center #fff; text-indent: -9999px; line-height: 42px; border: 1px solid #e3e3e3;}
#lp_layout .boardPaging .prev a{ background-image: url(../images/sub/boardPaging_btn_prev.png);}
#lp_layout .boardPaging .next a{ background-image: url(../images/sub/boardPaging_btn_next.png);}
#lp_layout .boardPaging .on a{ background-color: #777; color: #fff;}

#lp_layout .boardView{ width: 100%; min-height: 650px; text-align: left; padding: 38px; display: inline-block; border: 1px solid #e3e3e3;}
#lp_layout .boardView strong{ font-size: 24px; line-height: 1.2; color: #000;}
#lp_layout .boardView .info{ width: 100%; margin-top: 20px; display: inline-block; position: relative;}
#lp_layout .boardView .info::after{ height: 1px; background-color: #e3e3e3; content: ""; position: absolute; top: 10px; right: -38px; left: 195px;}
#lp_layout .boardView span{ line-height: 22px; margin: 0; display: inline-block; float: left;}
#lp_layout .boardView .new{ background-color: #eba91b; font-size: 12px; color: #fff;padding: 0 10px; border-radius: 11px;}
#lp_layout .boardView .view{ font-size: 14px; color: #aeaeae; padding: 0 10px;}
#lp_layout .boardView .date{ font-size: 14px; color: #8d8d8d; padding: 0 10px; position: relative;}
#lp_layout .boardView .date::before{ width: 1px; height: 10px; background-color: #aeaeae; content: ""; display: inline-block; position: absolute; top: 5px; left: 0;}
#lp_layout .boardView .con{ width: 100%; font-size: 16px; color: #000; line-height: 30px; margin-top: 60px; display: inline-block;}

#lp_layout .boardBtn{ width: 100%; margin-top: 30px; display: inline-block;}
#lp_layout .boardBtn a{ font-size: 16px; color: #000; line-height: 42px; display: inline-block; border: 1px solid #e3e3e3;}
#lp_layout .boardBtn .list{ padding: 0 45px;}
#lp_layout .boardBtn .fr{ float: right;}
#lp_layout .boardBtn .prev{ padding: 0 40px 0 35px; position: relative;}
#lp_layout .boardBtn .prev::before{ width: 7px; height: 12px; background: url(../images/sub/boardPaging_btn_prev.png) no-repeat center center; content: ""; position: absolute; top: 15px; left: 20px;}
#lp_layout .boardBtn .next{ padding: 0 35px 0 40px; position: relative;}
#lp_layout .boardBtn .next::before{ width: 7px; height: 12px; background: url(../images/sub/boardPaging_btn_next.png) no-repeat center center; content: ""; position: absolute; top: 15px; right: 20px;}
#lp_P202B001 p img{ margin: 40px 0;}

#lp2_P206N0041{ width: 1000px; height: 700px; padding: 50px 134px; margin-top: -350px; margin-left: -500px; top: 50%; left: 50%;}
#lp2_P206N0041::before{ width: 70%; height: 260px; background-color: #ffcc00; content: ""; position: absolute; left: 0; bottom: 0;}
#lp2_P206N0041 .date{ font-size: 14px; color: #8d8d8d; line-height: 1; margin-bottom: 20px;}
#lp2_P206N0041 #photo_slide li{ width: 100%; height: 488px; background-color: #000;}
#lp2_P206N0041 #photo_slide img{ width: 100%; height: auto; display: inline-block;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);}
#lp2_P206N0041 #photo_slide  .btn_prev{ width: 54px; height: 54px; background: url(../images/sub/lp2_btn_left.png) no-repeat center center; text-indent: -9999px; margin-top: -27px; display: inline-block; position: absolute; top: 50%; left: 40px;}
#lp2_P206N0041 #photo_slide  .btn_next{ width: 54px; height: 54px; background: url(../images/sub/lp2_btn_right.png) no-repeat center center; text-indent: -9999px; margin-top: -27px; display: inline-block; position: absolute; top: 50%; right: 40px;}
#lp2_P206N0041 strong{ width: 70%; font-size: 24px; color: #000; line-height: 34px; padding: 20px 0 0 0; position: relative; z-index: 9;}

#lp3_P201M0012{ width: 418px; height: 426px; margin-left: 100px; bottom: 120px; left: 50%;}
#lp3_P201M0012 dl{ width: 100%; padding: 20px 10px; border-bottom: 1px solid #000;}
#lp3_P201M0012 dt{ font-weight: 600; font-size: 18px; color: #000; line-height: 27px;}
#lp3_P201M0012 dd{ font-size: 14px; color: #000; line-height: 27px;}
#lp3_P201M0012 dd span{ font-weight: 600; display: inline-block;}
#lp3_P201M0012 dd + dt{ margin-top: 11px;}

#lp3_P201M0013{ width: 604px; height: 449px; margin-left: -50px; bottom: 96px; left: 50%;}
#lp3_P201M0013 .terms{ width: 100%; height: 325px; padding: 18px 10px 35px 10px; overflow-y: auto; border-bottom: 1px solid #000;}
#lp3_P201M0013 .terms strong{ font-size: 18px; color: #000; line-height: 1.5;}
#lp3_P201M0013 .terms p,
#lp3_P201M0013 .terms h2{ font-size: 14px; color: #000; line-height: 1.5;}
#lp3_P201M0013 .terms strong + p{ margin-top: 6px;}
#lp3_P201M0013 .terms p + h2{ margin-top: 14px;}

#lp_P202B002 .boxList > div{ width: 312px; height: 442px; background-color: #f5f5f5; text-align: center; padding-top: 80px; margin-top: 50px; display: inline-block; float: left; border-radius: 10px;}
#lp_P202B002 .boxList > div + div{ margin-left: 2px;}
#lp_P202B002 .boxList .n4{ width: 100%; height: auto; text-align: left; padding: 70px 0 70px 105px; margin: 2px 0 0 0;}
#lp_P202B002 .boxList strong{ background: no-repeat center top; font-weight: 600; font-size: 26px; color: #000; line-height: 1; padding: 108px 0 0 0;}
#lp_P202B002 .boxList .n1 strong{ background-image: url(../images/sub/P202B002_img_icon1.png);}
#lp_P202B002 .boxList .n2 strong{ background-image: url(../images/sub/P202B002_img_icon2.png);}
#lp_P202B002 .boxList .n3 strong{ background-image: url(../images/sub/P202B002_img_icon3.png);}
#lp_P202B002 .boxList .n4 strong{ width: 100px; background-image: url(../images/sub/P202B002_img_icon4.png); padding-top: 94px; display: inline-block; float: left;}
#lp_P202B002 .boxList p{ font-size: 18px; color: #000; line-height: 30px; margin-top: 26px;}
#lp_P202B002 .boxList .n4 ul{ width: 100%; padding: 0 0 0 200px; margin: 0 0 0 -100px; float: left;}
#lp_P202B002 .boxList .n4 li{ font-weight: 600; font-size: 18px; color: #000; line-height: 30px; padding-left: 25px; position: relative;}
#lp_P202B002 .boxList .n4 li::before{ width: 6px; height: 6px; background-color: #fdb400; content: ""; border-radius: 50%; position: absolute; top: 11px; left: 0;}
#lp_P202B002 .boxList .n4 li span{ font-weight: 100;}
#lp_P202B002 .boxList .n4 li + li{ margin-top: 15px;}
           
#lp_P202B002 .boxList2{ width: 100%; margin-top: 85px; display: inline-block;}
#lp_P202B002 .boxList2 .tit strong{ font-size: 28px; color: #000; line-height: 30px;}
#lp_P202B002 .boxList2 .tit p{ font-size: 16px; color: #000; line-height: 30px; margin-top: 8px;}
#lp_P202B002 .boxList2 ul{ padding: 70px 0 0 0; margin-top: 50px; display: inline-block; position: relative;}
#lp_P202B002 .boxList2 ul::before{ background-color: #f5f5f5; content: ""; position: absolute; top: 0; right: -70px; bottom: -90px; left: -70px;}
#lp_P202B002 .boxList2 li{ width: 460px; background-color: #fff; display: table; float: left; border-radius: 10px; position: relative;}
#lp_P202B002 .boxList2 li + li{ margin-left: 20px;}
#lp_P202B002 .boxList2 li:nth-child(2n+1){ margin-left: 0;}
#lp_P202B002 .boxList2 li:nth-child(n+3){ margin-top: 20px;}
#lp_P202B002 .boxList2 li strong{ width: 161px; height: 161px; background: url(../images/sub/P202B002_tit_bg.png) no-repeat center center; font-size: 20px; text-align: center; color: #000; line-height: 30px; display: table-cell; vertical-align: middle; position: relative;}
#lp_P202B002 .boxList2 li strong span{ font-size: 22px; color: #ffd15d; line-height: 1; display: inline-block; position: absolute; top: 12px; right: 12px;}
#lp_P202B002 .boxList2 li p{ font-size: 18px; color: #000; text-align: left; line-height: 30px; padding-left: 25px; display: table-cell; vertical-align: middle;}
#lp_P202B002 .boxList2 li p span{ font-size: 16px; color: #8d8d8d;}

#lp_P202B003 .boxList > div{ width: 312px; height: 442px; background-color: #f5f5f5; text-align: center; padding-top: 80px; margin-top: 50px; display: inline-block; float: left; border-radius: 10px;}
#lp_P202B003 .boxList > div + div{ margin-left: 2px;}
#lp_P202B003 .boxList .n4{ width: 100%; height: auto; text-align: left; padding: 70px 0 70px 105px; margin: 2px 0 0 0;}
#lp_P202B003 .boxList strong{ background: no-repeat center top; font-weight: 600; font-size: 26px; color: #000; line-height: 1; padding: 108px 0 0 0;}
#lp_P202B003 .boxList .n1 strong{ background-image: url(../images/sub/P202B002_img_icon1.png);}
#lp_P202B003 .boxList .n2 strong{ background-image: url(../images/sub/P202B002_img_icon2.png);}
#lp_P202B003 .boxList .n3 strong{ background-image: url(../images/sub/P202B002_img_icon3.png);}
#lp_P202B003 .boxList .n4 strong{ width: 100px; background-image: url(../images/sub/P202B002_img_icon4.png); padding-top: 94px; display: inline-block; float: left;}
#lp_P202B003 .boxList p{ font-size: 18px; color: #000; line-height: 30px; margin-top: 26px;}
#lp_P202B003 .boxList .n4 ul{ width: 100%; padding: 0 0 0 200px; margin: 0 0 0 -100px; float: left;}
#lp_P202B003 .boxList .n4 li{ font-weight: 600; font-size: 18px; color: #000; line-height: 30px; padding-left: 25px; position: relative;}
#lp_P202B003 .boxList .n4 li::before{ width: 6px; height: 6px; background-color: #fdb400; content: ""; border-radius: 50%; position: absolute; top: 11px; left: 0;}
#lp_P202B003 .boxList .n4 li span{ font-weight: 100;}
#lp_P202B003 .boxList .n4 li + li{ margin-top: 15px;}

#lp_P202B003 .boxList2{ width: 100%; margin-top: 85px; display: inline-block;}
#lp_P202B003 .boxList2 .tit strong{ font-size: 28px; color: #000; line-height: 30px;}
#lp_P202B003 .boxList2 .tit p{ font-size: 16px; color: #000; line-height: 30px; margin-top: 8px;}
#lp_P202B003 .boxList2 ul{ padding: 70px 0 0 0; margin-top: 50px; display: inline-block; position: relative;}
#lp_P202B003 .boxList2 ul::before{ background-color: #f5f5f5; content: ""; position: absolute; top: 0; right: -70px; bottom: -90px; left: -70px;}
#lp_P202B003 .boxList2 li{ width: 460px; background-color: #fff; display: table; float: left; border-radius: 10px; position: relative;}
#lp_P202B003 .boxList2 li + li{ margin-left: 20px;}
#lp_P202B003 .boxList2 li:nth-child(2n+1){ margin-left: 0;}
#lp_P202B003 .boxList2 li:nth-child(n+3){ margin-top: 20px;}
#lp_P202B003 .boxList2 li strong{ width: 161px; height: 161px; background: url(../images/sub/P202B002_tit_bg.png) no-repeat center center; font-size: 20px; text-align: center; color: #000; line-height: 30px; display: table-cell; vertical-align: middle; position: relative;}
#lp_P202B003 .boxList2 li strong span{ font-size: 22px; color: #ffd15d; line-height: 1; display: inline-block; position: absolute; top: 12px; right: 12px;}
#lp_P202B003 .boxList2 li p{ font-size: 18px; color: #000; text-align: left; line-height: 30px; padding-left: 25px; display: table-cell; vertical-align: middle;}
#lp_P202B003 .boxList2 li p span{ font-size: 16px; color: #8d8d8d;}

#lp_P205E .img{ text-align: center;}
#lp_P205E .img span{ font-size: 18px; color: #000; text-align: center; line-height: 46px; padding: 0 35px; margin-top: 30px; display: inline-block; border: 1px solid #cecece; border-radius: 24px;}
#lp_P205E .boxList3{ width: 100%; padding: 65px 0 0 0; display: inline-block; position: relative;}
#lp_P205E .boxList3::before{ background-color: #f5f5f5; content: ""; position: absolute; top: 0; right: -70px; bottom: -90px; left: -70px;}
#lp_P205E .boxList3 .img{ position: relative;}
#lp_P205E .boxList3 .img span{ color: #fff; line-height: 1; margin-top: -60px; border: 0;}
#lp_P205E .boxList3 > div{ width: 100%; background-color: #fff; padding-bottom: 45px; margin-top: 20px; display: inline-block; float: left; position: relative;}
#lp_P205E .boxList3 > div > strong{ width: 100%; background-color: #e0e0e0; font-weight: 100; font-size: 20px; color: #000; text-align: left; line-height: 85px; padding: 0 30px; display: inline-block;}
#lp_P205E .boxList3 > div > ul{ width: 100%; padding: 0 35px; margin-top: 40px; display: inline-block;}
#lp_P205E .boxList3 > div > ul > li{ width: 100%; font-size: 18px; color: #000; text-align: left; line-height: 30px; padding: 0 0 0 20px; display: inline-block; position: relative;}
#lp_P205E .boxList3 > div > ul > li::before{ width: 6px; height: 6px; background-color: #cecece; content: ""; border-radius: 50%; position: absolute; top: 10px; left: 0;} 
#lp_P205E .boxList3 > div > p{ font-size: 14px; color: #000; line-height: 1; position: absolute; left: 35px; bottom: 25px;}
#lp_P205E .boxList3 > .n1,
#lp_P205E .boxList3 > .n2{ width: 460px; height: 350px; margin-top: 0;}
#lp_P205E .boxList3 > .n2{ margin-left: 20px;}
#lp_P205E .boxList3 > .n1 strong{ background-color: #64c8e9;}
#lp_P205E .boxList3 > .n2 strong{ background-color: #ffcc00;}
#lp_P205E .boxList3 > .n2 a{ background-color: #000; font-size: 16px; color: #fff; line-height: 46px; padding: 0 22px; position: absolute; top: 20px; right: 20px;}
#lp_P205E .boxList3 > .n3 a{ background: url(../images/sub/P203M001_icon_1.png) no-repeat 20px center #000; font-size: 14px; color: #fff; line-height: 34px; padding: 0 25px 0 50px; margin-top: 20px; margin-left: 35px; display: inline-block; border-radius: 17px;}
#lp_P205E .boxList3 > .n4{ padding-bottom: 50px}
#lp_P205E .boxList3 > .n4 > ul{ margin-top: 34px;}
#lp_P205E .boxList3 > .n4 > ul li{ width: 204px; height: 138px; padding: 0; display: table; border: 1px solid #000; float: left; position: relative;}
#lp_P205E .boxList3 > .n4 > ul li::before{ display: none;}
#lp_P205E .boxList3 > .n4 > ul li + li{ margin-left: 40px;}
#lp_P205E .boxList3 > .n4 > ul li + li::before{ width: 11px; height: 16px; background: url(../images/sub/P203M001_icon_2.png) no-repeat center center; content: ""; margin: 61px 0 61px -26px; display: inline-block; vertical-align: top; float: left; position: relative; top: auto; left: auto;}
#lp_P205E .boxList3 > .n4 > ul li:nth-child(3n+1){ margin-left: 178px;}
#lp_P205E .boxList3 > .n4 > ul li:nth-child(1){ margin-left: 0;}
#lp_P205E .boxList3 > .n4 > ul li:nth-child(n+4){ margin-top: 38px;}
#lp_P205E .boxList3 > .n4 > ul li div{ width: 100%; text-align: center; padding: 0 15px; display: table-cell; vertical-align: middle;}
#lp_P205E .boxList3 > .n4 > ul strong{ font-size: 18px; color: #000; line-height: 22px;}
#lp_P205E .boxList3 > .n4 > ul p{ font-size: 14px; color: #666; line-height: 22px;}

#lp_P203M .img{ text-align: center;}
#lp_P203M .img span{ font-size: 18px; color: #000; text-align: center; line-height: 46px; padding: 0 35px; margin-top: 30px; display: inline-block; border: 1px solid #cecece; border-radius: 24px;}
#lp_P203M .boxList3{ width: 100%; padding: 65px 0 0 0; display: inline-block; position: relative;}
#lp_P203M .boxList3::before{ background-color: #f5f5f5; content: ""; position: absolute; top: 0; right: -70px; bottom: -90px; left: -70px;}
#lp_P203M .boxList3 .img{ position: relative;}
#lp_P203M .boxList3 .img span{ color: #fff; line-height: 1; margin-top: -60px; border: 0;}
#lp_P203M .boxList3 > div{ width: 100%; background-color: #fff; padding-bottom: 45px; margin-top: 20px; display: inline-block; float: left; position: relative;}
#lp_P203M .boxList3 > div > strong{ width: 100%; background-color: #e0e0e0; font-weight: 100; font-size: 20px; color: #000; text-align: left; line-height: 85px; padding: 0 30px; display: inline-block;}
#lp_P203M .boxList3 > div > ul{ width: 100%; padding: 0 35px; margin-top: 40px; display: inline-block;}
#lp_P203M .boxList3 > div > ul > li{ width: 100%; font-size: 18px; color: #000; text-align: left; line-height: 30px; padding: 0 0 0 20px; display: inline-block; position: relative;}
#lp_P203M .boxList3 > div > ul > li::before{ width: 6px; height: 6px; background-color: #cecece; content: ""; border-radius: 50%; position: absolute; top: 10px; left: 0;} 
#lp_P203M .boxList3 > div > p{ font-size: 14px; color: #000; line-height: 1; position: absolute; left: 35px; bottom: 25px;}
/*##### 08-14 메이크굿 박스 넓이 수정 (기존 480px에서 %으로, height 값 수정) ####*/
#lp_P203M .boxList3 > .n1,
#lp_P203M .boxList3 > .n2{ width: 48%; height: 370px; margin-top: 0;}
#lp_P203M .boxList3 > .n2{ margin-left: 20px;}
#lp_P203M .boxList3 > .n1 strong{ background-color: #64c8e9;}
#lp_P203M .boxList3 > .n2 strong{ background-color: #ffcc00;}
#lp_P203M .boxList3 > .n2 a{ background-color: #000; font-size: 16px; color: #fff; line-height: 46px; padding: 0 22px; position: absolute; top: 20px; right: 20px;}
#lp_P203M .boxList3 > .n3 a{ background: url(../images/sub/P203M001_icon_1.png) no-repeat 20px center #000; font-size: 14px; color: #fff; line-height: 34px; padding: 0 25px 0 50px; margin-top: 20px; margin-left: 35px; display: inline-block; border-radius: 17px;}
#lp_P203M .boxList3 > .n4{ padding-bottom: 50px}
#lp_P203M .boxList3 > .n4 > ul{ margin-top: 34px;}
/*##### 08-14 메이크굿 박스 넓이 수정 (기존 204px에서 %으로) ####*/
#lp_P203M .boxList3 > .n4 > ul li{ width: 23%; height: 138px; padding: 0; display: table; border: 1px solid #000; float: left; position: relative;}
#lp_P203M .boxList3 > .n4 > ul li::before{ display: none;}
#lp_P203M .boxList3 > .n4 > ul li + li{ margin-left: 40px;}
#lp_P203M .boxList3 > .n4 > ul li + li::before{ width: 11px; height: 16px; background: url(../images/sub/P203M001_icon_2.png) no-repeat center center; content: ""; margin: 61px 0 61px -26px; display: inline-block; vertical-align: top; float: left; position: relative; top: auto; left: auto;}
#lp_P203M .boxList3 > .n4 > ul li:nth-child(3n+1){ margin-left: 178px;}
#lp_P203M .boxList3 > .n4 > ul li:nth-child(1){ margin-left: 0;}
#lp_P203M .boxList3 > .n4 > ul li:nth-child(n+4){ margin-top: 38px;}
#lp_P203M .boxList3 > .n4 > ul li div{ width: 100%; text-align: center; padding: 0 15px; display: table-cell; vertical-align: middle;}
#lp_P203M .boxList3 > .n4 > ul strong{ font-size: 18px; color: #000; line-height: 22px;}
#lp_P203M .boxList3 > .n4 > ul p{ font-size: 14px; color: #666; line-height: 22px;}

#lp_P203M002 .img{ text-align: center;}
#lp_P203M002 .img span{ font-size: 18px; color: #000; text-align: center; line-height: 46px; padding: 0 35px; margin-top: 30px; display: inline-block; border: 1px solid #cecece; border-radius: 24px;}
#lp_P203M002 .boxList3{ width: 100%; padding: 65px 0 0 0; display: inline-block; position: relative;}
#lp_P203M002 .boxList3::before{ background-color: #f5f5f5; content: ""; position: absolute; top: 0; right: -70px; bottom: -90px; left: -70px;}
#lp_P203M002 .boxList3 .img{ position: relative;}
#lp_P203M002 .boxList3 .img span{ color: #fff; line-height: 1; margin-top: -60px; border: 0;}
#lp_P203M002 .boxList3 > div{ width: 100%; background-color: #fff; padding-bottom: 45px; margin-top: 20px; display: inline-block; float: left; position: relative;}
#lp_P203M002 .boxList3 > div > strong{ width: 100%; background-color: #e0e0e0; font-weight: 100; font-size: 20px; color: #000; text-align: left; line-height: 85px; padding: 0 30px; display: inline-block;}
#lp_P203M002 .boxList3 > div > ul{ width: 100%; padding: 0 35px; margin-top: 40px; display: inline-block;}
#lp_P203M002 .boxList3 > div > ul > li{ width: 100%; font-size: 18px; color: #000; text-align: left; line-height: 30px; padding: 0 0 0 20px; display: inline-block; position: relative;}
#lp_P203M002 .boxList3 > div > ul > li::before{ width: 6px; height: 6px; background-color: #cecece; content: ""; border-radius: 50%; position: absolute; top: 10px; left: 0;}
/*#### 08-19 ###### 기존 p만 선택된 것은 제외 하고 클래스명을 붙인다. ####*/ 
#lp_P203M002 .boxList3 > div > p.ko_enter{ font-size: 14px; color: #000; line-height: 1; position: absolute; left: 35px; bottom: 25px;}
#lp_P203M002 .boxList3 > div > p.en_enter{ font-size: 14px; color: #000; line-height: 1; position: absolute; left: 35px; bottom: 7px;}
/*#####################################################################*/
/*##### 08-14 메이크굿 박스 넓이 수정 (기존 460px에서 %으로, height 값 420px 변경) ####*/
#lp_P203M002 .boxList3 > .n1,
#lp_P203M002 .boxList3 > .n2{ width: 48%; height: 420px; margin-top: 0;}
#lp_P203M002 .boxList3 > .n2{ margin-left: 20px;}
#lp_P203M002 .boxList3 > .n1 strong{ background-color: #64c8e9;}
#lp_P203M002 .boxList3 > .n2 strong{ background-color: #ffcc00;}
#lp_P203M002 .boxList3 > .n2 a{ background-color: #000; font-size: 16px; color: #fff; line-height: 46px; padding: 0 22px; position: absolute; top: 20px; right: 20px;}
#lp_P203M002 .boxList3 > .n3 a{ background: url(../images/sub/P203M001_icon_1.png) no-repeat 20px center #000; font-size: 14px; color: #fff; line-height: 34px; padding: 0 25px 0 50px; margin-top: 20px; margin-left: 35px; display: inline-block; border-radius: 17px;}
#lp_P203M002 .boxList3 > .n4{ padding-bottom: 50px}
#lp_P203M002 .boxList3 > .n4 > ul{ margin-top: 34px;}
/*##### 08-14 메이크굿 박스 넓이 수정 (기존 204px에서 %으로) ####*/
#lp_P203M002 .boxList3 > .n4 > ul li{ width: 23%; height: 138px; padding: 0; display: table; border: 1px solid #000; float: left; position: relative;}
#lp_P203M002 .boxList3 > .n4 > ul li::before{ display: none;}
#lp_P203M002 .boxList3 > .n4 > ul li + li{ margin-left: 40px;}
#lp_P203M002 .boxList3 > .n4 > ul li + li::before{ width: 11px; height: 16px; background: url(../images/sub/P203M001_icon_2.png) no-repeat center center; content: ""; margin: 61px 0 61px -26px; display: inline-block; vertical-align: top; float: left; position: relative; top: auto; left: auto;}
#lp_P203M002 .boxList3 > .n4 > ul li:nth-child(3n+1){ margin-left: 178px;}
#lp_P203M002 .boxList3 > .n4 > ul li:nth-child(1){ margin-left: 0;}
#lp_P203M002 .boxList3 > .n4 > ul li:nth-child(n+4){ margin-top: 38px;}
#lp_P203M002 .boxList3 > .n4 > ul li div{ width: 100%; text-align: center; padding: 0 15px; display: table-cell; vertical-align: middle;}
#lp_P203M002 .boxList3 > .n4 > ul strong{ font-size: 18px; color: #000; line-height: 22px;}
#lp_P203M002 .boxList3 > .n4 > ul p{ font-size: 14px; color: #666; line-height: 22px;}

#lp_P202B003 .boxList5{ width: 100%; margin-top: 85px; margin-bottom: 50px; display: inline-block; position: relative;}
#lp_P202B003 .boxList5::before{ background-color: #f5f5f5; content: ""; position: absolute; top: 185px; right: -70px; bottom: -281px; left: -70px;}
#lp_P202B003 .boxList5 .tit strong{ font-size: 28px; color: #000; line-height: 30px;}
#lp_P202B003 .boxList5 .tit p{ font-size: 16px; color: #000; line-height: 30px; margin-top: 8px;}
/*##### 08-14 메이크굿 박스 넓이 수정 (기존 304px에서 %으로) ####*/
#lp_P202B003 .boxList5 .wrap{ width: 32.3%; margin-top: 45px; display: inline-block; float: left; border-radius: 10px;}
#lp_P202B003 .boxList5 .wrap + .wrap{ margin-left: 14px;}
#lp_P202B003 .boxList5 .wrap strong{ width: 100%; height: 184px; background: no-repeat center center; font-size: 24px; color: #fff; line-height: 1; padding: 120px 0 0 40px; display: inline-block; position: relative;}
#lp_P202B003 .boxList5 .wrap strong a{ font-weight: 100; font-size: 16px; color: #fff; line-height: 38px; padding: 0 20px 0 25px; display: inline-block; border: 1px solid #fff; border-radius: 20px; position: absolute; top: 25px; right: 17px;}
#lp_P202B003 .boxList5 .wrap p{ width: 100%; height: 220px; background-color: #fff; font-size: 16px; color: #000; line-height: 30px; padding: 25px 15px; display: inline-block; position: relative;}
#lp_P202B003 .boxList5 .wrap p span{ width: 100%; font-size: 14px; color: #8d8d8d; line-height: 24px; display: inline-block; position: absolute; top: 130px; left: 15px;}
#lp_P202B003 .boxList5 .wrap > a{ width: 100%; background-color: #ffb400; font-size: 18px; color: #000; text-align: center; line-height: 60px; display: inline-block; border-radius: 0 0 10px 10px; position: relative;}
#lp_P202B003 .boxList5 .wrap.n1 strong{ background-image: url(../images/sub/P202B003_img_icon1.png);}
#lp_P202B003 .boxList5 .wrap.n2 strong{ background-image: url(../images/sub/P202B003_img_icon2.png);}
#lp_P202B003 .boxList5 .wrap.n3 strong{ background-image: url(../images/sub/P202B003_img_icon3.png);}

#lp_P205E .boxList4{ width: 100%; padding: 60px 0 0 0; margin-top: 90px; display: inline-block; position: relative;}
#lp_P205E .boxList4::before{ background-color: #f5f5f5; content: ""; position: absolute; top: 0; right: -70px; bottom: -150px; left: -70px;}
/*##### 08-17 메이크굿 박스 넓이 수정 (기존 48%에서 100%으로, float 해제, height 값 350px에서 auto 변경) ####*/
#lp_P205E .boxList4 > div{ width: 100%; height:auto; background-color: #fff; padding-bottom: 45px; margin-top: 20px; display: inline-block; /*float: left;*/ position: relative;}
/*##### 08-17 메이크굿 박스 넓이 수정 (margin-left 해제 ) ####*/
#lp_P205E .boxList4 > div + div{ margin-left: 0;}
#lp_P205E .boxList4 > div:nth-child(2n+1){ margin-left: 0;}
#lp_P205E .boxList4 > div > strong{ width: 100%; background-color: #76aeed; font-weight: 100; font-size: 20px; color: #000; text-align: left; line-height: 85px; padding: 0 30px; display: inline-block;}
#lp_P205E .boxList4 > div.n2 > strong{ background-color: #ffaf47;}
/*##### 08-17 메이크굿 박스 안 텍스트 코드 수정 코드 추가 ####*/
#lp_P205E .boxList4 > div > ul{ width: 100%; padding: 0 35px; margin-top: 40px; display: inline-block;}
#lp_P205E .boxList4 > div > ul > li{ width: 50%; float:left; font-size: 18px; color: #000; text-align: left; line-height: 30px; padding: 0 0 0 20px; display: inline-block; position: relative;}
#lp_P205E .boxList4 > div > ul > li::before{ width: 6px; height: 6px; background-color: #cecece; content: ""; border-radius: 50%; position: absolute; top: 10px; left: 0;} 
#lp_layout #lp_P205E p{ margin-top: 30px; position: relative;}
/*##### 08-17 메이크굿 박스 안 텍스트 코드 추가 ####*/
.n1_subTitle{padding:0 35px; font-size:16px; margin-top:40px; font-weight:600;}
#lp_P205E .boxList4 > div > ul.n1_enter{margin-top:30px;}
#lp_P205E .boxList4 > div > ul > li.concert_li{width:100%; padding-top:30px;}
#lp_P205E .boxList4 > div > ul > li.concert_li strong{font-size:19px;}
.box_concert_img{float:left;}
/*#### 08- 18 영문내용이 길어서 width 값 변경 ####*/
#lp_layout #lp_P205E p.box_concert_text{width:48%; margin-left:30px; margin-top:20px; float:left;}
/*#### 08-18 수정 끝 ####*/
#lp_P205E .boxList4 > div > ul > li.enter{width:100%; padding-top:30px;}
#lp_P205E .boxList4 > div > ul > li.concert_li::before{display:none;}
#lp_P205E .boxList4 > div > ul > li.enter::before{top:40px;}
/*##### 08-17 메이크굿 박스 안 텍스트 코드 추가 끝 ####*/

@media (max-width:1023px){
    #lp_layout .bodyTit{ padding-left: 21px;}
    #lp_layout .bodyTit::before{ width: 2px; height: 69px; top: 0;}
    #lp_layout .bodyTit strong{ font-size: 18px; line-height: 1.33;}
    #lp_layout .bodyTit strong .br{ padding-right: 10px;}
    /*08-21 수정*/
    #lp_layout .lp_body p.cont_top{ font-size: 14px; line-height: 1.57; margin-top:20px;}
    /*08-21 수정 끝*/
    /*08-21 추가 */
    #lp_layout .lp_body p.cont_top{ font-size: 14px; line-height: 1.57; margin-top:74px;}
    /*08-21 추가 끝*/
    #lp_layout .lp_body p  >  img{ width: 100%;}
    #lp_layout .bodyTit + p{ margin-top: 42px;}
    #lp_layout .bodyTit + p + p{ margin: 40px 0 58px 0;}
    #lp_layout .ul_list{ width: 328px; text-align: left; display: inline-block;}
    #lp_layout .ul_list::before{ width: 100%;}
    #lp_layout .ul_list li{ height: 40px; line-height: 40px;}
    #lp_layout .ul_list li strong{ font-size: 18px; line-height: 40px;}
    #lp_layout .ul_list li strong span{ margin: 10px 10px 10px 0;}
    #lp_layout .ul_list li img{ height: 25px;}
    
    #lp_layout div.boardTit{ display: none;}
    #lp_layout .boardList,
    #lp_layout .boardList2{ margin-top: 0;}
    #lp_layout .boardList a{ padding: 14px 0;}
    #lp_layout .boardList .num{ width: auto; font-size: 12px; line-height: 20px; padding: 0 10px;}
    #lp_layout .boardList .subject{ width: 186px; font-size: 14px; line-height: 20px;}
    #lp_layout .boardList .subject em{ margin: 0 10px 0 0;}
    #lp_layout .boardList .date{ background-color: transparent; font-size: 12px; line-height: 20px;}

    #lp_layout div.boardPaging{ text-align: center; margin-top: 40px;}
    #lp_layout .boardPaging a{ width: 32px; height: 32px; font-size: 14px; line-height: 32px;}

    #lp_layout div.boardView{ min-height: auto; padding: 20px 20px 50px 20px;}
    #lp_layout .boardView strong{ font-size: 16px; line-height: 1.2;}
    #lp_layout .boardView .new,
    #lp_layout .boardView .view,
    #lp_layout .boardView .date::before{ display: none;}
    #lp_layout .boardView .info{ text-align: right; padding: 0 0 10px 0; margin: 0;}
    #lp_layout .boardView .date{ padding: 0; float: none;}
    #lp_layout .boardView .info::after{ top: auto; right: 0; bottom: 0; left: 0;}
    #lp_layout .boardView .con{ font-size: 16px; line-height: 1.5; margin-top: 17px;}
    #lp_layout .boardBtn{ text-align: center;}
    #lp_layout .boardBtn .fr{ text-align: center; float: none;}
    #lp_layout .boardBtn .prev,
    #lp_layout .boardBtn .next{ width: 100px; font-size: 16px; text-align: center; line-height: 30px; padding: 0; float: left;}
    #lp_layout .boardBtn .next{ float: right;}
    #lp_layout .boardBtn .prev::before{ width: 8px; height: 12px; background-image: url(../images/sub/m_boardPaging_btn_prev.png); margin: 9px 10px 9px 0; display: inline-block; vertical-align: top; position: relative; top: auto; left: auto;}
    #lp_layout .boardBtn .next::after{ width: 8px; height: 12px; background: url(../images/sub/m_boardPaging_btn_next.png) no-repeat center center; content: ""; margin: 9px 0 9px 10px; display: inline-block; vertical-align: top;}
    #lp_layout .boardBtn .next::before{ display: none;}
    #lp_layout .boardBtn .list{ width: 32px; height: 32px; background: url(../images/sub/m_boardBtn_list.png) no-repeat center center; text-indent: -9999px; padding: 0; border-top:0; border-bottom:0;}

    #lp_layout .boardList2 li{ width: 100%;}
    #lp_layout .boardList2 li + li{ margin: 32px 0 0 0;}
    #lp_layout .boardList2 .img{ height: 273px;}
    #lp_layout .boardList2 .subject{ width: 70%; font-size: 14px; line-height: 1.2; padding: 20px;}
    #lp_layout .boardList2 .date{ background-color: transparent; font-size: 12px; line-height: 16px; padding: 0; margin: 20px 20px 20px 0;}

    /*##### 08-17 메이크굿 박스 안 텍스트 코드 추가 ####*/
    .n1_subTitle{padding:0 35px; font-size:16px; margin-top:40px; font-weight:600;}
    #lp_P205E .boxList4 > div > ul.n1_enter{margin-top:30px;}
    #lp_P205E .boxList4 > div > ul > li{ width: 100%; clear:left;}
    #lp_P205E .boxList4 > div > ul > li.concert_li{width:100%; padding-top:30px;}
    #lp_P205E .boxList4 > div > ul > li.concert_li strong{font-size:19px;}
    .box_concert_img{float:left;}
    /*#### 08- 18 영문내용이 길어서 width 값 변경 ####*/
    #lp_layout #lp_P205E p.box_concert_text{width:48%; margin-left:30px; float:left;}
    /*#### 08- 18 끝 ####*/
    #lp_P205E .boxList4 > div > ul > li.enter{width:100%; padding-top:30px;}
    #lp_P205E .boxList4 > div > ul > li.concert_li::before{display:none;}
    #lp_P205E .boxList4 > div > ul > li.enter::before{top:40px;}
    /*##### 08-17 메이크굿 박스 안 텍스트 코드 추가 끝 ####*/

    
}