@charset "utf-8";
@import url("/page/css/common.css");

.roboto {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-style: normal;
}

#wrap { position:relative; top:0; left:0; width:100%; max-width:1920px; margin:0 auto; overflow-x:hidden; }

#header { position:fixed; z-index:99998; top:0; left:0; width:100%; height:90px; background-color:#fff; }
#header.fixed { position:fixed; }

#header .header_inner {position:relative; width:100%; min-height:90px; /* border-bottom:1px solid #dddddd; */ }

#header .header_inner h1.main_logo { position:absolute; z-index:9; top:20px; left:70px; width:122px; height:auto; }

#header .header_inner ul.gnb { position:absolute; z-index:3; top:0; left:50%; width:1064px; margin-left:-532px; }
#header .header_inner ul.gnb > li { display:inline-block; float:left; }
#header .header_inner ul.gnb li > a { display:inline-block; width:auto; height:90px; padding:0 60px; font-size:18px; font-weight:500; text-decoration:none; line-height:90px; }
#header .header_inner ul.gnb li a .on {display:none;}
#header .header_inner ul.gnb li.on a .off {display:none;}
#header .header_inner ul.gnb li.on a .on {display:block;}


#header .header_inner .gnb_over { display:none; position:absolute; z-index:2; top:90px; width:100%; height:300px; background-color:#fff; }
#header .header_inner .gnb_over > li { position:relative; top:0; left:50%; width:1064px; margin-left:-532px; }
#header .header_inner .gnb_over > li > ul { display:inline-block; float:left; }
#header .header_inner .gnb_over > li > ul > li { margin-top:20px; }
#header .header_inner .gnb_over > li > ul > li a { position:relative; margin:0 0 0 60px; font-size:16px; text-decoration:none; line-height:1; }
#header .header_inner .gnb_over > li > ul > li a span { display:none; position:absolute; z-index:1; top:5px; left:-22px; }
#header .header_inner .gnb_over > li > ul > li a:hover { color:#ff5f67; }
#header .header_inner .gnb_over > li > ul > li a:hover span { display:block; }

#header .header_inner .gnb_over > li .ul01 { width:207px; }
#header .header_inner .gnb_over > li .ul02 { width:223px; }
#header .header_inner .gnb_over > li .ul03 { width:187px; }
#header .header_inner .gnb_over > li .ul04 { width:190px; }
#header .header_inner .gnb_over > li .ul05 { width:257px; }


#header .header_inner ul.sns { position:absolute; z-index:2; top:27px; right:70px; width:96px; height:36px; border:1px solid #9e9e9e; border-radius:18px; background-color:#fff; }
#header .header_inner ul.sns.on { height:165px; }
#header .header_inner ul.sns > li > ul { display:none; }
#header .header_inner ul.sns.on > li > ul { display:block; }
#header .header_inner ul.sns > li > ul > li { width:100%; height:30px; text-align:center; }
#header .header_inner ul.sns > li > ul > li a { line-height:30px; font-size:14px; color:#7c7c7c; }


ul.wrap_sub_lnb { position:fixed; z-index:2; top:50%; left:10px; margin-top:-62px; }
ul.wrap_sub_lnb li { width:auto; height:16px; margin-top:20px; overflow:hidden; }
ul.wrap_sub_lnb li:first-child { margin-top:0; }
ul.wrap_sub_lnb li.active a img,
ul.wrap_sub_lnb li a:hover img { margin-top:-16px; }



/* FOOTER */
#footer { position:relative; z-index:1; top:0; left:0; width:100%; height:auto; padding-bottom:50px; overflow:hidden; background-color:#c7e2ad; }

#footer .logo { position:absolute; z-index:2; top:66px; left:5%; width:auto; height:auto; }
#footer .slogan { width:100%; max-width:715px; height:auto; margin:66px auto 0; }

#footer ul.wrap_footer { width:90%; margin:100px auto 0; }
#footer ul.wrap_footer:after { content:""; display:block; clear:both; }
#footer ul.wrap_footer > li { display:inline-block; float:left; width:50%; }

#footer .wrap_search { position:relative; width:100%; height:auto; }
#footer .wrap_search p { font-size:80px; font-weight:600; line-height:1; color:#000; }
#footer .wrap_search .search { position:relative; width:100%; max-width:600px; height:83px; margin:30px 0 10px; border-radius:83px; background-color:#fff; }
#footer .wrap_search .search .search-location { position:relative; z-index:2; top:22px; left:26px; width:300px; height:83px; }
#footer .wrap_search .search .search-location input[type="text"] { width:100%; height:40px; line-height:40px; font-size:24px; font-weight:300; color:#222222; box-sizing:border-box; border:none; }
#footer .wrap_search .search .search-location-bg { position:absolute; z-index:2; top:22px; right:22px; width:37px; height:40px; }
#footer .wrap_search .search .caution { margin-top:5px; font-size:15px; }

#footer ul.wrap_sns { width:100%; height:auto; margin-top:90px; }
#footer ul.wrap_sns:after { content:""; display:block; clear:both; }
#footer ul.wrap_sns li { display:inline-block; float:left; margin-right:30px; }
#footer ul.wrap_sns li:last-child { margin-right:0; }
#footer ul.wrap_sns li p { margin-top:-15px; font-size:35px; font-weight:600; color:#000; }

#footer .wrap_info {  width:100%; height:auto; margin-top:92px; }
#footer .wrap_info p { width:100%; height:auto; font-size:14px; line-height:2.2; }

#footer ul.quick_navi { width:100%; height:auto; }
#footer ul.quick_navi li { display:inline-block; float:left; width:33.33%; min-height:150px; margin-bottom:50px; }
#footer ul.quick_navi li > div a { font-size:24px; font-weight:500; }
#footer ul.quick_navi li > a { display:block; width:auto; height:16px; margin-top:10px; font-size:16px; }
#footer ul.quick_navi:after { content:""; display:block; clear:both; }

#top { display:none; position:fixed; z-index:9; bottom:0; right:0; width:54px; height:54px; margin-top:-28px; border:1px solid #bcbcbc; background-color:#fff; transition:all .2s; }
#top:hover { border-color:#fff; background-color:#89fe00; }



/* MAIN */
#contents .main_contents { position:relative; z-index:1; top:0; left:0; width:100%; height:auto; padding-top:90px; }


#contents .main_contents .wrap_txt { margin-top:50px; margin-left:200px; }
#contents .main_contents .wrap_txt p.tx01 { line-height:1; }
#contents .main_contents .wrap_txt p.tx01 .sp01 { font-size:55px; font-weight:700; color:#cecece; }
#contents .main_contents .wrap_txt p.tx01 .sp02 { font-size:30px; font-weight:500; color:#d8d8d8; margin-left:10px; font-style:italic; }
#contents .main_contents .wrap_txt p.tx01 .sp03 { font-size:55px; font-weight:700; color:#d8d8d8; margin-left:10px; }
#contents .main_contents .wrap_txt p.tx02 { line-height:1; }
#contents .main_contents .wrap_txt p.tx02 .sp04 { font-size:26px; font-weight:600; color:#d8d8d8; }
#contents .main_contents .wrap_txt p.tx02 .sp05 { font-size:26px; font-weight:600; color:#cecece; }


/* section01 */
#contents .main_contents .section01 { position:relative; width:100%; max-width:1920px; height:auto; }

#contents .main_contents .section01 .tx01 { position:absolute; z-index:2; top:50%; left:1.5%;  width:10px; height:228px; margin-top:-114px; opacity:0.4; }
#contents .main_contents .section01 .tx02 { position:absolute; z-index:2; top:50%; right:1.5%; width:14px; height:222px; margin-top:-111px; opacity:0.4; }

#contents .main_contents .section01 .device { position:relative; width:100%; }
#contents .main_contents .section01 .device .swiper-container01 { width:100%; }
#contents .main_contents .section01 .device .swiper-container01 .swiper-slide { }
#contents .main_contents .section01 .device .swiper-container01 .swiper-slide img { width:100%; max-width:1920px; }

#contents .main_contents .section01 .device .swiper-container01 .arrow { position:absolute; z-index:2; top:50%; width:56px; height:56px; margin-top:-28px; overflow:hidden; }
#contents .main_contents .section01 .device .swiper-container01 .arrow a:hover img { margin-top:-56px; }
#contents .main_contents .section01 .device .swiper-container01 .arrow.prev { left:0; }
#contents .main_contents .section01 .device .swiper-container01 .arrow.next { right:0; }

#contents .main_contents .section01 .device .swiper-pagination { position:absolute; z-index:2316; bottom:20px; left:0; width:100%; text-align:center; }
#contents .main_contents .section01 .device .swiper-pagination .swiper-pagination-bullet { width:20px; height:20px; text-align:center; line-height:20px; font-size:12px; color:#000; opacity:1; background:rgba(255, 255, 255, 1); }
#contents .main_contents .section01 .device .swiper-pagination .swiper-pagination-bullet-active { color:#fff; background:#4bea13; }

/* section01_M */
#contents .main_contents .section01_M { display:none; position:relative; width:100%; max-width:1920px; height:auto; }

#contents .main_contents .section01_M .tx01 { position:absolute; z-index:2; top:50%; left:1.5%;  width:10px; height:228px; margin-top:-114px; opacity:0.4; }
#contents .main_contents .section01_M .tx02 { position:absolute; z-index:2; top:50%; right:1.5%; width:14px; height:222px; margin-top:-111px; opacity:0.4; }

#contents .main_contents .section01_M .device { position:relative; width:100%; }
#contents .main_contents .section01_M .device .swiper-container01 { width:100%; }
#contents .main_contents .section01_M .device .swiper-container01 .swiper-slide { }
#contents .main_contents .section01_M .device .swiper-container01 .swiper-slide img { width:100%; max-width:1920px; }

#contents .main_contents .section01_M .device .swiper-pagination { position:absolute; z-index:2316; bottom:20px; left:0; width:100%; text-align:center; }
#contents .main_contents .section01_M .device .swiper-pagination .swiper-pagination-bullet { width:20px; height:20px; text-align:center; line-height:20px; font-size:12px; color:#000; opacity:1; background:rgba(255, 255, 255, 1); }
#contents .main_contents .section01_M .device .swiper-pagination .swiper-pagination-bullet-active { color:#fff; background:#4bea13; }


/* lookbook */
#contents .main_contents .lookbook { position:relative; width:100%; max-width:1920px; height:auto; padding:125px 0 50px; margin:25px auto 0; background-color:#e8e8e6; }
#contents .main_contents .lookbook .deco_tx { width:100%; font-size:200px; font-weight:900; color:#222534; line-height:1; text-align:center; }
#contents .main_contents .lookbook .swiper-container02 { position:relative; width:100%; margin-top:-69px; }
#contents .main_contents .lookbook .swiper-container02 .swiper-slide { width:500px; }
#contents .main_contents .lookbook .swiper-container02 .swiper-slide img { width:100%; }

#contents .main_contents .lookbook .swiper-pagination { position:absolute; z-index:2316; bottom:-40px; left:0; width:100%; text-align:center; }
#contents .main_contents .lookbook .swiper-pagination .swiper-pagination-bullet { width:20px; height:20px; text-align:center; line-height:20px; font-size:12px; color:#000; opacity:1; background:rgba(255, 255, 255, 1); }
#contents .main_contents .lookbook .swiper-pagination .swiper-pagination-bullet-active { color:#fff; background:#4bea13; }

#contents .main_contents .lookbook .swiper-container02 .arrow { position:absolute; z-index:2; top:50%; width:54px; height:54px; margin-top:-28px; border:1px solid #bcbcbc; background-color:#fff; transition:all .2s; }
#contents .main_contents .lookbook .swiper-container02 .arrow:hover { border-color:#fff; background-color:#89fe00; }
#contents .main_contents .lookbook .swiper-container02 .arrow.prev { left:0; }
#contents .main_contents .lookbook .swiper-container02 .arrow.next { right:0; }


/* wallpaper */
#contents .main_contents .sec03 { display:none; }

#contents .main_contents .wallpaper { position:relative; width:100%; max-width:1920px; height:auto; padding:125px 0 50px; margin:0 auto; background-color:#e8e8e6; }

#contents .main_contents .wallpaper .deco_tx { position:relative; z-index:1; top:0; left:0; width:100%; font-size:180px; font-weight:900; color:#222534; line-height:1; text-align:center; }

#contents .main_contents .wallpaper .container { position:relative; z-index:2; top:-50px; left:0; width:100%; }

#contents .main_contents .wallpaper ul.wrap_tx { position:absolute; z-index:9; bottom:250px; left:5%; width:300px; }
#contents .main_contents .wallpaper ul.wrap_tx li.li01.obj { width:100%; max-width:300px;}
#contents .main_contents .wallpaper ul.wrap_tx li.li01.obj img { width:100%; }
#contents .main_contents .wallpaper ul.wrap_tx li.li02 p { font-size:30px; font-weight:400; color:#000000; line-height:1; }
#contents .main_contents .wallpaper ul.wrap_tx li.li02 p .sp01 { font-weight:100; }
#contents .main_contents .wallpaper ul.wrap_tx li.li02 .line { width:100%; height:4px; margin:20px 0; background-color:#89fe00; }
#contents .main_contents .wallpaper ul.wrap_tx li.li03 p { font-size:18px; font-weight:100; color:#000000; line-height:1.2; }
#contents .main_contents .wallpaper ul.wrap_tx li.li04 .btn { margin-top:25px; }
#contents .main_contents .wallpaper ul.wrap_tx li.li04 .btn a { display:block; width:100%; max-width:200px; height:50px; font-size:18px; color:#ffffff; text-align:center; line-height:50px; text-decoration:none; background-color:#4bea13; }
#contents .main_contents .wallpaper ul.wrap_tx li.li04 .btn a:hover { background-color:#000000; }

