/* 변형 (notice_bar 있을때) */
/* #main { padding:0 0px; margin-top:130px;} */
/* 기본 (notice_bar 없을때) */


/* 링크 시 부드럽게 */
a:hover, a, span, label, li {transition:0.3s;}
 
/* 더보기 */
#mainpage a.more1 {display:inline-block; width:100%; text-align:center; font-family:'notokr-medium'; color:#000000; font-size:18px; line-height:54px; font-weight:normal; background-color:#ececec; -webkit-border-radius:24px; -moz-border-radius:24px; border-radius:24px; cursor:pointer;}
#mainpage a.more1 img {vertical-align:middle; margin:0 0 4px 23px;}
#mainpage a.more2 {float:right; padding:0 105px 0 25px; font-family:'notokr-medium'; color:#000000; font-size:18px; line-height:54px; font-weight:normal; background-image:url('../images/main/btn_more4a.png'); background-repeat:no-repeat; background-position:center right; background-color:#fff900; -webkit-border-radius:24px; -moz-border-radius:24px; border-radius:24px; cursor:pointer;
	box-shadow: 0px 2px 6px rgb(0, 0, 0, 0.2) ;
    -webkit-box-shadow: 0px 2px 6px rgb(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);}

/* 버튼 */
#mainpage .main_btn_area1 {}
#mainpage .main_btn_area1 a {display:inline-block; text-align:center; padding:0 30px; margin-right:16px; font-family:'notokr-medium'; color:#000000; font-size:22px; line-height:54px; font-weight:normal; background-color:#ffffff; outline-width:1px; outline-style:solid; outline-color:rgba(0, 0, 0, 0.12); outline-offset:-1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:24px; -moz-border-radius:24px; border-radius:24px; cursor:pointer;}
#mainpage .main_btn_area1 a:last-child {margin-right:0;}
#mainpage .main_btn_area1 a.on {font-family:'notokr-bold'; background-color:#fff900;}
#mainpage .main_btn_area1 a:hover {color:#000000; background-color:#fff900;}
#mainpage .main_btn_area1 a.on:hover {color:#ffffff; background-color:#000000;}

#mainpage .main_btn_area2 {}
#mainpage .main_btn_area2 a {display:inline-block; width:140px; text-align:center; margin-right:8px; font-family:'notokr-medium'; color:#000000; font-size:22px; line-height:54px; font-weight:normal; background-color:#ffffff; outline-width:1px; outline-style:solid; outline-color:rgba(0, 0, 0, 0.12); outline-offset:-1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:24px; -moz-border-radius:24px; border-radius:24px; cursor:pointer;}
#mainpage .main_btn_area2 a:last-child {margin-right:0;}
#mainpage .main_btn_area2 a.on {background-color:#fff900;}
#mainpage .main_btn_area2 a:hover {color:#000000; background-color:#fff900;}
#mainpage .main_btn_area2 a.on:hover {color:#ffffff; background-color:#000000;}

/* 테두리 라운드 */
.radius_main1 {-webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;}

/* 바 타이틀 */
#mainpage .bar1 {display:inline-block; width:100%; padding:0 0 29px; margin-bottom:20px; border-bottom:1px solid #dddddd;}
#mainpage .bar2 {display:inline-block; width:100%; padding:0 0 14px;}
#mainpage .bar3 {display:inline-block; width:100%; padding:0 0 24px; margin-bottom:20px; border-bottom:1px solid #dddddd;}
#mainpage .bar3 .fr {float:right;}
#mainpage h2.main_bar1 {float:left; font-family:'notokr-medium'; color:#000000; font-size:33px; line-height:105%; letter-spacing:-2px;}
#mainpage h2.main_bar2 {float:left; padding:15px 0 0; font-family:'notokr-medium'; color:#000000; font-size:33px; line-height:105%; letter-spacing:-2px;}
#mainpage h2.main_bar1:hover,
#mainpage h2.main_bar2:hover {color:!important;}

