/* slick-slider 필수 css */ .slick-slider{position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;} .slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0;} .slick-list:focus{outline:none;} .slick-list.dragging{cursor:pointer; cursor:hand;} .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);} .slick-track{position:relative; top:0; left:0; display:block;} .slick-track:before,.slick-track:after{display:table; content:'';} .slick-track:after{clear:both;} .slick-loading .slick-track{visibility:hidden;} .slick-slide{display:none; float:left; height:100%; min-height:1px; -webkit-transform: translate3d(0,0,0);} [dir='rtl'] .slick-slide{float:right;} .slick-slide img{display: block; margin:0 auto;} .slick-slide.slick-loading img{display:none;} .slick-slide.dragging img{pointer-events:none;} .slick-initialized .slick-slide{display:block;} .slick-loading .slick-slide{visibility:hidden;} .slick-vertical .slick-slide{display:block;height:auto; border:1px solid transparent;} .slick-arrow.slick-hidden{display:none;} .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-slide { -webkit-transform: translate3d(0,0,0); } .m_visu { display:none;} .pc_visu { display:block;} /* font-family: 'Nanum Gothic', sans-serif; font-family: 'Noto Sans KR', sans-serif; font-family:'NanumSquare','나눔스퀘어',sans-serif; */ #mainVisual {} #mainVisual .visu {} #mainVisual article { height:500px; background-size:cover !important;} /* #mainVisual .visu01 { background:url("/html/img/main/mainVisual01.jpg") no-repeat center top;} #mainVisual .visu02 { background:url("/html/img/main/mainVisual02.jpg") no-repeat center top;} #mainVisual .visu03 { background:url("/html/img/main/mainVisual03.jpg") no-repeat center top;} */ #mainVisual .visu { } #mainVisual .visu a { color:#fff; height:100%; display:block;} #mainVisual .visu .txt_box { text-align:center; color:#fff; font-family:'NanumSquare','나눔스퀘어',sans-serif; text-shadow:0 0 3px rgba(0,0,0,0.7); position:relative; top:50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); } #mainVisual .visu .txt_box p { font-size:15px; font-weight:900; text-transform:uppercase;} #mainVisual .visu .txt_box p:before { content:""; width:36px; height:1px; background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.7); display:block; margin:0 auto 20px;} #mainVisual .visu .txt_box dl { margin-top:30px;} #mainVisual .visu .txt_box dl dt { font-size:30px; line-height:1.2; font-weight:700;} #mainVisual .visu .txt_box dl dd { font-size:18px; line-height:1.444em; margin-top:16px;} #mainVisual .visu .txt_box .more_btn_s1 { margin-top:36px;} #mainVisual .slick-dots { text-align:center; position:absolute; width:100%; bottom:48px;} #mainVisual .slick-dots li { display:inline-block; margin-right:8px; } #mainVisual .slick-dots li:last-child { margin:0; } #mainVisual .slick-dots li button { width:10px; height:10px; border-radius:50%; background:#eee; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:0; text-indent:-9999px; border:none; vertical-align:middle; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s; } #mainVisual .slick-dots li.slick-active button { width:14px; height:14px; background:none; border:4px solid #fff;} #mainContents {} #mainContents > article { padding:94px 0;} #mainContents .quick_menu {} #mainContents .quick_menu ul {} #mainContents .quick_menu ul li { float:left; width:33.3333333%; text-align:center; border-right:1px solid #ededee; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} #mainContents .quick_menu ul li:last-child { border:none; } #mainContents .quick_menu ul li { } #mainContents .quick_menu ul li .tit { font-size:18px; color:#62606c; font-weight:500;} #mainContents .quick_menu ul li .img { margin:20px 0;} #mainContents .quick_menu ul li .img img { height:95px;} #mainContents .quick_menu ul li .txt { font-size:14px; color:#88878a; font-weight:300; line-height:1.429em; } #mainContents .video_group { position:relative; padding:0 0 94px 0;} #mainContents .video_group .thum { position:absolute; z-index:100; width:100%; height:100%; left:0; top:0;} #mainContents .video_group .thum img { width:100%; } #mainContents .video_group .tit_s1 { position:absolute; width:100%; left:0; top:11.84834123223%; z-index:100;} #mainContents .video_group .play_btn { position:absolute; left:50%; top:50%; z-index:101; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s; transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); } #mainContents .video_group .play_btn button { width:85px; height:85px; border:none; background:url("/html/img/main/play_btn.png") no-repeat center;} #mainContents .video_group .more_btn_s1 { margin-top:46px;} #mainContents .video_group .slick-dots { text-align:center; position:absolute; width:100%; bottom:48px;} #mainContents .video_group .slick-dots li { display:inline-block; margin-right:8px; } #mainContents .video_group .slick-dots li:last-child { margin:0; } #mainContents .video_group .slick-dots li button { width:10px; height:10px; border-radius:50%; background:#eee; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:0; text-indent:-9999px; border:none; vertical-align:middle; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s; } #mainContents .video_group .slick-dots li.slick-active button { width:14px; height:14px; background:none; border:4px solid #fff;} #mainContents .video_group .youtube_wrap { position:relative; width:100%; height:0; left:0; top:0; padding-top:56.26666666667%; z-index:1;} #mainContents .video_group .youtube_wrap iframe { width:100%; height:100%; position:absolute; left:0; top:0;} #mainContents .video_group .item { position:relative;} #mainContents .video_group .paging_num { position:absolute; right:0; bottom:44px;} #mainContents .video_group .paging_num > div { display:inline-block; vertical-align:bottom; font-size:15px;} #mainContents .video_group .paging_num > div.current { font-size:25px; font-weight:300; } #mainContents .video_group .paging_num > div.current:after { content:"/"; margin:0 3px; font-size:15px;} #mainContents .instagram { background: #f6f6f6; background: -moz-linear-gradient(to bottom, #fff, #f6f6f6); background: -webkit-linear-gradient(to bottom, #fff, #f6f6f6); background: linear-gradient(to bottom, #fff, #f6f6f6); } #mainContents .instagram .list { margin-top:72px;} #mainContents .instagram .list ul {} #mainContents .instagram .list ul li { float:left; width:20%; overflow:hidden; border:1px solid #ccc; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-shadow:15px 15px 15px rgba(0,0,0,0.15);} #mainContents .instagram .list ul li img { width:100%;} #mainContents .quick_menu2 {} #mainContents .quick_menu2 ul {} #mainContents .quick_menu2 ul li {padding:40px 15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:33.333333%; float:left; text-align:center;} #mainContents .quick_menu2 ul li:first-child { background:url("/html/img/main/quick_bg_01.jpg") no-repeat center; background-size:cover;} #mainContents .quick_menu2 ul li dl { color:#fff; margin-bottom:18px;} #mainContents .quick_menu2 ul li dl dt { font-size:17px; font-weight:500;} #mainContents .quick_menu2 ul li dl dd { font-size:15px; line-height:1.333em; margin-top:10px;} .book_list_s1 { margin-top:78px;} .book_list_s1 .slick-list { margin:0 -15px;} .book_list_s1 .slick-slide { margin:0 15px;} .book_list_s1 .item { text-align:center;} .book_list_s1 .item .img img{ border:10px solid #fff; box-shadow:7px 7px 7px rgba(0,0,0,0.15);} .book_list_s1 .item .txt { line-height:1.3; margin-top:20px;} .book_list_s1 .item .txt span { color:#88878a; font-weight:300;} .book_list_s1 .item .txt p { font-weight:500; color:#333; margin-top:6px;} .book_list_s1 .slick-arrow { width:28px; height:52px; border:none; position:absolute; top:50%; margin-top:-26px; text-indent:-9999px; z-index:10;} .book_list_s1 .slick-prev {background:url("/html/img/main/slick-prev_s2.png") no-repeat center; left:-15px;} .book_list_s1 .slick-next {background:url("/html/img/main/slick-next_s2.png") no-repeat center; right:-15px;} .book_list_s1 .more_btn_s1 { margin-top:120px;}