#contents .main_contents .wallpaper .container .device { position:absolute; z-index:2; width:100%; }
#contents .main_contents .wallpaper .container .device .swiper-container03 { width:100%; max-width:940px; margin:0 auto; padding:150px 100px; box-sizing:border-box; }
#contents .main_contents .wallpaper .container .device .swiper-container03 .arrow { display:none; position:absolute; z-index:9; top:50%; width:44px; height:44px; margin-top:-23px; border:1px solid #bcbcbc; background-color:#fff; }
#contents .main_contents .wallpaper .container .device .swiper-container03 .arrow img { width:44px; }
#contents .main_contents .wallpaper .container .device .swiper-container03 .arrow.prev { left:3%; }
#contents .main_contents .wallpaper .container .device .swiper-container03 .arrow.next { right:3%; }
#contents .main_contents .wallpaper .container .device .swiper-container03 .swiper-slide { box-shadow:40px 60px 20px rgba(0, 0, 0, .2); transition:all .2s; }
#contents .main_contents .wallpaper .container .device .swiper-container03 .swiper-slide.off { opacity:0; }
#contents .main_contents .wallpaper .container .device .swiper-container03 .swiper-slide img { width:100%; }
#contents .main_contents .wallpaper .container .bg { width:100%; max-width:940px; margin:0 auto; }

#contents .main_contents .wallpaper .btn_f_m { display:none; position:absolute; z-index:9; bottom:25px; left:50%; width:120px; margin-left:-60px; }
#contents .main_contents .wallpaper .btn_f_m a { display:block; width:100%; height:40px; font-size:15px; color:#000; text-align:center; line-height:40px; text-decoration:none; border:1px solid #bcbcbc; background-color:#fff; transition:all .2s; }
#contents .main_contents .wallpaper .btn_f_m a:hover { color:#fff; border:1px solid #fff; background-color:#4bea13; }


/* section04 */
#contents .main_contents .section04 { position:relative; width:100%; max-width:1920px; margin:0 auto; background-color:#62d0e1; }

#contents .main_contents .section04 .container { display:flex; width:100%; }
#contents .main_contents .section04 .container .item { display:flex; flex-wrap:wrap; }
#contents .main_contents .section04 .container .item01 { width:70%; background-color:#62d0e1; overflow:hidden; }
#contents .main_contents .section04 .container .item02 { width:30%; background-color:#ffffff; overflow:hidden; }


#contents .main_contents .section04 .container .item01 .device { position:relative; z-index:1; top:0; left:0; width:100%; max-width:1920px; padding:125px 0; background-color:#fff; }
#contents .main_contents .section04 .container .item01 .device .title { position:absolute; z-index:2; top:0; left:0; width:100%; max-width:960px; padding:125px 0; }
#contents .main_contents .section04 .container .item01 .device .swiper-container04_01 { position:relative; width:100%; border-top-right-radius:200px; border-bottom-right-radius:200px; background-color:#62d0e1; overflow:hidden; }
#contents .main_contents .section04 .container .item01 .device .swiper-container04_01 img { width:100%; max-width:960px; }
#contents .main_contents .section04 .container .item01 .device .swiper-container04_02 { position:relative; width:100%; border-top-right-radius:200px; border-bottom-right-radius:200px; background-color:#62d0e1; overflow:hidden; display:none; }
#contents .main_contents .section04 .container .item01 .device .swiper-container04_02 img { width:100%; max-width:960px; }

#contents .main_contents .section04 .container .item02 .wrap_category { width:100%; padding:125px 0; }

#contents .main_contents .section04 .container .item02 .wrap_category ul.wrap_btn01 { width:100%; }
#contents .main_contents .section04 .container .item02 .wrap_category ul.wrap_btn01 li { width:90%; max-width:320px; margin:0 5%; margin-bottom:.6vw; font-size:1.6vw; font-weight:700; line-height:1.2; }
#contents .main_contents .section04 .container .item02 .wrap_category ul.wrap_btn01 li a.active { color:#67cadf; }
#contents .main_contents .section04 .container .item02 .wrap_category ul.wrap_btn01 li a:hover  { color:#67cadf; }

#contents .main_contents .section04 .container .item02 .wrap_category ul.wrap_btn { width:100%; margin-top:2vw; }
#contents .main_contents .section04 .container .item02 .wrap_category ul.wrap_btn li { width:90%; max-width:320px; margin:0 5%; margin-bottom:2vw; border-bottom:1px solid #000; font-size:2.2vw; font-weight:700; line-height:1.2; }
#contents .main_contents .section04 .container .item02 .wrap_category ul.wrap_btn li a { text-decoration:none; }
#contents .main_contents .section04 .container .item02 .wrap_category ul.wrap_btn li a.active { color:#67cadf; }
#contents .main_contents .section04 .container .item02 .wrap_category ul.wrap_btn li a:hover  { color:#67cadf; }

#contents .main_contents .section04 .container .item02 .wrap_category ul.wrap_btn02 { display:block; }
#contents .main_contents .section04 .container .item02 .wrap_category ul.wrap_btn03 { display:none; }


/* section05 */
#contents .main_contents .section05 { position:relative; width:100%; height:214px; background-color:#f8f1e1; overflow:hidden; }
#contents .main_contents .section05 .rolling { position:absolute; z-index:2; top:0; width:4150px; height:214px; }
#contents .main_contents .section05 .rolling img { width:100%; max-width:3850px; }
#contents .main_contents .section05 .rolling01 { left:0px;  }
#contents .main_contents .section05 .rolling02 { left:1920px; }


/* section06 */
#contents .main_contents .section06 { position:relative; width:100%; max-width:1920px; height:auto; padding:100px 0 50px; margin:0 auto; background-color:#f6cfe2; }

#contents .main_contents .section06 .wrap_tx { width:100%; text-align:center; }
#contents .main_contents .section06 .wrap_tx .tx01 { font-size:26px; font-weight:500; color:#000; text-decoration:underline;  }

#contents .main_contents .section06 ul.wrap_item { width:100%; max-width:900px; margin:0 auto; font-size:0; }
#contents .main_contents .section06 ul.wrap_item:after { content:""; display:block; clear:both; }
#contents .main_contents .section06 ul.wrap_item li { display:inline-block; width:50%; max-width:400px; margin:0 25px; text-align:center; }
#contents .main_contents .section06 ul.wrap_item li img { width:100%; }
#contents .main_contents .section06 ul.wrap_item li .tx { margin-top:10px; font-size:20px; color:#000; text-align:center; }


#contents .main_contents .section06 .search { position:relative; display:flex; width:94%; max-width:1024px; height:44px; padding:20px 0; margin:100px auto 0; border-radius:84px; background-color:#fff; }
#contents .main_contents .section06 .search .item { display:flex; flex-wrap:wrap; text-align:center; }
#contents .main_contents .section06 .search .item01 { width:20%; }
#contents .main_contents .section06 .search .item01 a { width:90%; max-width:125px; margin:0 auto; font-size:20px; color:#fff; line-height:44px; text-align:center; text-decoration:none; border-radius:22px; background-color:#f8893a; }

#contents .main_contents .section06 .search .item02 { width:70%; }
#contents .main_contents .section06 .search .item02 .search-location { width:100%; height:100%; }
#contents .main_contents .section06 .search .item02 .search-location input[type="text"] { width:80%; height:100%; font-size:26px; font-weight:300; color:#222222; box-sizing:border-box; border:none; text-align:center; }

#contents .main_contents .section06 .search .item03 { width:10%; }
#contents .main_contents .section06 .search .item03 img { height:100%; }


/* section07 */
#contents .main_contents .section07 { position:relative; width:100%; max-width:1920px; background-color:#c7e2ad; }
#contents .main_contents .section07 .wrap_txt { position:absolute; z-index:3; top:76px; left:1208px; width:462px; height:auto; }
#contents .main_contents .section07 .wrap_txt .mark  { }
#contents .main_contents .section07 .wrap_txt .txt01 { margin-top:75px; margin-left:18px; }
#contents .main_contents .section07 .wrap_txt .txt02 { margin-top:38px; margin-left:18px; }
#contents .main_contents .section07 .wrap_txt .txt03 { margin-top:38px; margin-left:18px; }
#contents .main_contents .section07 .wrap_txt .btn01 { margin-top:58px; margin-left:18px; width:260px; height:64px; overflow:hidden; }
#contents .main_contents .section07 .wrap_txt .btn01 a:hover img { margin-top:-64px; }

#contents .main_contents .section07 .movie { position:absolute; z-index:2; top:140px; left:240px; width:812px; height:457px; border:12px solid #fff; }

#contents .main_contents .section07 ul.list { position:absolute; z-index:1; top:660px; left:252px; width:2500px; height:245px; }
#contents .main_contents .section07 ul.list:after { content:""; display:block; clear:both; }
#contents .main_contents .section07 ul.list li { display:inline-block; float:left; width:204px; height:243px; overflow:hidden; }
#contents .main_contents .section07 ul.list li.devide { width:2px; height:185px; margin:0 30px; background-color:#adadad; }
#contents .main_contents .section07 ul.list li a:hover img,
#contents .main_contents .section07 ul.list li a.active img{ margin-top:-243px; }


/* section08 */
#contents .main_contents .sec08 { display:none; }

#contents .main_contents .instagram { position:relative; width:100%; max-width:1920px; height:auto; padding:175px 0; margin:0 auto; background-color:#e8e8e6; }

#contents .main_contents .instagram .deco_tx { width:100%; font-size:180px; font-weight:900; color:#222534; line-height:1; text-align:center; }

#contents .main_contents .instagram .container { position:relative; z-index:2; width:100%; }



#contents .main_contents .instagram ul.wrap_tx { position:absolute; z-index:9; bottom:200px; left:5%; width:300px; }
#contents .main_contents .instagram ul.wrap_tx li.li01.obj { width:100%; max-width:300px;}
#contents .main_contents .instagram ul.wrap_tx li.li01.obj img { width:100%; }
#contents .main_contents .instagram ul.wrap_tx li.li02 p { font-size:30px; font-weight:400; color:#000000; line-height:1; }
#contents .main_contents .instagram ul.wrap_tx li.li02 p .sp01 { font-weight:100; }
#contents .main_contents .instagram ul.wrap_tx li.li02 .line { width:100%; height:4px; margin:20px 0; background-color:#89fe00; }
#contents .main_contents .instagram ul.wrap_tx li.li03 p { font-size:18px; font-weight:100; color:#000000; line-height:1.2; }
#contents .main_contents .instagram ul.wrap_tx li.li04 .btn { margin-top:25px; }
#contents .main_contents .instagram ul.wrap_tx li.li04 .btn a { display:block; width:100%; max-width:200px; height:50px; font-size:18px; color:#ffffff; text-align:center; line-height:50px; text-decoration:none; background-color:#4bea13; }
#contents .main_contents .instagram ul.wrap_tx li.li04 .btn a:hover { background-color:#000000; }
/*
#contents .main_contents .instagram .container .wrap_tx { position:absolute; z-index:9; top:135px; left:8%; width:300px; }
#contents .main_contents .instagram .container .wrap_tx p.tx01 { font-size:30px; font-weight:100; color:#000000; line-height:1; }
#contents .main_contents .instagram .container .wrap_tx p.tx01 .sp01 { font-weight:400; }
#contents .main_contents .instagram .container .wrap_tx p.tx02 { font-size:18px; font-weight:100; color:#000000; line-height:1.2; }
#contents .main_contents .instagram .container .wrap_tx .line { width:100%; height:4px; margin:20px 0; background-color:#89fe00; }
#contents .main_contents .instagram .container .wrap_tx .btn { margin-top:25px; }
#contents .main_contents .instagram .container .wrap_tx .btn a { display:block; width:100%; max-width:200px; height:50px; font-size:18px; color:#ffffff; text-align:center; line-height:50px; text-decoration:none; background-color:#89fe00; }
#contents .main_contents .instagram .container .wrap_tx .btn a:hover { background-color:#000000; }
*/

#contents .main_contents .instagram .container .swiper-instagram { position:relative; width:100%; max-width:600px; margin:-40px auto 0; }
#contents .main_contents .instagram .container .swiper-instagram .arrow { position:absolute; z-index:2; top:50%; width:54px; height:54px; margin-top:-28px; border:1px solid #bcbcbc; background-color:#fff; transition:all .2s; }
#contents .main_contents .instagram .container .swiper-instagram .arrow:hover { border-color:#fff; background-color:#89fe00; }
#contents .main_contents .instagram .container .swiper-instagram .arrow.prev { left:-66px; }
#contents .main_contents .instagram .container .swiper-instagram .arrow.next { right:-66px; }

#contents .main_contents .instagram .container .swiper-instagram .swiper-slide { position:relative; width:100%; }

#contents .main_contents .instagram .container .swiper-instagram .swiper-slide.next .white { position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; background-color:rgba(255, 255, 255, .5); }

#contents .main_contents .instagram .container .swiper-instagram .swiper-slide img { width:100%; box-shadow:-30px 50px 20px rgba(0, 0, 0, .2); border:6px solid #fff; box-sizing:border-box; transition:all .2s; }
#contents .main_contents .instagram .container .swiper-instagram .swiper-slide img:hover { border-color:#89fe00; }
#contents .main_contents .instagram .container .swiper-instagram .swiper-slide.prev img { opacity:0; }