/*********/

.mainpage_bg {background-color:#f5f5f7;}

#mainpage .section_bg1 {}
#mainpage .section_bg9 {background-color:#222222;}

#mainpage .section {}

#mainpage .inner_main1 {width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:calc(100% - 60px); padding:175px 30px 60px; margin:0 auto;}
#mainpage .inner_main2 {width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:calc(100% - 60px); padding:0 30px 60px; margin:0 auto;}
#mainpage .inner_main3 {width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:calc(100% - 60px); padding:0 30px 50px; margin:0 auto;}
#mainpage .inner_main4 {width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:calc(100% - 60px); padding:0 30px 30px; margin:0 auto;}
#mainpage .inner_main5 {width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:calc(100% - 60px); padding:0 30px 30px; margin:0 auto;}
#mainpage .inner_main6 {width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:calc(100% - 60px); padding:0 30px 50px; margin:0 auto;}
#mainpage .inner_main7 {width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:calc(100% - 60px); padding:0 30px 50px; margin:0 auto;}
#mainpage .inner_main8 {width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:calc(100% - 60px); padding:0 30px 40px; margin:0 auto;}
#mainpage .inner_main9 {width:-webkit-calc(100% - 36px); width:-moz-calc(100% - 36px); width:calc(100% - 36px); padding:60px 0 90px; margin:0 auto;}
	
/*********/

#mainpage .section01 {max-width:1076px;}
#mainpage .section01 .area1 {float:left; position:relative; width:-webkit-calc(50% - 15px); width:-moz-calc(50% - 15px); width:calc(50% - 15px); margin:0 auto;}
#mainpage .section01 .touchslider-demo {overflow:hidden; clear:both; width:100%; aspect-ratio:100 / 100; margin:0 auto;}
#mainpage .section01 .touchslider-demo .touchslider-btn {position:absolute; z-index:11; width:42px; height:42px; top:50%; background-image:url('../images/main/btn_left1.png'); background-repeat:no-repeat; background-position:center center; background-size:auto 100%; background-color:#222222; transform:translateY(-50%); -webkit-border-radius:300px; -moz-border-radius:300px; border-radius:300px; cursor:pointer;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); 
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); 
	-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
#mainpage .section01 .touchslider-demo .touchslider-btn.prev {left:17px; background-image:url('../images/main/btn_left3.png');}
#mainpage .section01 .touchslider-demo .touchslider-btn.next {right:17px; background-image:url('../images/main/btn_right3.png');}
#mainpage .section01 .touchslider-demo .touchslider-nav a {cursor:pointer;}
#mainpage .section01 .touchslider-nav {position:absolute; z-index:10; bottom:9px; left:50%; transform:translateX(-50%);}
#mainpage .section01 .touchslider-demo .touchslider-nav-item {display:inline-block; width:10px; height:10px; -webkit-border-radius:300px; -moz-border-radius:300px; border-radius:300px; background-color:rgba(0, 0, 0, 0.3);}
#mainpage .section01 .touchslider-demo .touchslider-nav-item-current {background-color:#ffffff;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); 
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); 
	-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
#mainpage .section01 .touchslider-demo .touchslider-item {width:100%;}
#mainpage .section01 .touchslider-demo .touchslider-item img,
#mainpage .section01 .touchslider-demo .touchslider-area,
#mainpage .section01 .touchslider-demo .touchslider-area .touchslider-box img {max-width:1106px; width:100%; aspect-ratio:100 / 100;}
#mainpage .section01 .touchslider-demo .touchslider-nav-item {margin:0 3px;}
#mainpage .section01 .touchslider-demo .touchslider-viewport {width:100% !important; aspect-ratio:100 / 100 !important;}
#mainpage .section01 .touchslider-demo .touchslider-area {overflow:hidden; position:relative;}
#mainpage .section01 .touchslider-demo .touchslider-area .touchslider-box {width:10000px;}
#mainpage .section01 .area2 {float:right; width:-webkit-calc(50% - 15px); width:-moz-calc(50% - 15px); width:calc(50% - 15px); padding:0 0 0 15px;}
#mainpage .section01 .area2 .desk1 {overflow:hidden; clear:both; width:100%; height:523px; background-color:#ffffff; margin:0 auto;}
#mainpage .section01 .area2 .desk1 .cont {overflow:hidden; padding:34px 30px 20px;}
#mainpage .section01 .area2 .tabs_area1 {margin-bottom:12px;}
#mainpage .section01 .area2 .tabs_area1 a {display:inline-block; overflow:hidden; width:100%; text-align:center; padding:0 10px; margin-bottom:7px; font-family:'notokr-medium'; font-size:20px; line-height:54px; letter-spacing:-0.25px; color:#000000; text-decoration:none; background-color:#ffffff; outline-width:1px; outline-style:solid; outline-color:rgba(0, 0, 0, 0.26); outline-offset:-1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:300px; -moz-border-radius:300px; border-radius:300px; text-overflow:ellipsis; white-space:nowrap; cursor:pointer;}
#mainpage .section01 .area2 .tabs_area1 a:first-child {font-family:'notokr-bold'; background-color:#fff900; outline-color:rgba(0, 0, 0, 0.1);
	box-shadow: 0px 3px 3px rgb(0, 0, 0, 0.2) ;
    -webkit-box-shadow: 0px 3px 3px rgb(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);}
#mainpage .section01 .area2 .tabs_area1 a:last-child {margin-bottom:0;}
#mainpage .section01 .area2 .tabs_area1 a:hover {color:#000000; background-color:#fff900;}
#mainpage .section01 .area2 .tabs_area1 a:first-child:hover {color:#ffffff; background-color:#000000;}
#mainpage .section01 .area2 .desk2 {display:block; max-width:523px; width:100%; aspect-ratio:100 / 100; margin:0 auto;}
#mainpage .section01 .area2 .desk2 img {display:inline-block; width:auto !important; max-width:100%; height:auto !important;}

#mainpage .section02 {max-width:1076px;}
#mainpage .section02 .area1 {overflow:hidden;}
#mainpage .section02 .area1 img {display:inline-block; width:auto !important; max-width:100%; height:auto !important;}

#mainpage .section03 {max-width:1076px;}
#mainpage .section03 .area1 {}
#mainpage .section03 .area1 li {overflow:hidden; padding:12px 15px 16px; margin-bottom:10px; background-color:#ffffff; cursor:pointer;}
#mainpage .section03 .area1 li:last-child {margin-bottom:15px;}
#mainpage .section03 .area1 li .text {overflow:hidden;}
#mainpage .section03 .area1 li .text label {float:left; display:inline-block; text-align:center; padding:0 12px; margin-right:7px; font-family:'notokr-bold'; font-size:15px; line-height:30px; color:#000000; text-decoration:none; background-color:#fff900; -webkit-border-radius:300px; -moz-border-radius:300px; border-radius:300px;}
#mainpage .section03 .area1 li .text .name {float:left; display:inline-block; padding-top:5px; margin-right:9px; font-family:'notokr-bold'; font-size:20px; line-height:105%; color:#000000; text-decoration:none;}
#mainpage .section03 .area1 li .text .date {float:left; display:inline-block; font-family:'notokr-medium'; font-size:11px; line-height:30px; color:#878787; text-decoration:none;}
#mainpage .section03 .area1 li h3 {overflow:hidden; margin-top:8px; font-family:'notokr-medium'; font-size:20px; line-height:105%; color:#000000; text-decoration:none; text-overflow:ellipsis; white-space:nowrap;}
#mainpage .section03 .area1 li:hover {background-color:#fff900;}
#mainpage .section03 .area1 li:hover .text label {color:#fff900; background-color:#000000;}