/* section09 */
#contents .main_contents .sec09 { display:none; }

#contents .main_contents .section09 { position:relative; width:100%; max-width:1920px; height:auto; padding:0 0 200px; margin:0 auto; background-color:#e8e8e6; }
#contents .main_contents .section09 .container_item { display:flex; width:100%; }
#contents .main_contents .section09 .container_item .item { position:relative; display:flex; flex-wrap:wrap; }
#contents .main_contents .section09 .container_item .item01 { width:50%; }
#contents .main_contents .section09 .container_item .item02 { width:50%; }

#contents .main_contents .section09 .container_item .item01 .obj { position:absolute; z-index:2; top:-100px; left:0; }

#contents .main_contents .section09 .container_item .item02 .wrap_tx { width:100%; }
#contents .main_contents .section09 .container_item .item02 .wrap_tx .deco_tx { width:100%; font-size:180px; font-weight:900; color:#222534; line-height:1; }
#contents .main_contents .section09 .container_item .item02 .wrap_tx p.tx01 { font-size:30px; font-weight:400; color:#000000; line-height:1; }
#contents .main_contents .section09 .container_item .item02 .wrap_tx p.tx01 .sp01 { font-weight:100; }
#contents .main_contents .section09 .container_item .item02 .wrap_tx p.tx02 { font-size:18px; font-weight:100; color:#000000; line-height:1.2; }
#contents .main_contents .section09 .container_item .item02 .wrap_tx .line { width:100%; max-width:300px; height:4px; margin:20px 0; background-color:#89fe00; }
#contents .main_contents .section09 .container_item .item02 .wrap_tx .btn { margin-top:25px; }
#contents .main_contents .section09 .container_item .item02 .wrap_tx .btn a { display:block; width:100%; max-width:200px; height:50px; font-size:18px; color:#ffffff; text-align:center; line-height:50px; text-decoration:none; background-color:#89fe00; }
#contents .main_contents .section09 .container_item .item02 .wrap_tx .btn a:hover { background-color:#000000; }

#contents .main_contents .section09 .device { position:relative; width:100%; background-color:#d5d644; }
#contents .main_contents .section09 .device .swiper-container09 { position:relative; z-index:2; width:100%; max-width:1024px; margin:0 auto; padding:10px 0; box-sizing:border-box; }
#contents .main_contents .section09 .device .swiper-container09 .swiper-slide { }
#contents .main_contents .section09 .device .swiper-container09 .swiper-slide .btn { position:absolute; z-index:2; top:50%; left:50%; width:76px; height:76px; margin-top:-38px; margin-left:-38px; border-radius:38px; background-color:#fff; }
#contents .main_contents .section09 .device .swiper-container09 .swiper-slide .btn:hover { background-color:#4bea13; }
#contents .main_contents .section09 .device .box { display:none; position:absolute; z-index:1; top:2%; left:2%; width:96%; height:96%; background-color:#fff; transform:rotate(7deg); }

#contents .main_contents .section09 .movie { position:relative; width:100%; height:0; padding-bottom:56.25%; }
#contents .main_contents .section09 .movie iframe { position:absolute; top:0; left:0; width:100%; height:100%; }