#mainpage .section04 {max-width:1076px;}
#mainpage .section04 .area1 {overflow:hidden; text-align:center; padding:18px 20px; background-color:#ffffff;}
#mainpage .section04 .area1 .text1 {display:inline-block; margin-right:8px; font-family:'notokr-medium'; font-size:22px; line-height:120%; color:#000000;}

#mainpage .section05 {max-width:1076px;}
#mainpage .section05 .area1 {float:right; position:relative; width:-webkit-calc(50% - 15px); width:-moz-calc(50% - 15px); width:calc(50% - 15px); margin:0 auto;}
#mainpage .section05 .touchslider-demo1 {overflow:hidden; clear:both; width:100%; aspect-ratio:100 / 100; margin:0 auto;}
#mainpage .section05 .touchslider-demo1 .touchslider-btn {position:absolute; z-index:11; width:42px; height:42px; top:50%; background-image:url('../images/main/btn_left1.png'); background-repeat:no-repeat; background-position:center center; background-size:auto 100%; background-color:rgba(255,255,255, 0.6); transform:translateY(-50%); -webkit-border-radius:300px; -moz-border-radius:300px; border-radius:300px; cursor:pointer;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); 
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); 
	-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
#mainpage .section05 .touchslider-demo1 .touchslider-btn.prev {left:17px; background-image:url('../images/main/btn_left4.png');}
#mainpage .section05 .touchslider-demo1 .touchslider-btn.next {right:17px; background-image:url('../images/main/btn_right4.png');}
#mainpage .section05 .touchslider-demo1 .touchslider-nav a {cursor:pointer;}
#mainpage .section05 .touchslider-nav {position:absolute; z-index:10; bottom:9px; left:50%; transform:translateX(-50%);}
#mainpage .section05 .touchslider-demo1 .touchslider-nav-item {display:inline-block; width:10px; height:10px; -webkit-border-radius:300px; -moz-border-radius:300px; border-radius:300px; background-color:rgba(0, 0, 0, 0.3);}
#mainpage .section05 .touchslider-demo1 .touchslider-nav-item-current {background-color:#ffffff;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); 
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); 
	-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
#mainpage .section05 .touchslider-demo1 .touchslider-item {width:100%;}
#mainpage .section05 .touchslider-demo1 .touchslider-item img,
#mainpage .section05 .touchslider-demo1 .touchslider-area,
#mainpage .section05 .touchslider-demo1 .touchslider-area .touchslider-box img {max-width:1106px; width:100%; aspect-ratio:100 / 100;}
#mainpage .section05 .touchslider-demo1 .touchslider-nav-item {margin:0 3px;}
#mainpage .section05 .touchslider-demo1 .touchslider-viewport {width:100% !important; aspect-ratio:100 / 100 !important;}
#mainpage .section05 .touchslider-demo1 .touchslider-area {overflow:hidden; position:relative;}
#mainpage .section05 .touchslider-demo1 .touchslider-area .touchslider-box {width:10000px;}
#mainpage .section05 .area2 {float:left; width:-webkit-calc(50% - 15px); width:-moz-calc(50% - 15px); width:calc(50% - 15px); padding:0 0 0 15px;}
#mainpage .section05 .area2 .desk1 {overflow:hidden; clear:both; width:100%; height:523px; background-color:#ffffff; margin:0 auto;}
#mainpage .section05 .area2 .desk1 .cont {overflow:hidden; padding:34px 30px 20px;}
#mainpage .section05 .area2 .list_area1 {}
#mainpage .section05 .area2 .list_area1 > ul > li {position:relative; overflow:hidden; margin:0 0 10px; outline-width:1px; outline-style:solid; outline-color:rgba(0, 0, 0, 0.19); outline-offset:-1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; cursor:pointer;}
#mainpage .section05 .area2 .list_area1 > ul > li:last-child {margin:0 0 0;}
#mainpage .section05 .area2 .list_area1 > ul > li .thmb {float:left; width:77%; aspect-ratio:100 / 56; background-position:center center; background-size:cover; background-repeat:no-repeat;}
#mainpage .section05 .area2 .list_area1 > ul > li .text {overflow:hidden; padding:12px 10px 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#mainpage .section05 .area2 .list_area1 > ul > li .text .date {overflow:hidden; margin-bottom:7px; font-family:'notokr-medium'; font-size:12px; line-height:105%; color:#878787;}
#mainpage .section05 .area2 .list_area1 > ul > li .text .title {overflow:hidden; font-family:'notokr-bold'; font-size:14px; line-height:130%; color:#000000; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
#mainpage .section05 .area2 .list_area1 > ul > li .text .contents {position:absolute; bottom:10px; margin-right:10px; overflow:hidden; font-family:'notokr-bold'; font-size:14px; line-height:130%; color:#000000; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2;}

#mainpage .section06 {max-width:1076px;}
#mainpage .section06 .area1 {overflow:hidden; text-align:center; padding:18px 20px; background-color:#ffffff;}
#mainpage .section06 .area1 .text1 {display:inline-block; vertical-align:top; padding-top:14px; margin-right:8px; font-family:'notokr-medium'; font-size:22px; line-height:120%; color:#000000;}
#mainpage .section06 .area1 .sns_area1 {}
#mainpage .section06 .area1 .sns_area1 a {display:inline-block; width:52px; height:52px; margin-right:12px; background-repeat:no-repeat; background-position:center center; background-size:100% 100%; border:1px solid #e4e4e4; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px;}
#mainpage .section06 .area1 .sns_area1 a:last-child {margin-right:0;}
#mainpage .section06 .area1 .sns_area1 a.sns1_facebook {background-image:url('../images/commons/sns_facebook1.png')}
#mainpage .section06 .area1 .sns_area1 a.sns1_instar   {background-image:url('../images/commons/sns_instar1.png')}
#mainpage .section06 .area1 .sns_area1 a.sns1_kakao    {background-image:url('../images/commons/sns_kakao1.png')}
#mainpage .section06 .area1 .sns_area1 a.sns1_twitter  {background-image:url('../images/commons/sns_twitter1.png')}
#mainpage .section06 .area1 .sns_area1 a.sns1_bluesky  {background-image:url('../images/commons/sns_bluesky1.png')}
#mainpage .section06 .area1 .sns_area1 a.sns1_telegram {background-image:url('../images/commons/sns_telegram1.png')}
#mainpage .section06 .area1 .sns_area1 a.sns1_youtube  {background-image:url('../images/commons/sns_youtube1.png')}

#mainpage .section07 {max-width:1076px;}
#mainpage .section07 .area1 {overflow:hidden; clear:both; padding:30px 30px 8px; background-color:#ffffff; margin:0 auto;}
#mainpage .section07 .area1 label {display:inline-block; text-align:center; padding:0 30px; margin-bottom:10px; font-family:'notokr-medium'; color:#000000; font-size:22px; line-height:54px; font-weight:normal; text-decoration:none; background-color:#fff900; -webkit-border-radius:300px; -moz-border-radius:300px; border-radius:300px; cursor:default;}
#mainpage .section07 .area1 .text {overflow:hidden; margin-bottom:15px;}
#mainpage .section07 .area1 .text dl {overflow:hidden;}
#mainpage .section07 .area1 .text dl > dt {float:left; width:140px; padding-left:15px; font-family:'notokr-medium'; color:#b9b9b9; font-size:19px; line-height:200%; font-weight:normal; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#mainpage .section07 .area1 .text dl > dd {float:right; width:-webkit-calc(100% - 140px); width:-moz-calc(100% - 140px); width:calc(100% - 140px); overflow:hidden; font-family:'notokr-medium'; color:#767676; font-size:19px; line-height:200%; font-weight:normal; text-overflow:ellipsis; white-space:nowrap;}
#mainpage .section07 .area1 .text dl > dd * {color:#767676; font-family:'notokr-medium'; font-size:19px; line-height:200%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#mainpage .section07 .area1 .text dl > dd p {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#mainpage .section07 .area1 .text dl:first-child > dt {color:#000000;}
#mainpage .section07 .area1 .text dl:first-child > dd,
#mainpage .section07 .area1 .text dl:first-child > dd * {font-size:19px; font-family:'notokr-light'; font-weight:bold; color:#000000;}