/* common */
.h2 { width:100%; height:auto; padding-top:80px; padding-bottom:50px; text-align:center; overflow:auto; }
.h2 .p01 { margin-top:0px; font-size:40px; font-weight:700; }
.h2 .p02 { margin-top:20px; font-size:20px; font-weight:500; color:#747474; }

.content { width:72%; margin:0 auto; }

.h3 { font-size:30px; font-weight:700; }
.h3 span { font-size:20px; font-weight:500; color:#676767; }
/*
.txt01 { margin-top:16px; font-size:20px; font-weight:300; line-height:1.5; letter-spacing:-1px; word-break:keep-all; }
.txt02 { width:80%; margin:40px auto 0; font-size:38px; font-weight:300; line-height:1.5; letter-spacing:-1px; text-align:center; word-break:keep-all; }
*/
.img01 { width:100%; min-height:225px; margin-top:35px; border:1px solid #dedede; background-color:#ffffff; }
.img02 { width:100%; min-height:225px; margin-top:35px; background-color:#ffffff; }
.img03 { width:100%; min-height:225px; background-color:#fafafa; background-size:contain; }

.bacg { background-repeat:no-repeat; background-position:center center; }

a.btn_type01 { display:inline-block; font-size:21px; padding:14px 20px; border:1px solid #bdbdbd; box-sizing:border-box; background-color:#ffffff; text-align:left; color:#000; text-decoration:none; }
a.btn_type01 span { float:right; }
a.btn_type01.active,
a.btn_type01:hover { border:1px solid #3469e6; background-color:#3469e6; color:#fff; }

/* 게시판 페이징 */
.pagination { text-align:center; }
.pagination span a { display:inline-block; width:38px; height:38px; margin:0 2px; background-color:#fff; border:1px solid #ebebeb; text-align:center; color:#000000; font-size:14px; line-height: 38px; }
.pagination span a.on { background-color:#000000; color:#fff; }







.popup_wrap1 {position:fixed; z-index:9999; display:none; left:-9999px; top:-9999px;}
.popup_wrap1.on {display:block;}
.popup_wrap1 .popup_header1 {text-align:center;}
.popup_wrap1 .popup_container1 .popup_img {padding:30px 0; vertical-align:middle; text-align:center;}
.popup_wrap1 .popup_container1 .popup_img img {padding: 8px 2px 0 0; }
.popup_wrap1 .popup_container1 .popup_chose {text-align:center;}

.page_no { text-align:center; }
.page_no span { vertical-align:top; }
.page_no a { display:inline-block; width:38px; height:38px; line-height:38px; margin:0 1px; border:1px solid #ebebeb; background-color:#ffffff; color:#000000; text-decoration:none; }
.page_no span a.on { color:#ffffff; background-color:#000000; }

.btn_right_area { margin:50px 0; text-align:right; }


#sub { position:relative; z-index:1; top:0; left:0; width:100%; height:100%; padding-bottom:100px; min-height:648px; margin-top:90px; }
#sub.gray { background-color:#fafafa; }

#sub .wrap_sub_top_img { width:100%; background-position:center center; background-size:cover; }
#sub .wrap_sub_top_img .cover { width:100%; min-width:1024px; }

#sub .wrap_sub_title { width:94%; max-width:768px; height:auto; padding:53px 0 67px; margin:0 auto; text-align:center; }
#sub .wrap_sub_title .title01 { font-size:60px; font-weight:700; color:#323232; line-height:1.4; letter-spacing:-.5px; text-align:center; }
#sub .wrap_sub_title .title02 { font-size:32px; font-weight:700; color:#97be22; line-height:1.4; letter-spacing:-.5px; text-align:center; margin-top:15px; }
#sub .wrap_sub_title .title03 { font-size:18px; font-weight:300; color:#323232; line-height:1.4; letter-spacing:-.5px; text-align:center; margin-top:5px; }

#sub .wrap_board_title { width:100%; height:auto; padding:50px 0; text-align:center; }
#sub .wrap_board_title .title01 { font-size:28px; font-weight:700; text-align:center; }
#sub .wrap_board_title .title02 { font-size:20px; font-weight:400; text-align:center; }


.wrap_sub_navi { position:relative; z-index:1; top:0; left:0; width:100%; height:61px; border-bottom:1px solid #dddddd; box-sizing:border-box; }
.wrap_sub_navi ul.navi { position:relative; z-index:1; top:0; left:50%; width:996px; margin-left:-498px; }
.wrap_sub_navi ul.navi:after { content:" "; display:block; clear:both; }
.wrap_sub_navi ul.navi li { display:inline-block; float:left; width:auto; height:60px; border-right:1px solid #dddddd; box-sizing:border-box; }
.wrap_sub_navi ul.navi li.li02 { width:169px; }
.wrap_sub_navi ul.navi li.li03 { width:169px; }
.wrap_sub_navi ul.navi li #snb01 { width:100%; height:60px; line-height:60px; border:none; }
.wrap_sub_navi ul.navi li #snb02 { width:100%; height:60px; line-height:60px; border:none; }


.section { width:96%; margin:0 auto; }
.devided { width:100%; max-width:1280px; height:1px; margin:65px auto; border-top:1px dashed #e9e9e9; }

/* 아이비클럽 소개 */
.ivyclub .section01 { max-width:1660px; }
.ivyclub .section01 .title { width:100%; text-align:center; }
.ivyclub .section01 .title .ti01 { font-size:40px; font-weight:700; color:#323232; line-height:1.5; }
.ivyclub .section01 .title .ti02 { font-size:22px; font-weight:400; color:#323232; line-height:1.2; }

.ivyclub .section01 .logo { width:100%; max-width:1101px; margin:50px auto 0; }

.ivyclub .section01 ul.wrap_info { width:100%; max-width:1440px; margin:0 auto; font-size:0; }
.ivyclub .section01 ul.wrap_info:after { content:" "; display:block; clear:both; }
.ivyclub .section01 ul.wrap_info li { display:inline-block; width:50%; margin:30px 0; vertical-align:top; }

.ivyclub .section01 ul.wrap_info li .item { display:flex; flex-wrap:wrap; width:100%; }
.ivyclub .section01 ul.wrap_info li .item .color_box { width:26%; height:92px; padding:2%; border:1px solid #e9e9e9; }
.ivyclub .section01 ul.wrap_info li .item .color_box .color { width:100%; height:100%; }
.ivyclub .section01 ul.wrap_info li .item .color_box .color01 {  background-color:#b6d317; }
.ivyclub .section01 ul.wrap_info li .item .color_box .color02 {  background-color:#5e90cd; }
.ivyclub .section01 ul.wrap_info li .item .color_box .color03 {  background-color:#ef7840; }
.ivyclub .section01 ul.wrap_info li .item .color_box .color04 {  background-color:#4c252a; }

.ivyclub .section01 ul.wrap_info li .item .txt { width:60%; height:auto; padding:7px 4%; }
.ivyclub .section01 ul.wrap_info li .item .tx01 { font-size:24px; font-weight:700; color:#323232; padding:0 25px; }
.ivyclub .section01 ul.wrap_info li .item .tx02 { font-size:18px; font-weight:300; color:#323232; padding:0 25px; }

.ivyclub .section02 { max-width:1024px; }
.ivyclub .section02 .tx01 { font-size:34px; font-weight:400; color:#323232; line-height:1.2; margin-top:10px; text-align:center; }
.ivyclub .section02 .tx02 { font-size:46px; font-weight:700; color:#323232; line-height:1.2; margin-top:10px; text-align:center; }
.ivyclub .section02 .tx03 { font-size:24px; font-weight:400; color:#323232; line-height:1.2; margin-top:40px; }
.ivyclub .section02 .tx04 { font-size:20px; font-weight:300; color:#323232; line-height:1.2; margin-top:30px; }
.ivyclub .section02 .tx05 { font-size:20px; font-weight:300; color:#323232; line-height:1.2; margin-top:40px; text-align:right; }
.ivyclub .section02 span { color:#ef7840; }

.ivyclub .section03 { max-width:1024px; }
.ivyclub .section03 .title { width:100%; text-align:center; }
.ivyclub .section03 .title .ti01 { font-size:40px; font-weight:700; color:#323232; line-height:1.5; }
.ivyclub .section03 .title .ti02 { font-size:22px; font-weight:400; color:#323232; line-height:1.2; }
.ivyclub .section03 .title span { font-weight:700; color:#ef7840; }

.ivyclub .section03 table { width:100%; margin-top:50px; margin-bottom:100px; }
.ivyclub .section03 table tr {  }
.ivyclub .section03 table tr th { padding:10px 0; border-top:1px dotted #c8c8c8; font-size:16px; line-height:1.8; color:#fff; background-color:#bfbfbf; }
.ivyclub .section03 table tr td { padding:10px 30px; border-top:1px dotted #c8c8c8; font-size:14px; line-height:1.8; font-weight:300; }
.ivyclub .section03 table tr th.th2022 { background-color:#e53d54; }
.ivyclub .section03 table tr th.th2021 { background-color:#323232; }
.ivyclub .section03 table tr th.th2020 { background-color:#3f3f3f; }
.ivyclub .section03 table tr th.th2019 { background-color:#535353; }
.ivyclub .section03 table tr th.th2018 { background-color:#616161; }
.ivyclub .section03 table tr th.th2017 { background-color:#808080; }
.ivyclub .section03 table tr th.th2016 { background-color:#a0a0a0; }


/* 기업활동 CSR */
.csr .container { display:flex; width:96%; max-width:1660px; margin:0 auto 100px; }
.csr .container .item {  }
.csr .container .item01 { width:25%; }
.csr .container .item01 ul { width:100%; font-size:0; }
.csr .container .item01 ul:after { content:" "; display:block; clear:both; }
.csr .container .item01 ul li { width:100%; margin-bottom:50px; text-align:center; }
.csr .container .item01 ul li img { width:100%; max-width:299px; }

.csr .container .item02 { width:75%; }
.csr .container .item02 .tr { display:flex; padding:25px 0; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; }
.csr .container .item02 .tr .td01 { width:15%; font-size:40px; font-weight:900; color:#a1c722; line-height:1.4; text-align:center; }
.csr .container .item02 .tr .td02 { width:85%; }
.csr .container .item02 .tr .td02 ol {}
.csr .container .item02 .tr .td02 ol li { padding:10px 0; font-size:24px; font-weight:100; color:#363636; line-height:1.1; }


/* 드라마/영화 협찬 */
.support .swiper { width:100%; height:100%; padding:55px 0; background-color:#fafafa; }
.support .swiper-slide { text-align:center; }
.support .swiper-slide img { text-align:center; width:100%; }
.support .swiper-slide p { text-align:center; font-size:16px; line-height:2; }

.support .swiper-pagination-bullet { width:15px; height:15px; background:rgba(0, 0, 0, 0.2); }
.support .swiper-pagination-bullet-active { background:#ff5d68; }

/* DIRECTIONS */
.directions .section01 { width:90%; height:auto; margin:0 auto; padding-bottom:40px; border-bottom:1px solid #d4d4d4; }
.directions .section01 .title { width:100%; height:162px; font-size:28px; line-height:162px; font-weight:700; text-align:center; border-bottom:1px solid #aaaaaa; }
.directions .section01 .info { margin-top:20px; }
.directions .section01 .info > p { font-size:18px; line-height:1.6; font-weight:300; }


/* All 바른 디자인 */
.design ul.content_navi { width:100%; max-width:1240px; height:auto; margin:0 auto; }
.design ul.content_navi:after { content:" "; display:block; clear:both; }
.design ul.content_navi li { display:inline-block; float:left; width:50%; height:74px; }
.design ul.content_navi li a { display:block; width:100%; height:74px; border-bottom:1px solid #c9c9c9; box-sizing:border-box; text-decoration:none; font-size:20px; line-height:74px; color:#909090; text-align:center; }
.design ul.content_navi li a.active,
.design ul.content_navi li a:hover { border-bottom:5px solid #323232; color:#323232; }


.design ul.device_navi:after { content:" "; display:block; clear:both; }
.design ul.device_navi li { display:inline-block; float:left; margin:4px 1px; width:154px; height:32px; border-radius:4px; }
.design ul.device_navi li a { display:inline-block; width:100%; height:100%; font-size:16px; line-height:32px; color:#fff; font-weight:700; text-align:center; transform:skew(-0.001deg); background-color:#e0e0e0; }
.design ul.device_navi li a:hover { background-color:#97bf1d; }
.design ul.device_navi li.active a { background-color:#97bf1d; }


.design .section_top { width:100%; height:auto; background-color:#ffffff; }
.design .section01 { max-width:1240px; overflow:hidden; }
.design .section01 .content { width:100%; height:auto; }
.design .section01 .content p.tit { margin-top:50px; font-size:24px; font-weight:700; }
.design .section01 .content ul.device_navi { margin-top:50px; width:100%; height:auto; }
.design .section01 .content .swiper-container02 { position:relative; width:100%; height:auto; margin-top:50px; }
.design .section01 .content .swiper-container02 .swiper-slide .wrap_images { display:flex; }
.design.ss .section01 .content .swiper-container02 .swiper-slide .wrap_images { display:flex; margin-top:50px; }

.design .section01 .content .swiper-container02 .swiper-slide .wrap_images .item01 img { width:100%; max-width:383px; }
.design .section01 .content .swiper-container02 .swiper-slide .wrap_images .item02 img { width:100%; max-width:830px; }

.design .section_bot { width:100%; height:auto; background-color:#f4f4f5; }
.design .section02 { max-width:1240px; overflow:hidden; background-color:#f4f4f5; }
.design .section02 .content { width:100%; height:auto; }
.design .section02 .content p.tit { margin-top:50px; font-size:24px; font-weight:700; }
.design .section02 .content ul.device_navi { margin-top:50px; width:100%; height:auto; }
.design .section02 .content .swiper-container04 { position:relative; width:100%; height:auto; margin-top:50px; }
.design .section02 .content .swiper-container04 .swiper-slide .wrap_images { display:flex; margin-top:40px; }
.design .section02 .content .swiper-container04 .swiper-slide .wrap_images .item01 img { width:100%; max-width:383px; }
.design .section02 .content .swiper-container04 .swiper-slide .wrap_images .item02 img { width:100%; max-width:830px; }


.design .text .text01 { font-size:35px; line-height:35px; font-weight:700; color:#292929; }
.design.fw .text .text01 span { color:#f0851b; }
.design.ss .text .text01 span { color:#4280dd; }
.design .text .text02 { font-size:23px; line-height:23px; font-weight:700; color:#292929; margin-top:16px; }
.design .text .text03 { font-size:18px; line-height:26px; font-weight:500; color:#292929; margin-top:27px; }



/* All 바른 원단 */
.fabric { }

.fabric ul.content_navi { width:100%; max-width:1240px; height:auto; margin:0 auto; }
.fabric ul.content_navi:after { content:" "; display:block; clear:both; }
.fabric ul.content_navi li { display:inline-block; float:left; width:50%; height:74px; }
.fabric ul.content_navi li a { display:block; width:100%; height:74px; border-bottom:1px solid #c9c9c9; box-sizing:border-box; text-decoration:none; font-size:20px; line-height:74px; color:#909090; text-align:center; }
.fabric ul.content_navi li a.active,
.fabric ul.content_navi li a:hover { border-bottom:5px solid #323232; color:#323232; }

.fabric .sec { display:flex; /*flex-wrap:wrap;*/ position:relative; width:100%; max-width:1440px; height:440px; margin:50px auto 0; }

.fabric .sec {}
.fabric .sec .item { width:50%; }
.fabric .sec .item .wrap_tx { position:relative; width:60%; margin:0 auto; }
.fabric .sec .item .wrap_tx .tx01 { position:relative; z-index:2; font-size:30px; font-weight:500; line-height:1.2; margin-top:20px; }
.fabric .sec .item .wrap_tx .tx02 { position:relative; z-index:2; font-size:35px; font-weight:700; line-height:1.2; margin-top:5px; color:#ef7200; }
.fabric .sec .item .wrap_tx .tx03 { position:relative; z-index:2; font-size:20px; font-weight:500; line-height:1.2; margin-top:20px; }
.fabric .sec .item .wrap_tx .tx04 { position:relative; z-index:2; font-size:16px; font-weight:300; line-height:1.2; margin-top:20px; }
.fabric .sec .item .wrap_tx .tx05 { position:absolute; z-index:-1; top:-75px; left:0; z-index:0; font-size:220px; font-weight:900; line-height:220px; color:#f7f7f7; }

.fabric .swiper-container { position:relative; width:100%; max-width:680px; overflow:hidden; }

.fabric .swiper-slide img { width:100%; max-width:680px; }

.fabric ul.swiper-navi { position:absolute; z-index:2; bottom:0; left:0; width:112px;}
.fabric ul.swiper-navi li { display:inline-block; float:left; width:56px; height:56px; overflow:hidden; }
.fabric ul.swiper-navi li a:hover img { margin-top:-56px; }



/* All 바른 품질 */
.quality .wrap_tx { width:100%; text-align:center; }
.quality .wrap_tx p.tx01 { font-size:38px; font-weight:700; line-height:1.2; }
.quality .wrap_tx p.tx02 { font-size:47px; font-weight:900; line-height:1.2; color:#97be22; }
.quality .wrap_tx p.tx03 { font-size:24px; font-weight:700; line-height:1.2; margin-top:15px; }
.quality .wrap_tx p.tx04 { font-size:17px; font-weight:400; line-height:1.2; margin-top:15px; }
.quality .wrap_tx p.tx04 span { font-weight:700; color:#f78139; }

.quality .section01 ul { width:100%; max-width:1280px; margin:40px auto 0; }
.quality .section01 ul:after { content:" "; display:block; clear:both; }
.quality .section01 ul li { display:inline-block; float:left; width:32.33%; margin:0.5%; }
.quality .section01 ul li img { width:100%; max-width:405px }
.quality .section01 ul li .tx01 { font-size:20px; font-weight:700; line-height:1.2; margin-top:28px; margin-left:15px; }
.quality .section01 ul li .tx02 { font-size:18px; font-weight:400; line-height:1.2; margin-top:20px; margin-left:15px; }

.quality .section02 ul { width:100%; max-width:1280px; margin:40px auto 0; }
.quality .section02 ul:after { content:" "; display:block; clear:both; }
.quality .section02 ul li { display:inline-block; float:left; width:49%; margin:0.5%; text-align:center; }
.quality .section02 ul li img { width:100%; max-width:406px }
.quality .section02 ul li .tx01 { font-size:20px; font-weight:700; line-height:1.4; }
.quality .section02 ul li .tx02 { width:80%; margin:0 auto; font-size:18px; font-weight:400; line-height:1.4; margin-top:18px; }

.quality .section03 ul { width:100%; max-width:1280px; margin:40px auto 0; }
.quality .section03 ul:after { content:" "; display:block; clear:both; }
.quality .section03 ul li { display:inline-block; float:left; width:49%; margin:0.5%; text-align:center; }
.quality .section03 ul li img { width:100%; max-width:635px }
.quality .section03 ul li .btn { width:220px; height:60px; overflow:hidden; }
.quality .section03 ul li .btn a:hover img { width:100%; max-width:220px; margin-top:-60px; }


.quality .content02 { position:relative; width:100%; }
.quality .content02 .con02_txt { width:96%; max-width:1280px; margin:0 auto; }
.quality .content02 .con02_txt p.txt01 { font-size:40px; line-height:1.2; font-weight:700; }
.quality .content02 .con02_txt p.txt02 { font-size:50px; line-height:1.2; font-weight:800; color:#97be22; }
.quality .content02 .con02_txt p.txt03 { font-size:19px; line-height:1.2; font-weight:400; color:#292929; margin-top:40px; }

.quality .content02 .swiper-container01 { position:relative; top:0; left:5%; width:95%; margin:25px 0 100px; }
.quality .content02 .swiper-container01 .swiper-slide img { width:100%; max-width:432px; }

.quality .content02 .swiper-container01 .swiper-slide .wrap_if { width:96%; max-width:432px; }
.quality .content02 .swiper-container01 .swiper-slide .wrap_if .if01 { font-size:25px; font-weight:700; line-height:1.3; margin-top:20px; letter-spacing:-0.2px; }
.quality .content02 .swiper-container01 .swiper-slide .wrap_if .if02 { font-size:17px; font-weight:400; line-height:1.3; margin-top:15px; letter-spacing:-0.2px; }
.quality .content02 .swiper-container01 .swiper-slide .wrap_if .if03 { font-size:14px; font-weight:400; line-height:1.3; }



/* COMPANY */
#sub.company .section01 { position:relative; top:0; left:0; width:100%; height:auto; }
#sub.company .section01 .wrap_con { position:relative; z-index:1; top:0; left:0; width:70%; max-width:900px; height:auto; margin:0 auto; }
#sub.company .section01 .wrap_con .p_txt { opacity:0; }
#sub.company .section01 .wrap_con .p_txt01 { position:absolute; z-index:2; top:0; left:0; width:100%; max-width:900px; height:auto; }
#sub.company .section01 .wrap_con .p_txt02 { position:absolute; z-index:2; top:0; left:0; width:100%; max-width:900px; height:auto; }
#sub.company .section01 .wrap_con .p_txt03 { position:absolute; z-index:2; top:0; left:0; width:100%; max-width:900px; height:auto; }
#sub.company .section01 .wrap_con .p_img { margin-left:-30px; }

#sub.company .section02 { position:relative; top:0; left:0; width:100%; height:auto; background-color:#fafafa; overflow:auto; }
#sub.company .section02 .content.content01 { margin-top:150px; }
#sub.company .section02 .content.content02 { margin-top:120px; }
#sub.company .section02 .content.content01 .img01 { margin-top:35px; background:url(../images/company/sec02_img01.jpg) top center no-repeat; }
#sub.company .section02 .content.content02 .img01 { height:320px; margin-top:35px; background-image:url('../images/company/sec02_img02.jpg'); } 
#sub.company .section02 .content.content02 .img02 { height:353px; margin-top:35px; background:url(../images/company/sec02_img03.jpg) top center no-repeat; }

#sub.company .section03 { position:relative; top:0; left:0; width:100%; height:auto; background-color:#fafafa; overflow:auto; }
#sub.company .section03 .content.content01 { margin-top:150px; }

#sub.company .section03 .content.content01 .p_img01 { width:100%; max-width:784px; height:auto; margin:35px auto 0; }

#sub.company .section03 .content.content01 .img03 { height:679px; margin-top:35px; background-image:url('../images/company/sec03_img01.jpg');  border:none !important; }
#sub.company .section03 .content.content01 .img02 { height:353px; margin-top:70px; background:url(../images/company/sec03_img02.jpg) top center no-repeat; }
#sub.company .section03 .content.content01 .txt01 { margin-top:40px; text-align:center; font-weight:400; }

#sub.company .section04 { position:relative; top:0; left:0; width:100%; height:auto; background-color:#fafafa; overflow:auto; }
#sub.company .section04 .content.content01 { margin-top:150px; }
#sub.company .section04 .content.content01 .wrap_table { width:100%; height:auto; padding:50px; margin-top:30px; box-sizing:border-box; background-color:#ffffff; }
#sub.company .section04 .content.content01 .wrap_table table { border-top:2px solid #000000; }
#sub.company .section04 .content.content01 .wrap_table table tr { border-bottom:1px solid #e9e9e9; }
#sub.company .section04 .content.content01 .wrap_table table tr th { font-size:21px; background-color:#f9f9f9; }
#sub.company .section04 .content.content01 .wrap_table table tr td { font-size:18px; text-align:center; }
#sub.company .section04 .content.content01 .wrap_table table,
#sub.company .section04 .content.content01 .wrap_table table th,
#sub.company .section04 .content.content01 .wrap_table table td { padding:20px; }

#sub.company .section04 .content.content01 .img02 { height:353px; margin-top:70px; background-image:url('../images/company/sec04_img01.jpg'); }

#sub.company .section05 { position:relative; top:0; left:0; width:100%; height:auto; padding-bottom:150px; background-color:#fafafa; overflow:auto; }
#sub.company .section05 .content.content01 { margin-top:150px; }
#sub.company .section05 .content.content01 .wrap_video { width:100%; height:auto; margin-top:70px; border-radius:20px; overflow:hidden; }


/* CEO GREETINGS */
#sub.ceo .section01 { position:relative; top:0; left:0; width:100%; height:auto; padding-bottom:100px; background-color:#fafafa; overflow:auto; }
#sub.ceo .section01 .wrap_txt { width:100%; text-align:left; }
#sub.ceo .section01 .wrap_txt p { font-size:23px; font-weight:300; line-height:1.5; letter-spacing:-1px; }
#sub.ceo .section01 .sign { float:right; margin-top:100px; width:262px; }


/* COMPANY HISTORY */
#sub.history .section01 { position:relative; top:0; left:0; width:100%; height:auto; padding-bottom:100px; background-color:#fafafa; overflow:auto; }
#sub.history .section01 ul.ul {}
#sub.history .section01 ul.ul:after { content:""; display:block; clear:both; }
#sub.history .section01 ul.ul li { display:inline-block; float:left; }

#sub.history .section01 .wrap_txt { width:100%; text-align:left; }
#sub.history .section01 .wrap_txt .p01 { font-size:30px; font-weight:500; line-height:1.5; }
#sub.history .section01 .wrap_txt .p01 span { font-weight:800; }
#sub.history .section01 table { width:100%; border-top:2px solid #000000; /*background-color:#ffffff;*/ }
#sub.history .section01 table tr { /*border-bottom:1px solid #e9e9e9;*/ }
#sub.history .section01 table tr,
#sub.history .section01 table tr th,
#sub.history .section01 table tr td { padding:10px 0; }
#sub.history .section01 table tr th { font-size:20px; line-height:1.5; font-weight:700; text-decoration:underline; vertical-align:top; background-color:#f9f9f9; }
#sub.history .section01 table tr td { padding-left:50px; font-size:20px; line-height:1.5; vertical-align:top; }



/* PATENT CERTIFICATE */
#sub.patent .section01 { position:relative; top:0; left:0; width:100%; height:auto; padding-bottom:100px; background-color:#fafafa; overflow:auto; }
#sub.patent .section01 ul { width:100%; }
#sub.patent .section01 ul:after { content:""; display:block; clear:both; }
#sub.patent .section01 ul li { display:inline-block; float:left; width:22%; margin:0 1% 42px 1%; border:1px solid #d4d4d4; background-color:#ffffff; }
#sub.patent .section01 ul li > img { width:100%; }
#sub.patent .section01 ul li > p { padding:12px 0; border-top:1px solid #d4d4d4; font-size:16px; text-align:center; }



/* TECHNOLOGY */
#sub.technology .section01 { position:relative; top:0; left:0; width:100%; height:auto; }
#sub.technology .section01 .wrap_con { position:relative; z-index:1; top:0; left:0; width:70%; max-width:900px; height:auto; margin:0 auto; }
#sub.technology .section01 .wrap_con .p_txt { opacity:0; }
#sub.technology .section01 .wrap_con .p_txt01 { position:absolute; z-index:2; top:0; left:0; width:100%; max-width:900px; height:auto; }
#sub.technology .section01 .wrap_con .p_txt02 { position:absolute; z-index:2; top:0; left:0; width:100%; max-width:900px; height:auto; }
#sub.technology .section01 .wrap_con .p_txt03 { position:absolute; z-index:2; top:0; left:0; width:100%; max-width:900px; height:auto; }
#sub.technology .section01 .wrap_con .p_img { margin-left:-30px; }

#sub.technology .section02 { position:relative; top:0; left:0; width:100%; height:auto; }
#sub.technology .section03 { position:relative; top:0; left:0; width:100%; height:auto; }
#sub.technology .section04 { position:relative; top:0; left:0; width:100%; height:auto; }
#sub.technology .section05 { position:relative; top:0; left:0; width:100%; height:auto; }

#sub.technology .section02 { position:relative; top:0; left:0; width:100%; height:auto; padding:60px 0; background-color:#fafafa; overflow:auto; }
#sub.technology .section02 .content.content01 { margin-top:60px; }
#sub.technology .section02 .content.content01 p.txt01 { width:100%; padding-bottom:60px; border-bottom:2px solid #e1e1e1; }
#sub.technology .section02 .content.content01 .context { position:relative; top:0; left:0; width:100%; height:auto; margin-top:30px; padding-bottom:60px; background-color:#ffffff; overflow:auto; }
#sub.technology .section02 .content.content01 .context .title { margin:48px 0 0 60px; font-size:30px; }
#sub.technology .section02 .content.content01 .context .title > span { display:inline-block; width:6px; height:6px; margin:0 6px 8px 0; border-radius:6px; background-color:#000000; }
#sub.technology .section02 .content.content01 .context .img { max-width:864px; margin:0 auto; }
#sub.technology .section02 .content.content01 .context ul { width:100%; }
#sub.technology .section02 .content.content01 .context ul:after { content:""; display:block; clear:both; }
#sub.technology .section02 .content.content01 .context ul li { display:inline-block; float:left; width:16%; }
#sub.technology .section02 .content.content02 { margin-top:80px; border-top:1px solid #dddddd; }
#sub.technology .section02 .content.content02 ul { width:100%; margin-top:80px; }
#sub.technology .section02 .content.content02 ul:after { content:""; display:block; clear:both; }
#sub.technology .section02 .content.content02 ul li { display:inline-block; float:left; width:49%; border:1px solid #dddddd; box-sizing:border-box; }
#sub.technology .section02 .content.content02 ul li:first-child { margin-right:2%; }

#sub.technology .section03 { position:relative; top:0; left:0; width:100%; height:auto; padding:60px 0; background-color:#fafafa; overflow:auto; }
#sub.technology .section03 .content.content01 .context { position:relative; top:0; left:0; width:100%; height:auto; margin-top:50px; border-top:1px solid #dddddd; overflow:auto; }
#sub.technology .section03 .content.content01 .context ul { width:100%; height:auto; margin-top:50px; }
#sub.technology .section03 .content.content01 .context ul:after { content:""; display:block; clear:both; }
#sub.technology .section03 .content.content01 .context ul li { display:inline-block; float:left; width:33%; margin:2px 0; margin-right:0.5%; border:1px solid #dddddd; box-sizing:border-box; }
#sub.technology .section03 .content.content01 .context ul li:last-child { margin-right:0; }
#sub.technology .section03 .content.content01 p.desc { width:100%; margin-top:30px; font-size:30px; font-weight:700; text-align:center; }
#sub.technology .section03 .content.content01 p.desc > span { display:inline-block; width:6px; height:6px; margin:0 6px 8px 0; border-radius:6px; background-color:#000000; }

#sub.technology .section04 { position:relative; top:0; left:0; width:100%; height:auto; padding:60px 0; background-color:#fafafa; overflow:auto; }

#sub.technology .section05 { position:relative; top:0; left:0; width:100%; height:auto; padding:60px 0; background-color:#fafafa; overflow:auto; }
#sub.technology .section05 .content.content01 .context { position:relative; top:0; left:0; width:100%; height:auto; margin-top:50px; border-top:1px solid #dddddd; overflow:auto; }
#sub.technology .section05 .content.content01 .context ol { width:100%; height:auto; margin-top:50px; overflow:hidden; }
#sub.technology .section05 .content.content01 .context ol:after { content:""; display:block; clear:both; }
#sub.technology .section05 .content.content01 .context ol li { display:inline-block; float:left; width:50%; box-sizing:border-box; }
#sub.technology .section05 .content.content01 .context ol li:last-child { padding: 20px; }
#sub.technology .section05 .content.content01 .context ol li .p01 { font-size:28px; }
#sub.technology .section05 .content.content01 .context ol li .p01 span { font-size:18px; }
#sub.technology .section05 .content.content01 .context ol li .p02 { margin-top:20px; font-size:20px; font-weight:300; }


/* PRODUCT */
#sub.product .section01 { position:relative; top:0; left:0; width:100%; height:auto; padding:60px 0; background-color:#fafafa; overflow:auto; }
#sub.product .section01 .content.content01 .p_txt01 { width:100%; text-align:center; font-size:45px; }
#sub.product .section01 .content.content01 .p_txt02 { width:100%; text-align:center; margin-top:10px; font-size:20px; }
#sub.product .section01 .content.content01 .p_txt03 { margin-top:22px; font-size:25px; text-align:center; font-weight:300; line-height:1.5; }
#sub.product .section01 .content.content01 .p_txt03 span { font-weight:400; }

#sub.product .section01 .content.content01 .context { margin-top:60px; }
#sub.product .section01 .content.content01 .context .img { max-width:840px; margin:0 auto; }
#sub.product .section01 .content.content01 ul { width:80%; margin:0 auto; }
#sub.product .section01 .content.content01 ul:after { content:""; display:block; clear:both; }
#sub.product .section01 .content.content01 ul > li { display:inline-block; float:left; width:33.33%; margin-top:14px; }
#sub.product .section01 .content.content01 ul > li > p { margin-top:14px; text-align:center; font-size:23px; font-weight:700; }
#sub.product .section01 .content.content01 ul > li > ol { margin-top:14px; }
#sub.product .section01 .content.content01 ul > li > ol > li { text-align:center; font-size:17px; line-height:1.5; list-style:url('../images/product/dot.gif') inside none; }
#sub.product .section01 .content.content01 .img02 { height:320px; margin-top:35px; background-image:url('../images/product/sec01_img02.jpg'); } 


/* R&D */
#sub.rnd .section01 { position:relative; top:0; left:0; width:100%; height:auto; }
#sub.rnd .section01 .wrap_con { position:relative; z-index:1; top:0; left:0; width:70%; max-width:900px; height:auto; margin:0 auto; }
#sub.rnd .section01 .wrap_con .p_txt { opacity:0; }
#sub.rnd .section01 .wrap_con .p_txt01 { position:absolute; z-index:2; top:0; left:0; width:100%; max-width:900px; height:auto; }
#sub.rnd .section01 .wrap_con .p_txt02 { position:absolute; z-index:2; top:0; left:0; width:100%; max-width:900px; height:auto; }
#sub.rnd .section01 .wrap_con .p_txt03 { position:absolute; z-index:2; top:0; left:0; width:100%; max-width:900px; height:auto; }
#sub.rnd .section01 .wrap_con .p_img { margin-left:-30px; }

#sub.rnd .section02 { position:relative; top:0; left:0; width:100%; height:auto; padding:100px 0 200px; background-color:#fafafa; }
#sub.rnd .section02 .content.content01 ol.ol01 { margin:28px 0 0 0; }
#sub.rnd .section02 .content.content01 ol.ol01 li { display:inline-block; padding:4px 60px 4px 0; font-size:21px; font-weight:700; }
#sub.rnd .section02 .content.content01 ol.ol01 li:last-child { padding-right:0; }
#sub.rnd .section02 .content.content01 ol.ol01:after { content:""; display:block; clear:both; }
#sub.rnd .section02 .content.content01 .text01 { margin-top:12px; font-size:30px; font-weight:700; }
#sub.rnd .section02 .content.content01 ol.ol02 { margin:30px 0 0 40px; }
#sub.rnd .section02 .content.content01 ol.ol02 li { list-style:url('../images/product/dot.gif') inside none; padding:4px 0; font-size:19px; color:#363636; }
#sub.rnd .section02 .content.content01 ul.context { width:100%; margin-top:80px; }
#sub.rnd .section02 .content.content01 ul.context:after {content:""; display:block; clear:both; }
#sub.rnd .section02 .content.content01 ul.context > li { display:inline-block; float:left; margin-bottom:20px; }
#sub.rnd .section02 .content.content01 ul.context > li.li01 { width:30%; }
#sub.rnd .section02 .content.content01 ul.context > li.li02 { width:70%; }
#sub.rnd .section02 .content.content01 ul.context > li .li_txt01 { width:100%; font-size:18px; }
#sub.rnd .section02 .content.content01 ul.context > li .li_txt02 { width:100%; margin-top:14px; font-size:25px; font-weight:700; line-height:1.2; }
#sub.rnd .section02 .content.content01 ul.context > li .li_btn { margin-top:30px; width:193px; height:46px; overflow:hidden; }
#sub.rnd .section02 .content.content01 ul.context > li .li_btn a:hover img { margin-top:-46px; }
#sub.rnd .section02 .content.content01 ul.context > li .li_img01 { width:100%; height:auto; }
#sub.rnd .section02 .content.content01 ul.context > li .li_img01 a { position:relative; display:inline-block; float:right; cursor:auto; }
#sub.rnd .section02 .content.content01 ul.context > li .li_img01 a .over { position:absolute; z-index:2; top:0; left:0; opacity:0; }
#sub.rnd .section02 .content.content01 ul.context > li .li_img01 a:hover .out { opacity:0; }
#sub.rnd .section02 .content.content01 ul.context > li .li_img01 a:hover .over { opacity:1; }
#sub.rnd .section02 .content.content01 ul.context > li ol.ol03 { display:inline-block; width:100%; height:auto; margin-top:50px; }
#sub.rnd .section02 .content.content01 ul.context > li ol.ol03 li { list-style:url('../images/product/dot.gif') inside none; padding:4px 0; font-size:19px; }

#sub.rnd .section03 { position:relative; top:0; left:0; width:100%; height:auto; padding:100px 0 200px; background-color:#fafafa; }
#sub.rnd .section03 .content.content01 { }
#sub.rnd .section03 .content.content01 ul.wrap_btn { width:100%; margin-top:50px; }
#sub.rnd .section03 .content.content01 ul.wrap_btn:after {content:""; display:block; clear:both; }
#sub.rnd .section03 .content.content01 ul.wrap_btn li { display:inline-block; float:left; width:25%; padding:5px; box-sizing:border-box; text-align:center; }
#sub.rnd .section03 .content.content01 ul.wrap_btn li a { width:100%; max-width:305px; }
#sub.rnd .section03 .wrap_device_txt { width:100%; margin-top:44px; }
#sub.rnd .section03 .wrap_device_txt:after {content:""; display:block; clear:both; }
#sub.rnd .section03 .wrap_device_txt .device_txt01 { float:left; font-size:35px; font-weight:700; line-height:35px; }
#sub.rnd .section03 .wrap_device_txt .device_txt02 { float:right; font-size:16px; font-weight:500; line-height:35px; }
#sub.rnd .section03 .wrap_device_txt .device_txt02 span { padding:0 5px; color:#fff; background-color:#000; }
#sub.rnd .section03 .device { position:relative; top:0; left:0; width:100%; max-width:1280px; margin:25px auto 0; overflow:hidden; }
#sub.rnd .section03 .device .arrow { position:absolute; z-index:9; top:50%; width:56px; height:56px; margin-top:-28px; overflow:hidden; }
#sub.rnd .section03 .device .arrow a:hover img { margin-top:-56px; }
#sub.rnd .section03 .device .arrow.prev { left:0; }
#sub.rnd .section03 .device .arrow.next { right:0; }
#sub.rnd .section03 .device .swiper-container03 { position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; max-height:653px; }
#sub.rnd .section03 .device .swiper-container03 .swiper-slide { width:100%; max-width:1280px; height:auto; }

#sub.rnd .section04 { position:relative; top:0; left:0; width:100%; height:auto; padding:100px 0 200px; background-color:#fafafa; }
#sub.rnd .section04 .content.content01 .text01 { margin-top:50px; font-size:35px; font-weight:700; }
#sub.rnd .section04 .content.content01 .table01 { margin-top:28px; border-top:2px solid #000000; }
#sub.rnd .section04 .content.content01 .table01 tr { border-bottom:1px solid #d7d7d7; }
#sub.rnd .section04 .content.content01 .table01 tr th { padding:20px 0; font-size:20px; background-color:#f7f7f7; }
#sub.rnd .section04 .content.content01 .table01 tr td { padding:36px 0; font-size:20px; text-align:center; border-right:1px solid #d7d7d7; }
#sub.rnd .section04 .content.content01 .table01 tr td.bornon { border-right:none; }

#sub.rnd .section04 .content.content01 .text02 { margin-top:190px; font-size:35px; font-weight:700; }
#sub.rnd .section04 .content.content01 .table02 { margin-top:28px; border-top:2px solid #000000; }
#sub.rnd .section04 .content.content01 .table02 tr { border-bottom:1px solid #d7d7d7; }
#sub.rnd .section04 .content.content01 .table02 tr th { padding:20px 0; font-size:20px; background-color:#f7f7f7; }
#sub.rnd .section04 .content.content01 .table02 tr td { padding:15px 0; font-size:17px; text-align:center; border-right:1px solid #d7d7d7; }
#sub.rnd .section04 .content.content01 .table02 tr td.bornon { border-right:none; }

#sub.rnd .section04 .content.content01 .text03 { margin-top:190px; font-size:35px; font-weight:700; }
#sub.rnd .section04 .content.content01 ul { position:relative; width:100%; }
#sub.rnd .section04 .content.content01 ul:after { content:""; display:block; clear:both; }
#sub.rnd .section04 .content.content01 ul li { position:relative; display:inline-block; float:left; width:auto; height:380px; }
#sub.rnd .section04 .content.content01 ul li.li01 { width:10%; margin-right:1%; }
#sub.rnd .section04 .content.content01 ul li.li02 { width:29%; margin-right:1%; background:url(../images/rnd/sec04_bg.jpg) top left repeat-x; }
#sub.rnd .section04 .content.content01 ul li.li03 { width:29%; margin-right:1%; background:url(../images/rnd/sec04_bg.jpg) top left repeat-x; }
#sub.rnd .section04 .content.content01 ul li.li04 { width:29%; background:url(../images/rnd/sec04_bg.jpg) top left repeat-x; }
#sub.rnd .section04 .content.content01 ul li.li02 .box { position:absolute; z-index:1; bottom:0; left:25%; width:50%; height:0px; background-color:#bcbdc5; }
#sub.rnd .section04 .content.content01 ul li.li03 .box { position:absolute; z-index:1; bottom:0; left:25%; width:50%; height:0px; background-color:#bcbdc5; }
#sub.rnd .section04 .content.content01 ul li.li04 .box { position:absolute; z-index:1; bottom:0; left:25%; width:50%; height:0px; background-color:#bcbdc5; }
#sub.rnd .section04 .content.content01 ul li .box > p { width:100%; text-align:center; font-size:40px; font-weight:700; color:#fff; }
#sub.rnd .section04 .content.content01 ul li > p { width:100%; text-align:center; font-size:23px; font-weight:700; }
#sub.rnd .section04 .content.content01 ul li p.litxt01 { width:100%; margin-top:38px; text-align:center; font-size:23px; font-weight:700; }
#sub.rnd .section04 .content.content01 ul li > div { width:100%; text-align:center; font-size:23px; font-weight:700; }


/* TALENT */
#sub.talent .section01 { position:relative; top:0; left:0; width:100%; height:auto; }
#sub.talent .section01 .text01 { width:100%; margin-top:64px; font-size:28px; font-weight:700; text-align:center; }
#sub.talent .section01 .text02 { width:100%; margin-top:48px; font-size:32px; font-weight:300; text-align:center; }
#sub.talent .section01 ul.context { width:100%; padding:80px 0; }
#sub.talent .section01 ul.context:after { content:""; display:block; clear:both; }
#sub.talent .section01 ul.context li { display:inline-block; float:left; width:50%; box-sizing:border-box; }
#sub.talent .section01 ul.context li .text03 { font-size:44px; font-weight:700; }
#sub.talent .section01 ul.context li .text04 { margin-top:30px; font-size:22px; font-weight:300; line-height:1.5; }
#sub.talent .section01 ul.context li .text04 span { font-weight:400; }

#sub.talent .section01 ul.context01 { border-bottom:1px solid #d4d4d4; }
#sub.talent .section01 ul.context02 { border-bottom:1px solid #d4d4d4; }

#sub.talent .section01 ul.context01 li .text03 { color:#ff4049; }
#sub.talent .section01 ul.context01 li .text04 span { color:#ff4049; }
#sub.talent .section01 ul.context02 li .text03 { color:#9cde00; }
#sub.talent .section01 ul.context02 li .text04 span { color:#9cde00; }
#sub.talent .section01 ul.context03 li .text03 { color:#3469e6; }
#sub.talent .section01 ul.context03 li .text04 span { color:#3469e6; }


/* RECRUIT */
#sub.recruit .section01 { position:relative; top:0; left:0; width:100%; height:auto; }
#sub.recruit .section01 ul.context { width:100%; margin-top:50px; padding:25px 0; border-top:1px solid #aaaaaa; }
#sub.recruit .section01 ul.context:after { content:""; display:block; clear:both; }
#sub.recruit .section01 ul.context li { display:inline-block; float:left; width:25%; margin:25px 0; box-sizing:border-box; text-align:center; }
#sub.recruit .section01 ul.context li .li_img { max-width:319px; margin:0 auto; }

#sub.recruit .section01 .btn { width:100%; max-width:344px; margin:0 auto; }


/* WELFARE */
#sub.welfare .section01 { position:relative; top:0; left:0; width:100%; height:auto; }
#sub.welfare .section01 ul.context { width:100%; margin-top:50px; padding:25px 0; border-top:1px solid #aaaaaa; }
#sub.welfare .section01 ul.context:after { content:""; display:block; clear:both; }
#sub.welfare .section01 ul.context li { display:inline-block; float:left; width:25%; margin:25px 0; box-sizing:border-box; text-align:center; }
#sub.welfare .section01 ul.context li .li_img { max-width:178px; margin:0 auto; }
#sub.welfare .section01 ul.context li .li_txt { min-height:45px; margin-top:24px; font-size:15px; color:#777777; }


/* common sub title */
.typeA_01 { width:100%; margin-top:64px; font-size:28px; font-weight:700; text-align:center; }
.typeA_02 { width:100%; margin-top:48px; font-size:32px; font-weight:300; text-align:center; }
.typeA_03 { width:100%; margin-top:44px; font-size:16px; font-weight:300; text-align:center; }


/* NOTICE */
#sub.notice .section01 { width:100%; max-width:1420px; height:auto; margin:0 auto; }

/*
#sub.notice .notice_list .btn_wrapin {position:relative;}
#sub.notice .notice_list .btn_wrapin .btn_tr_list {position:relative; left:617px; top:0px; display:inline-block; }
*/

#sub.notice .notice_detail { width:90%; height:auto; margin:0 auto; }

/* PRESS */
#sub.press { width:100%; }
#sub.press .section01 { width:100%; height:auto;  margin:0 auto; }
#sub.press .section01 .title { width:100%; height:162px; line-height:162px; font-size:28px; font-weight:700; text-align:center; vertical-align:middle; }

#sub.press .section01 ul.list { text-align:center; }
#sub.press .section01 ul.list:after { content:''; display:block; clear:both; }
#sub.press .section01 ul.list li { display:inline-block; width:33.33%; max-width:427px; height:auto; margin:22px; border:1px solid #dddddd; box-sizing:border-box; background-color:#fff; box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1); }
#sub.press .section01 ul.list li .img { width:90%; height:auto; margin:15px auto; border:1px solid #dddddd; }
#sub.press .section01 ul.list li .txt { font-size:15px; text-align:center; }

/* 게시판 list  */
.table_style01 { width:100%; overflow:hidden; }
.table_style01 tr th { height:70px; line-height:1.4; font-size:16px; font-weight:500; color:#000000; border-top:1px solid #898989; border-bottom:1px solid #898989; }
.table_style01 tr td { height:70px; line-height:1.4; font-size:16px; font-weight:400; color:#363636; border-bottom:1px solid #ebebeb; text-align:center; }
.table_style01 tr td.subject { padding:0 10px; font-size:16px; text-align:left; }
.table_style01 tr td.left { text-align:left;}
.table_style01 tr td.classification {color:#868686;}
.table_style01 tr td.alpha_hi {line-height:14px;}
.table_style01 tr td.color_namedate {color:#898989;}

.table_detail01 { width:100%; margin:0 auto; }
.table_detail01 tr th { padding: 20px 0; font-size:20px; font-weight:bold; color:#363636; border-top:solid 1px #898989; border-bottom:solid 1px #898989; text-align:left; }
.table_detail01 tr td { padding: 12px 0; font-size:14px; color:#363636; text-align:left;}
.table_detail01 tr td.title { height:20px !important; }
.table_detail01 tr td.title p { height:20px; font-size:14px; line-height:20px; text-align:left; }
.table_detail01 tr td.table_mh img { width:100%; }


/* 게시판 paging  */
.btn_wrap {height:30px; position:relative;  margin-bottom:80px;}
.btn_wrap .search_title {position:absolute; left:0px; top:0px;}
.btn_wrap .search_write {position:absolute; right:0px; top:0px;}
.btn_wrap .btn_treelist {position:absolute; right:0px; top:0px;}
.btn_wrap .btn_next { padding-left:10px; margin-bottom:1px; background-color:#ebebeb; }
.btn_wrap .btn_next a {display:block; font-size:12px; height:30px; line-height:30px; color:#636363; font-weight:bold;}
.btn_wrap .btn_prev { padding-left:10px; background-color:#ebebeb; }
.btn_wrap .btn_prev a {display:block; font-size:12px; height:30px; line-height:30px; color:#636363; font-weight:bold;}

.page_no { margin-top:50px; text-align:center; }
.page_no span      { vertical-align:top; }
.page_no a         { display:inline-block; width:33px; height:33px; margin:0 1px; line-height:35px; border:1px solid #e8e8e8; background-color:#fff; color:#323232; text-decoration:none;}
.page_no span a.on { background-color:#828282; color:#fff; }




/* 서브페이지 lnb 메뉴 */
ul.sub_gnb_wrap { position:relative; z-index:180; top:0px; left:0; width:100%; height:60px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box; background-color:#fff; }
ul.sub_gnb_wrap:after { content:""; display:block; clear:both; }
ul.sub_gnb_wrap li { display:inline-block; float:left; width:33%; max-width:250px; height:auto; }
ul.sub_gnb_wrap li.li01 { width:59px; margin-left:73px; border-left:1px solid #dddddd; border-right:1px solid #dddddd; box-sizing:border-box; }


ul.sub_gnb_wrap .sub_gnb01 { position:relative; width:100%; height:auto; }
ul.sub_gnb_wrap .sub_gnb01 > div { position:relative; width:100%; height:60px; border-right:1px solid #dddddd; }
ul.sub_gnb_wrap .sub_gnb01 > div p.title {width:100%; height:100%;}
ul.sub_gnb_wrap .sub_gnb01 > div p.title > .txt { float:left; line-height:60px; font-size:16px; font-weight:300; color:#000; text-indent:10px; }
ul.sub_gnb_wrap .sub_gnb01 > div p.title > .arrow { display:block; float:right; margin-top:13px; margin-right:15px; }
ul.sub_gnb_wrap .sub_gnb01 > div p.title > .arrow img { padding-top:15px; }

ul.sub_gnb_wrap .sub_gnb01 ul.lnb_ul { position:absolute; top:61px; width:100%; height:0; overflow:hidden;}
ul.sub_gnb_wrap .sub_gnb01 ul.lnb_ul li { position:absolute; z-index:1; top:0; left:0; width:100%; height:auto; background-color:#fff; box-sizing:border-box; }
ul.sub_gnb_wrap .sub_gnb01 ul.lnb_ul li .btn { width:100%; height:40px; border-bottom:1px solid #797a80; }
ul.sub_gnb_wrap .sub_gnb01 ul.lnb_ul li .btn a { margin-left:10px; font-size:13px; line-height:40px; color:#1e1e1e; }





ul.sub_gnb_wrap .sub_gnb02 { position:relative; width:100%; height:60px; }
ul.sub_gnb_wrap .sub_gnb02 > div { position:relative; width:100%; height:60px; border-right:1px solid #dddddd; }

ul.sub_gnb_wrap .sub_gnb02 > div p.title {width:100%; height:100%;}
ul.sub_gnb_wrap .sub_gnb02 > div p.title > .txt { display:block; float:left; line-height:60px; font-size:16px; font-weight:300; color:#000; text-indent:10px; }
ul.sub_gnb_wrap .sub_gnb02 > div p.title > .arrow { display:block; float:right; margin-top:13px; margin-right:15px; }
ul.sub_gnb_wrap .sub_gnb02 > div p.title > .arrow img { padding-top:15px; }


ul.sub_gnb_wrap .sub_gnb02 ul.lnb_ul { position:absolute; z-index:1; top:61px; left:0; width:100%; height:auto; overflow:hidden;}
ul.sub_gnb_wrap .sub_gnb02 ul.lnb_ul:after  { content:""; display:block; clear:both; }
ul.sub_gnb_wrap .sub_gnb02 ul.lnb_ul li { position:absolute; z-index:1; top:0; left:0; width:100%; height:auto; background-color:#fff; }
ul.sub_gnb_wrap .sub_gnb02 ul.lnb_ul li .btn { width:100%; height:40px; border-bottom:1px solid #797a80; }
ul.sub_gnb_wrap .sub_gnb02 ul.lnb_ul li .btn a { margin-left:10px; font-size:13px; line-height:40px; color:#1e1e1e; }


/*          **
** LOOKBOOK **
**          */

/* LOOKBOOK 2023SS */
.lookbook-21s_detail { max-width:1920px; }
.lookbook-21s_detail .wrap_left { position:fixed; z-index:2; top:90px; left:0; width:50%; max-width:960px; height:100%; overflow:hidden; }

.lookbook-21s_detail .wrap_left .wrap_txt { position:absolute; z-index:3; top:0; left:0; width:100%; height:100%; max-height:1080px; }
.lookbook-21s_detail .wrap_left .wrap_txt .title { position:absolute; z-index:2; bottom:50%; left:50%; width:187px; height:auto; margin-left:-98px; }
.lookbook-21s_detail .wrap_left .wrap_txt .navi ul.menu01 { position:absolute; z-index:2; bottom:25%; left:50%; width:942px; height:auto; margin-left:-471px; }
.lookbook-21s_detail .wrap_left .wrap_txt .navi ul.menu01 li { width:100%; height:50px; overflow:hidden; }
.lookbook-21s_detail .wrap_left .wrap_txt .navi ul.menu01 li a:hover img { margin-top:-50px; }
.lookbook-21s_detail .wrap_left .wrap_txt .navi ul.menu01 li a.active img { margin-top:-50px; }

.lookbook-21s_detail .black { display:none; position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.5; }

.lookbook-21s_detail .wrap_left .swiper-container01 { position:relative; z-index:1; top:0; left:0; width:100%; height:100%; overflow:hidden; }
.lookbook-21s_detail .wrap_left .swiper-container01 .swiper-slide { width:100%; height:100%; }
.lookbook-21s_detail .wrap_left .swiper-container01 .swiper-slide img { width:100%; height:100%; max-height:1080px; object-fit:cover; }

.lookbook-21s_detail .wrap_right { position:relative; z-index:1; top:90px; left:50%; width:50%; height:auto; padding-bottom:100px; }
.lookbook-21s_detail .wrap_right .wrap_txt { position:absolute; z-index:2; top:100px; left:50px; }
.lookbook-21s_detail .wrap_right .wrap_txt .tx01 { font-size:22px; color:#00ae70; font-weight:400; line-height:1.2; }
.lookbook-21s_detail .wrap_right .wrap_txt .tx02 { font-size:26px; color:#00ae70; font-weight:600; line-height:1.2; }
.lookbook-21s_detail .wrap_right .wrap_txt .tx03 { font-size:50px; color:#00ae70; font-weight:700; line-height:1.4; }


/* 주관구매 */
.page.purchase .layer_popup { position:relative; width:100%; max-width:1280px; height:auto; margin:0 auto; }
.page.purchase .layer_popup .arrow { position:absolute; z-index:2; top:50%; width:46px; height:46px; margin-top:-23px; overflow:hidden; }
.page.purchase .layer_popup .prev { left:0; }
.page.purchase .layer_popup .next { right:0; }
.page.purchase .layer_popup .arrow:hover img { margin-top:-46px; }

.page.purchase .layer_popup .swiper-container { position:relative; width:100%; height:auto; overflow:hidden; }
.page.purchase .layer_popup .swiper-container .swiper-slide { position:relative; width:100%; height:100%; }
.page.purchase .layer_popup .swiper-container .swiper-slide img { width:100%; }

.page.purchase ul.thumb { position:relative; width:100%; max-width:1280px; margin:50px auto 0; }
.page.purchase ul.thumb:after { clear:both; display:block; content:""; }
.page.purchase ul.thumb li { display:inline-block; float:left; width:9%; margin:0.5%; }
.page.purchase ul.thumb li.active img { border:3px solid #f48617; box-sizing:border-box; }
.page.purchase ul.thumb li img { width:100%; max-width:110px; border:3px solid #f5f5f5;  box-sizing:border-box; }


/* 월페이퍼 */
.page.wallpaper .download { position:absolute; z-index:2; top:300px; right:100px; width:400px; height:auto; }
.page.wallpaper .download p { width:100%; text-align:right; }
.page.wallpaper .download p.p1 { font-size:15px; font-weight:700; }
.page.wallpaper .download p.p2 { font-size:32px; font-weight:700; }
.page.wallpaper .download p.p3 { margin-top:10px; font-size:32px; font-weight:700; }
.page.wallpaper .download p.p3 span { font-weight:400; }

.page.wallpaper .layer_popup { position:relative; width:100%; max-width:741px; height:auto; max-height:422px; margin:0 auto; }
.page.wallpaper .layer_popup .arrow { position:absolute; z-index:2; top:50%; width:46px; height:46px; margin-top:-23px; overflow:hidden; }
.page.wallpaper .layer_popup .prev { left:0; }
.page.wallpaper .layer_popup .next { right:0; }
.page.wallpaper .layer_popup .arrow:hover img { margin-top:-46px; }

.page.wallpaper .layer_popup .swiper-container { position:relative; width:100%; height:auto; overflow:hidden; }
.page.wallpaper .layer_popup .swiper-container .swiper-slide { position:relative; width:100%; height:100%; }
.page.wallpaper .layer_popup .swiper-container .swiper-slide img { width:100%; }

.page.wallpaper ul.thumb { position:relative; width:100%; max-width:1280px; margin:50px auto 0; }
.page.wallpaper ul.thumb:after { clear:both; display:block; content:""; }
.page.wallpaper ul.thumb li { display:inline-block; float:left; width:14%; margin:0.1%; }
.page.wallpaper ul.thumb li.active img { border:3px solid #f48617; box-sizing:border-box; }
.page.wallpaper ul.thumb li a img { width:100%; max-width:220px; border:3px solid #f5f5f5;  box-sizing:border-box; }


/* 미디어 */
.page.media .wrap_sub_txt { position:absolute; z-index:2; top:250px; right:100px; width:50%; height:auto; }
.page.media .wrap_sub_txt p { width:100%; text-align:left; }
.page.media .wrap_sub_txt p.p1 { font-size:45px; font-weight:700; line-height:1; }
.page.media .wrap_sub_txt p.p2 { margin-top:30px; font-size:30px; font-weight:200; line-height:1.2; }
.page.media .wrap_sub_txt p.p3 { margin-top:20px; font-size:15px; font-weight:700; }
.page.media .wrap_sub_txt p.p3 span { font-weight:400; }

.page.media .layer_popup { position:relative; width:100%; max-width:740px; height:auto; max-height:422px; margin:0 auto; }
.page.media .layer_popup .movie { position:relative; width:100%; height:0; padding-bottom:56.25%; }
.page.media .layer_popup .movie iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

.page.media ul.thumb { position:relative; width:100%; max-width:740px; margin:0 auto 0; }
.page.media ul.thumb:after { clear:both; display:block; content:""; }
.page.media ul.thumb li { display:inline-block; float:left; width:33.13%; margin:50px 0.1% 0 0.1%; }
.page.media ul.thumb li .tx01 { font-size:22px; font-weight:700; line-height:1.4; }
.page.media ul.thumb li .tx02 { font-size:16px; font-weight:300; line-height:1.4; }
.page.media ul.thumb li a { text-decoration:none; }
.page.media ul.thumb li a img { width:100%; max-width:196px; margin-top:20px; border:5px solid #f0f0ee;  box-sizing:border-box; }
.page.media ul.thumb li.active img { border:5px solid #53a14c; box-sizing:border-box; }


/* IVY MODEL */
.page.model ul.lnb { position:relative; width:100%; max-width:980px; height:auto; margin:0 auto; border-top:1px solid #bcbcbc; border-bottom:1px solid #bcbcbc; }
.page.model ul.lnb:after { clear:both; display:block; content:""; }
.page.model ul.lnb li { float:left; display:inline-block; width:20%; padding:5px 0; text-align:center; }

.page.model ul.lnb li a { font-size:19px; color:#959595;  }
.page.model ul.lnb li a span { font-size:12px; }
.page.model ul.lnb li a.active,
.page.model ul.lnb li a:hover { color:#222222; }


.model .layer_popup { position:relative; width:100%; max-width:980px; height:auto; max-height:563px; margin:25px auto 0; }
.model .layer_popup .arrow { position:absolute; z-index:2; top:50%; width:46px; height:46px; overflow:hidden; }
.model .layer_popup .prev { left:0; }
.model .layer_popup .next { right:0; }
.model .layer_popup .arrow:hover img { margin-top:-46px; }

.model .layer_popup .swiper-container { position:relative; width:100%; height:auto; overflow:hidden; }
.model .layer_popup .swiper-container .swiper-slide { position:relative; width:100%; height:auto; }
.model .layer_popup .swiper-container .swiper-slide .txt { width:100%; height:30px; background:url('/images/07/model/year_bg.png') top left repeat-x; color:#ffffff; font-size:16px; font-weight:400; line-height:30px; text-align:center; background-color:rgba(0,0,0,0.4); }


.model ul.thumb { position:relative; width:100%; max-width:976px; margin:50px auto 0; }
.model ul.thumb:after { clear:both; display:block; content:""; }
.model ul.thumb li { display:inline-block; float:left; width:12.1%; margin:0.2%; }
.model ul.thumb li a.on img { border:3px solid #f48617; box-sizing:border-box; }
.model ul.thumb li a img { border:3px solid #f5f5f5;  box-sizing:border-box; }




/* 매장찾기 */
.store .container { width:86%; max-width:1280px; padding:5%; margin:0 auto; background-color:#fff; }
.store .container h4 { font-size:22px; font-weight:500; line-height:1.2; }

.store .container .search_area { width:100%; height:auto; padding:25px; margin-top:30px; box-sizing:border-box; background-color:#f6f6f6; }

.store .container .search_area .search_school { width:100%; margin-top:0; }
.store .container .search_area .search_school p { font-size:20px; font-weight:500; color:#000; }
.store .container .search_area .search_school input[type=text] { height:50px; line-height:50px; margin:3px 0; box-sizing:border-box; }
.store .container .search_area .search_school .search_btn01 { width:50%; max-width:450px; }

.store .container .search_area .search_location { width:100%; margin-top:30px; }
.store .container .search_area .search_location p { font-size:20px; font-weight:500; color:#000; }
.store .container .search_area .search_location select { height:50px; line-height:50px; margin:3px 0; box-sizing:border-box; }
.store .container .search_area .search_location .search_btn02 { width:50%; max-width:450px; }


.store .container .state_area { width:100%; height:auto; padding:25px; margin-top:30px; box-sizing:border-box; background-color:#f7f7f7; }
.store .container .state_area ul { width:100%; }
.store .container .state_area ul:after { content:""; display:block; clear:both; }
.store .container .state_area ul li { display:inline-block; float:left; width:12.5%; }

.store .container .state_area button { width:100%; height:auto; padding:5px 0; font-weight:bold; color:#323232; border:none; background:none; }
.store .container .state_area button.active,
.store .container .state_area button:hover { color:#ffffff; background-color:#97be4c; }


.store .container .board_area_wrap { width:100%; height:auto; }
.store .container .board_area_wrap p.total { margin-top:10px; height:50px; color:#484848; font-size:15px; line-height:50px; }
.store .container .board_area_wrap p.total span { color:#ea5248; font-size:17px; line-height:17px; }

.store .container .board_area_wrap .table_store { width:100%;  }

.store .container .board_area_wrap .table_store th { height:40px; font-size:14px; font-weight:normal; border-top:solid 1px #e3e3e3; border-bottom:solid 1px #e3e3e3; background: #ffffff; }
.store .container .board_area_wrap .table_store td { height:auto; padding:10px 0; border-bottom:1px solid #e3e3e3; text-align:left; }
.store .container .board_area_wrap .table_store td.c { text-align:center; }
.store .container .board_area_wrap .table_store td a { text-decoration:none; }
.store .container .board_area_wrap .table_store td p.name        { font-size:18px; line-height:1.2; font-weight:400; }
.store .container .board_area_wrap .table_store td p.address_new { font-size:18px; line-height:1.2; font-weight:400; margin-top:15px; }
.store .container .board_area_wrap .table_store td p.address_old { font-size:15px; line-height:1.2; font-weight:300; margin-top:5px; }
.store .container .board_area_wrap .table_store td p.phone       { font-size:18px; line-height:1.2; font-weight:400; margin-top:15px; }

.store .container .board_area_wrap .table_store td a.icon_school { display:block; height:27px; overflow:hidden; }
.store .container .board_area_wrap .table_store td a.icon_school:hover img { margin-top:-27px; }

.store .container .board_area_wrap .table_store td a.icon_map { display:block; }



/* 인증센터 */
.auc .section01 { max-width:1280px; background-color:#f6f6f6; }
.auc .section01 .content01 { width:100%; padding:25px; box-sizing:border-box; }

.auc .section01 .content01 .wrap_tx { width:100%; }
.auc .section01 .content01 .wrap_tx .tx01 { font-size:25px; font-weight:400; line-height:1.2; margin-top:0; }
.auc .section01 .content01 .wrap_tx .tx02 { font-size:20px; font-weight:200; line-height:1.2; margin-top:5px; }
.auc .section01 .content01 .wrap_tx .tx03 { font-size:25px; font-weight:300; line-height:1.2; margin-top:15px; }
.auc .section01 .content01 .wrap_tx span { font-weight:500; }
.auc .section01 .content01 .wrap_tx span.color01 { color:#8fb810; }
.auc .section01 .content01 .wrap_tx span.color02 { color:#f0863a; }

.auc .section01 .content01 .barcodeIn { width:100%; height:50px; }
.auc .section01 .content01 .barcodeIn .barcode { float:left; width:100%; height:50px; padding:0 10px; margin-top:5px; border:1px solid #9173f7; box-sizing:border-box; font-size:14px; line-height:50px; color:#333333; }
.auc .section01 .content01 .btn { width:100%; margin-top:10px; }
.auc .section01 .content01 .btn a { display:block; width:100%; height:50px; font-size:20px; line-height:50px; color:#fff; text-align:center; text-decoration:none; background-color:#9173f7; transition:all .2s; }
.auc .section01 .content01 .btn a:hover { background-color:#000; }

.auc .section01 .content02 { width:100%; padding:25px; box-sizing:border-box; }
.auc .section01 .content02 table { width:100%; border:1px solid #f6685e; }
.auc .section01 .content02 table tr { text-align:center; }
.auc .section01 .content02 table tr th { height:50px; font-size:20px; font-weight:400; color:#fff; background-color:#f6685e; }
.auc .section01 .content02 table tr td { padding:20px 0; font-size:15px; font-weight:300; color:#000; background-color:#fff; }

.auc .section01 .content03 { width:100%; padding:25px; box-sizing:border-box; }
.auc .section01 .content03 ul { width:100%; font-size:0; border:1px solid #d4d4d4; border-right:none; border-bottom:none; background-color:#fff; }
.auc .section01 .content03 ul:after  { content:""; display:block; clear:both; }
.auc .section01 .content03 ul li { display:inline-block; width:25%; border-right:1px solid #d4d4d4; vertical-align:top; box-sizing:border-box; }
.auc .section01 .content03 ul li .top { border-bottom:1px dotted #d4d4d4; text-align:center; }
.auc .section01 .content03 ul li .top img { width:100%; max-width:250px; margin:0 auto; }
.auc .section01 .content03 ul li .top p { padding:4% 4%; font-size:15px; }

.auc .section01 .content03 ul li .bot { border-bottom:1px solid #d4d4d4; }
.auc .section01 .content03 ul li .bot p { padding:4% 4%; font-size:14px; line-height:1; }
.auc .section01 .content03 ul li .bot p span { color:#f6685e; }



.popup_school { display:none; position:fixed; z-index:9; top:220px; left:0; width:100%; max-width:900px; height:auto; min-height:500px; margin:0 auto; /*background:url('../../images/store/popup_school/bg.png') top left no-repeat;*/ }
.popup_location { display:none; position:absolute; z-index:9; top:220px; left:50%; width:970px; height:980px; margin-left:-485px; background-color:#fff; }

.bg_black { display:none; position:fixed; z-index:8; top:0; left:0; width:100%; height:100%; background-color:#000000; opacity:0.6; }



/* 고객센터 */
.as {}
.as .section01 { width:94%; margin:0 auto; overflow-x:auto; }
.as .section01 .table01 { width:100%; max-width:1280px; min-width:1000px; margin:0 auto; }
.as .section01 .table01 tr th { height:70px; line-height:1.4; font-size:16px; font-weight:500; color:#000000; border-top:1px solid #898989; border-bottom:1px solid #898989; background-color:#f7f7f7; }
.as .section01 .table01 tr td { padding:0 5px; height:70px; line-height:1.4; font-size:16px; font-weight:400; color:#363636; border-bottom:1px solid #ebebeb; text-align:center; }
.as .section01 .table01 tr td.al { text-align:left; }

.as .section02 { width:94%; margin:0 auto; }
.as .section02 ul { width:100%; max-width:1280px; margin:25px auto 0; }
.as .section02 ul li { margin-top:15px; font-size:16px; font-weight:300; line-height:1.2; list-style-type:disc; list-style-position:inside; text-indent:-20px; margin-left:20px; }
.as .section02 ul li:first-child { margin-top:0; }

.as .section03 { width:94%; margin:100px auto 50px; border-top:1px dotted #dedede; }
.as .section03 ul { width:100%; max-width:1280px; padding:50px 0; margin:0 auto; }
.as .section03 ul:after  { content:""; display:block; clear:both; }
.as .section03 ul li { float:left; display:inline-block; }

.as .section03 ul li.left { width:35%; }
.as .section03 ul li.left p.txt01 { font-size:40px; font-weight:300; letter-spacing:-.4px; color:#191919; margin-top:-12px; }
.as .section03 ul li.left p.txt02 { font-size:50px; font-weight:600; letter-spacing:-.4px; color:#f97f36; margin-top:-18px; }

.as .section03 ul li.right { width:65%; }
.as .section03 ul li.right span.txt01 { display:inline-block; padding:5px 0; margin:4px 0 4px 0; width:120px; font-size:18px; font-weight:600; color:#fff; text-align:center; background-color:#9ec721; }
.as .section03 ul li.right span.txt02 { display:inline-block; padding:5px 0; margin:4px 0 4px 10px; font-size:18px; line-height:1.2; }
.as .section03 ul li.right span.txt03 { display:inline-block; padding:5px 0; margin:4px 0 4px 0px; font-size:22px; font-weight:300; }
.as .section03 ul li.right span.txt03 b { color:#9ec721; }
.as .section03 ul li.right span.txt04 { font-size:13px; line-height:1.2; letter-spacing:-.4px; }
.as .section03 ul li.right p { padding:5px 0; font-size:18px; font-weight:400; line-height:1.2; }



/* 게시판 공통사항 */
#sub .board_list { width:90%; height:auto; margin:0 auto; }
#sub .board_modify { width:90%; height:auto; margin:0 auto; }
#sub .board_write { width:90%; height:auto; margin:0 auto; }
.input_style1 { width:100%; padding:12px 0; border:1px solid #898989; font-size:14px; text-indent:12px; }




/* 고객센터 */
.qna_write .wrap_table { width:100%; max-width:1280px; margin:0 auto; }
.qna_write .wrap_table table {width:100%; table-layout:fixed; border-top:3px solid #363636; border-bottom:3px solid #363636; }
.qna_write .wrap_table table tr th { padding:12px 0; font-size:14px; border-bottom:1px solid #898989; background-color:#ebebeb; }
.qna_write .wrap_table table tr td { padding:12px 10px; font-size:14px; border-bottom:1px solid #898989; }
.qna_write .wrap_table table tr td p { font-size:12px; }

.qna_write .wrap_table .caution { width:100%; table-layout:fixed; border:1px solid #909090; }
.qna_write .wrap_table .caution tr th { padding:12px 0 !important; border:1px solid #BCBCBC; text-align:center; background-color:#fafafa; font-size:12px !important; }
.qna_write .wrap_table .caution tr td { padding:12px 0 !important; border:1px solid #BCBCBC; text-align:center; font-size:12px !important; }



/* 대리점 개설문의 */
.store_write { margin-bottom:100px; }
.store_write .wrap_table { width:90%; max-width:1280px; margin:0 auto; }

.store_write .wrap_table .wrap_info { width:100%; border-top:1px solid #bcbcbc; border-bottom:1px solid #bcbcbc; background-color:#fafafa; }
.store_write .wrap_table .wrap_info:after { content:""; display:block; clear:both; }
.store_write .wrap_table .wrap_info ul { float:left; display:inline-block; width:33.33%; padding:10px 0; }
.store_write .wrap_table .wrap_info ul li { float:left; display:inline-block; width:50%; text-align:center; font-size:16px; }
.store_write .wrap_table .wrap_info ul li span { font-size:12px; }
.store_write .wrap_table .wrap_info ul:after { content:""; display:block; clear:both; }



.store_write .wrap_table table.table01 { width:100%; margin-top:60px; table-layout:fixed; border:1px solid #909090; }
.store_write .wrap_table table.table01 tr    { min-height:80px; }
.store_write .wrap_table table.table01 tr th { padding:12px 20px; font-size:14px; font-weight:normal; color:#000000; border:1px solid #BCBCBC; background-color:#fafafa; }
.store_write .wrap_table table.table01 tr td { padding:12px 20px; font-size:14px; font-weight:normal; color:#000000; border:1px solid #BCBCBC; background-color:#ffffff; }

.store_write .wrap_table table.table02 { width:100%; margin-top:60px; table-layout:fixed; border:1px solid #909090; }
.store_write .wrap_table table.table02 tr    { min-height:80px; }
.store_write .wrap_table table.table02 tr th { padding:12px 20px; font-size:14px; font-weight:normal; color:#000000; border:1px solid #BCBCBC; background-color:#fafafa; }
.store_write .wrap_table table.table02 tr td { padding:12px 20px; font-size:14px; font-weight:normal; color:#000000; border:1px solid #BCBCBC; background-color:#ffffff; }

.store_write .caution { width:100%; max-width:1268px; height:50px; margin:20px auto; line-height:50px; text-align:center; font-size:18px; border:1px solid #dedede; }

.store_write .wrap_table table.table03 { width:100%; margin-top:60px; table-layout:fixed; border:1px solid #909090; }
.store_write .wrap_table table.table03 tr    { min-height:80px; }
.store_write .wrap_table table.table03 tr th { padding:12px 20px; font-size:14px; font-weight:normal; color:#000000; border:1px solid #BCBCBC; background-color:#fafafa; }
.store_write .wrap_table table.table03 tr td { padding:12px 20px; font-size:14px; font-weight:normal; color:#000000; border:1px solid #BCBCBC; background-color:#ffffff; }

.store_write .input_style { width:50%; height:50px; line-height:50px; padding:5px; border:1px solid #dcdcdc; box-sizing:border-box; background-color:#fff; }

.radio_label1 {height:20px; padding-left:24px; display:inline-block; background:url(/images/common/radio_style1_off.gif) 0 0 no-repeat;}
.radio_label1.on {background:url(/images/common/radio_style1_on.gif) 0 0 no-repeat;}

.radio_label2 {height:20px; padding-left:24px; display:inline-block; background:url(/images/common/radio_style1_off.gif) 0 0 no-repeat;}
.radio_label2.on {background:url(/images/common/radio_style1_on.gif) 0 0 no-repeat;}

.btn_center_area { text-align:center; }






.page { position:relative; z-index:1; top:0; left:0; width:100%; height:auto; padding-bottom:100px; background-color:#fafafa; overflow:hidden; }
.page.white { padding-bottom:0px; background-color:#fff; }

.page .page_info { position:absolute; z-index:2; top:50px; left:90px; width:auto; height:auto; }
.page .page_info .info {  }
.page .page_info .info h2 { font-size:24px; transform:skew(-0.001deg); }
.page .page_info .info h2 span { font-size:20px; font-weight:400; font-style:italic; transform:skew(-0.001deg); }
.page .page_info .info h3 { margin-top:22px; font-size:37px; transform:skew(-0.001deg); }
.page .page_info .info h4 { margin-top:12px; font-weight:400; font-size:18px; color:#464545; transform:skew(-0.001deg); }

.popup_wrap1 {position:fixed; z-index:9999; display:none; left:-9999px; top:-9999px;}
.popup_wrap1.on {display:block;}
.popup_wrap1 .popup_header1 {text-align:center;}
.popup_wrap1 .popup_container1 .popup_img {padding:30px 0; vertical-align:middle; text-align:center;}
.popup_wrap1 .popup_container1 .popup_img img {padding: 8px 2px 0 0; }
.popup_wrap1 .popup_container1 .popup_chose {text-align:center;}