#mainpage .section08 {max-width:1076px;}
#mainpage .section08 .area1 {overflow:hidden;}
#mainpage .section08 .area1 img {display:inline-block; width:auto !important; max-width:100%; height:auto !important;}

#mainpage .section09 {max-width:1106px;}
#mainpage .section09 .area1 li {float:left; width:-webkit-calc(50% - 30px); width:-moz-calc(50% - 30px); width:calc(50% - 30px); margin:0 15px; height:500px; padding:40px 20px 0 30px; background-repeat:no-repeat; background-position:center center; background-size:cover; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; cursor:pointer;
	box-shadow: inset 0 5000px 0 rgba(82, 82, 82, 0.2), 0 0 0 rgba(0, 0, 0, 0.0); 
	-webkit-box-shadow: inset 0 5000px 0 rgba(82, 82, 82, 0.2), 0 0 0 rgba(0, 0, 0, 0.0); 
	-moz-box-shadow: inset 0 5000px 0 rgba(82, 82, 82, 0.2), 0 0 0 rgba(0, 0, 0, 0.0);}
#mainpage .section09 .area1 li:hover {margin-top:-10px; 
	box-shadow: inset 0 5000px 0 rgba(255, 202, 44, 0.7), 12px 12px 30px rgba(0, 0, 0, 0.16); 
	-webkit-box-shadow: inset 0 5000px 0 rgba(255, 202, 44, 0.7), 12px 12px 30px rgba(0, 0, 0, 0.16); 
	-moz-box-shadow: inset 0 5000px 0 rgba(255, 202, 44, 0.7), 12px 12px 30px rgba(0, 0, 0, 0.16);}
#mainpage .section09 .area1 li.pic1 {background-image:url('../images/main/pic2a.png');}
#mainpage .section09 .area1 li.pic2 {background-image:url('../images/main/pic2b.png');}
#mainpage .section09 .area1 li.pic3 {background-image:url('../images/main/pic2c.png');}
#mainpage .section09 .area1 li.pic4 {background-image:url('../images/main/pic2d.png');}
#mainpage .section09 .area1 li .img_area1 {width:100px; height:25px; background-image:url('../images/main/pic1.png'); background-repeat:no-repeat; background-position:center center; background-size:contain; background-position:left top;}
#mainpage .section09 .area1 li:hover .img_area1 {background-image:url('../images/main/pic1o.png');}
#mainpage .section09 .area1 li .text {}
#mainpage .section09 .area1 li .text h3 {margin-top:20px; font-family:'notokr-bold'; color:#ffffff; font-size:39px; line-height:105%; font-weight:normal;}
#mainpage .section09 .area1 li:hover .text h3 {color:#000000;}
#mainpage .section09 .area1 li .text p {margin-top:10px; padding:0; font-family:'notokr-regular'; color:#ffffff; font-size:19px; line-height:145%;}
#mainpage .section09 .area1 li:hover .text p {color:#000000;}



@media all and (max-width: 1090px) {
	
	#mainpage .section01 {}
	#mainpage .section01 .area1 {float:none; max-width:100%; width:523px}
	#mainpage .section01 .area2 {float:none; width:100%; padding:0; margin-top:30px;}
	#mainpage .section01 .area2 .desk1 {height:auto;}
	
	#mainpage .section04 {}
	#mainpage .section04 .area1 .text1 {width:100%; text-align:center; padding:0 0 15px; margin:0;}
	
	#mainpage .section05 {}
	#mainpage .section05 .area1 {float:none; max-width:100%; width:523px}
	#mainpage .section05 .area2 {float:none; width:100%; padding:0; margin-bottom:30px;}
	#mainpage .section05 .area2 .desk1 {height:auto;}
	#mainpage .section05 .area2 .list_area1 > ul > li {float:left; width:-webkit-calc(50% - 10px); width:-moz-calc(50% - 10px); width:calc(50% - 10px); margin:0 10px 0 0;}
	#mainpage .section05 .area2 .list_area1 > ul > li:last-child {margin:0 0 0;}
	#mainpage .section05 .area2 .list_area1 > ul > li .thmb {width:75%;}
	
	#mainpage .section06 {}
	#mainpage .section06 .area1 .text1 {width:100%; text-align:center; padding:0 0 15px; margin:0;}
}


@media all and (max-width: 800px) {
	
	/* 더보기 */
	#mainpage a.more1 {font-size:16px; line-height:42px; -webkit-border-radius:19px; -moz-border-radius:19px; border-radius:19px;}
	#mainpage a.more1 img {vertical-align:middle; margin:0 0 4px 8px;}
	#mainpage a.more2 {padding:0 60px 0 20px; font-size:16px; line-height:42px; font-weight:normal; background-image:url('../images/main/btn_more4a_m.png'); -webkit-border-radius:19px; -moz-border-radius:19px; border-radius:19px;}
	
	/* 버튼 */
	#mainpage .main_btn_area1 {}
	#mainpage .main_btn_area1 a {padding:0 20px; margin-right:10px; font-size:16px; line-height:42px; -webkit-border-radius:19px; -moz-border-radius:19px; border-radius:19px; cursor:pointer;}
	
	#mainpage .main_btn_area2 {}
	#mainpage .main_btn_area2 a {width:120px; font-size:16px; line-height:42px; -webkit-border-radius:19px; -moz-border-radius:19px; border-radius:19px;}
	
	/* 테두리 라운드 */
	.radius_main1 {-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
	
	/* 바 타이틀 */
	#mainpage .bar1 {padding:0 0 17px; margin-bottom:15px;}
	#mainpage .bar2 {padding:0 0 12px;}
	#mainpage .bar3 {padding:0 0 10px; margin-bottom:15px;}
	#mainpage h2.main_bar1 {font-size:25px;}
	#mainpage h2.main_bar2 {padding-top:9px; font-size:25px;}
	
	/*********/
	
	#mainpage .inner_main1 {width:-webkit-calc(100% - 40px); width:-moz-calc(100% - 40px); width:calc(100% - 40px); padding:127px 20px 30px;}
	#mainpage .inner_main2 {width:-webkit-calc(100% - 40px); width:-moz-calc(100% - 40px); width:calc(100% - 40px); padding:0 20px 30px;}
	#mainpage .inner_main3 {width:-webkit-calc(100% - 40px); width:-moz-calc(100% - 40px); width:calc(100% - 40px); padding:0 20px 30px;}
	#mainpage .inner_main4 {width:-webkit-calc(100% - 40px); width:-moz-calc(100% - 40px); width:calc(100% - 40px); padding:0 20px 30px;}
	#mainpage .inner_main5 {width:-webkit-calc(100% - 40px); width:-moz-calc(100% - 40px); width:calc(100% - 40px); padding:0 20px 30px;}
	#mainpage .inner_main6 {width:-webkit-calc(100% - 40px); width:-moz-calc(100% - 40px); width:calc(100% - 40px); padding:0 20px 30px;}
	#mainpage .inner_main7 {width:-webkit-calc(100% - 40px); width:-moz-calc(100% - 40px); width:calc(100% - 40px); padding:0 20px 30px;}
	#mainpage .inner_main8 {width:-webkit-calc(100% - 40px); width:-moz-calc(100% - 40px); width:calc(100% - 40px); padding:0 20px 40px;}
	#mainpage .inner_main9 {width:-webkit-calc(100% - 40px); width:-moz-calc(100% - 40px); width:calc(100% - 40px); padding:40px 20px;}
	
	/*********/
	
	#mainpage .section01 {}
	#mainpage .section01 .touchslider-demo {-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
	#mainpage .section01 .touchslider-demo .touchslider-btn {width:30px; height:30px;}
	#mainpage .section01 .touchslider-demo .touchslider-btn.prev {left:10px;}
	#mainpage .section01 .touchslider-demo .touchslider-btn.next {right:10px;}
	#mainpage .section01 .area2 .desk1 .cont {padding:25px 20px 20px;}
	#mainpage .section01 .area2 .tabs_area1 a {padding:0 10px; font-size:17px; line-height:42px;}
	
	#mainpage .section03 {}
	#mainpage .section03 .area1 li {-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
	#mainpage .section03 .area1 li .text label {font-size:14px; line-height:26px;}
	#mainpage .section03 .area1 li .text .name {font-size:16px;}
	#mainpage .section03 .area1 li .text .date {line-height:26px;}
	#mainpage .section03 .area1 li h3 {font-size:18px;}
	
	#mainpage .section04 {}
	#mainpage .section04 .area1 .text1 {font-size:18px;}

	#mainpage .section05 {}
	#mainpage .section05 .area2 {}
	#mainpage .section05 .area2 .desk1 .cont {padding:25px 20px 20px;}
	#mainpage .section05 .area2 .list_area1 > ul > li {float:none; width:100%; margin:0 0 10px 0;}
	#mainpage .section05 .area2 .list_area1 > ul > li .text {overflow:hidden; padding:12px 10px 10px;}
	#mainpage .section05 .touchslider-demo1 {-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
	#mainpage .section05 .touchslider-demo1 .touchslider-btn {width:30px; height:30px;}
	#mainpage .section05 .touchslider-demo1 .touchslider-btn.prev {left:10px;}
	#mainpage .section05 .touchslider-demo1 .touchslider-btn.next {right:10px;}
	
	#mainpage .section06 {}
	#mainpage .section06 .area1 .text1 {font-size:18px;}
	#mainpage .section06 .area1 .sns_area1 a {width:34px; height:34px; margin-right:8px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
	
	#mainpage .section07 {}
	#mainpage .section07 .area1 {padding:16px 20px 5px;}
	#mainpage .section07 .area1 label {padding:0 20px; margin-bottom:8px; font-size:16px; line-height:42px;}
	#mainpage .section07 .area1 .text {margin-bottom:12px;}
	#mainpage .section07 .area1 .text dl > dt {width:92px; padding-left:0; font-size:15px;}
	#mainpage .section07 .area1 .text dl > dd {width:-webkit-calc(100% - 92px); width:-moz-calc(100% - 92px); width:calc(100% - 92px); font-size:15px;}
	#mainpage .section07 .area1 .text dl > dd * {font-size:15px;}
	#mainpage .section07 .area1 .text dl:first-child > dd,
	#mainpage .section07 .area1 .text dl:first-child > dd * {font-size:15px;}

	#mainpage .section09 {}
	#mainpage .section09 .area1 li {width:100%; padding:20px 20px 0 20px; margin:0 0 20px; height:150px;}
	#mainpage .section09 .area1 li:last-child {margin-bottom:0;}
	#mainpage .section09 .area1 li:hover {margin-top:0;}
	#mainpage .section09 .area1 li .img_area1 {height:19px;}
	#mainpage .section09 .area1 li .text h3 {margin-top:15px; font-size:20px;}
	#mainpage .section09 .area1 li .text p {margin-top:7px; font-size:15px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
	
}


@media all and (max-width: 640px) {
	
	
	
}


@media all and (max-width: 480px) {
	
	#mainpage .section05 {}
	#mainpage .section05 .area2 .list_area1 > ul > li .thmb {width:70%;}
	#mainpage .section05 .area2 .list_area1 > ul > li .text .contents {display:none;}
	
}