@charset "euc-kr";
/*----------------------------- ¸ÞÀÎÆäÀÌÁö -----------------------------*/
/* ¸ÞÀκñÁÖ¾ó */
.main_visual_wrapper {position:relative; overflow:hidden}
#mainVisual {position:fixed; top:0; left:0; right:0; width:100%; height:100%; border:30px solid #fff; z-index:1; overflow:hidden}
#mainVisual > .imgList {position:relative; top:0; width:1000%; height:100%; overflow:hidden}
#mainVisual > .imgList > li {float:left; position:relative; width:1860px; height:100%; background-size:cover !important; transition:all .4s; overflow:hidden}
#mainVisual > .imgList > li.animate {transform:scale(.85)}
#mainVisual > .imgList > li:before {position:absolute; top:0; left:0; width:100%; height:100%; content:''; /*background:#000; opacity:.2;*/ z-index:5}
#mainVisual > .imgList > li.item1 {background:url(../../img/main_visual1.jpg) center top no-repeat}
#mainVisual > .imgList > li.item2 {background:url(../../img/main_visual2.jpg) center top no-repeat}
#mainVisual > .imgList > li.item3 {background:url(../../img/main_visual3.jpg) center top no-repeat}
#mainVisual > .imgList > li .typo {position:relative; top:22%; max-width:1200px; margin:auto; z-index:10}
#mainVisual > .imgList > li .typo h2 {font-size:50px; font-weight:600; color:#fff; word-break:keep-all; margin-bottom:60px}
#mainVisual > .imgList > li .typo h2.font_eng {font-size:50px; color:#fff; word-break:keep-all; margin-bottom:40px; font-family:"Fredoka One", cursive; padding-top:80px;}
#mainVisual > .imgList > li .typo h2 span {font-size:60px}
#mainVisual > .imgList > li .typo p {font-size:18px; color:#fff; line-height:1.5}
#mainVisual > .imgList > li .pagination {margin-top:35px; font-size:0}
#mainVisual > .imgList > li .pagination > li {display:inline-block; font-size:13px; width:12px; height:3px; margin-right:8px; background:#fff; transition:all .2s}
#mainVisual > .imgList > li .pagination > li.on {background:##ff9900; transform:rotate(45deg)}
#mainVisual > .control {position:absolute; top:50%; width:60px; height:60px; margin-top:-30px; text-align:center; line-height:60px; background:rgba(255, 255, 255, .6); z-index:10}
#mainVisual > .control.prev {left:0}
#mainVisual > .control.next {right:0}
#mainVisual > .control span {display:inline-block; width:30px; height:15px; font-size:0; text-indent:-9999em; vertical-align:middle}
#mainVisual > .control.prev span {background:url(../../img/slide_arrow_prev.png) center top no-repeat}
#mainVisual > .control.next span {background:url(../../img/slide_arrow_next.png) center top no-repeat}
/* ¸ÞÀÎ ÄÁÅ×ÀÌ³Ê */
#mainContainer {position:relative; margin-top:965px; z-index:20}
/* ¸ÞÀÎÆäÀÌÁö ¼½¼Ç °øÅë */
#mainContainer > .section {position:relative; padding:80px 0}
#mainContainer > .section:after {clear:both; display:block; content:''}
#mainContainer > .section > .innerContainer {position:relative; max-width:1200px; margin:auto}
#mainContainer > .section > .innerContainer:after {clear:both; display:block; content:''}
#mainContainer > .section .large-title {text-align:center}
#mainContainer > .section .large-title h2 {font-size:58px; font-weight:300; color:#2b2b2b; letter-spacing:10px; margin-bottom:30px}
#mainContainer > .section .large-title h2 span {color:#ffcc66;}
#mainContainer > .section .large-title p {font-size:18px; color:#666; line-height:1.5}
#mainContainer > .section .large-title p:after {display:block; width:40px; height:1px; margin:20px auto 30px; content:''; background:#aaa}
#mainContainer > .section .bottom-btn {margin-top:40px; text-align:center}
/* ¸ÞÀÎÆäÀÌÁö ¼½¼Ç #1 */
#mainContainer #section1 {background-image:url(../../img/main_center_bg.jpg)}
#mainContainer #section1 #imgSlider {position:relative; overflow:hidden}
#mainContainer #section1 #imgSlider > ul.imgList {position:relative; height:400px}
#mainContainer #section1 #imgSlider > ul.imgList > li {position:absolute; top:0; left:0; width:100%; height:100%; background-position:center top !important; background-size:cover !important}
#mainContainer #section1 #imgSlider > ul.imgList > li.item1 {background-image:url(../../img/main_center_slide1.jpg)}
#mainContainer #section1 #imgSlider > ul.imgList > li.item2 {background-image:url(../../img/main_center_slide2.jpg)}
#mainContainer #section1 #imgSlider > ul.imgList > li.item3 {background-image:url(../../img/main_center_slide3.jpg)}
#mainContainer #section1 #imgSlider > .control {position:absolute; top:50%; width:60px; height:60px; margin-top:-30px; text-align:center; line-height:60px; background:rgba(255, 255, 255, .6); z-index:30}
#mainContainer #section1 #imgSlider > .control.prev {left:0}
#mainContainer #section1 #imgSlider > .control.next {right:0}
#mainContainer #section1 #imgSlider > .control span {display:inline-block; width:30px; height:15px; font-size:0; text-indent:-9999em; vertical-align:middle}
#mainContainer #section1 #imgSlider > .control.prev span {background:url(../../img/slide_arrow_prev.png) center top no-repeat}
#mainContainer #section1 #imgSlider > .control.next span {background:url(../../img/slide_arrow_next.png) center top no-repeat}
#mainContainer #section1 #imgSlider > .pagination {margin-top:30px; min-height:4px; font-size:0; text-align:center}
#mainContainer #section1 #imgSlider > .pagination > li {position:relative; display:inline-block; font-size:13px; width:30px; height:3px; margin:0 3px; background:#ccc; transition:all .3s}
#mainContainer #section1 #imgSlider > .pagination > li > .bar {position:absolute; top:0; left:0; width:0; height:100%; background:#222}
#mainContainer #section1 #imgSlider > .pagination > li.on {width:60px; background:#999}
/* ¸ÞÀÎÆäÀÌÁö ¼½¼Ç #2 */
#mainContainer #section2 {background:#fff}
/* ¸ÞÀÎÆäÀÌÁö ¼½¼Ç #3 */
#mainContainer #section3 {background:url(../../img/main_parallax_bg.jpg) center no-repeat/* fixed*/}
/* ¸ÞÀÎÆäÀÌÁö ¼½¼Ç #4 */
#mainContainer #section4 {background:#fff}
#mainContainer #section4 .product-grid {margin:0 -15px}
#mainContainer #section4 .product-grid > table {float:left; width:33.333334%; padding:0 15px; table-layout:fixed}
#mainContainer #section4 .product-grid > table .board_output_gallery_img a img {display:block; width:100%; height:auto !important}
#mainContainer #section4 .product-grid > table br {display:none}
#mainContainer #section4 .product-grid > table .board_output_gallery_subject {display:block; margin:15px 0 0; text-align:left !important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#mainContainer #section4 .product-grid > table .board_output_gallery_subject a {font-size:15px; font-weight:600; color:#000; transition:all .3s; text-decoration:none;}
#mainContainer #section4 .product-grid > table .board_output_gallery_subject a:after {display:block; width:0; height:1px; margin:5px 0; content:''; background:##ff9900; transition:all .3s}
#mainContainer #section4 .product-grid > table:hover .board_output_gallery_subject a {color:##ff9900}
#mainContainer #section4 .product-grid > table:hover .board_output_gallery_subject a:after {width:50px}
#mainContainer #section4 .product-grid > table .board_output_gallery_etc {font-size:13px; color:#888}
/*----------------------------- ¼­ºêÆäÀÌÁö -----------------------------*/
/* ¼­ºêºñÁÖ¾ó */
#subVisual {position:relative; overflow:hidden}
#subVisual > .imgList {position:relative; height:500px; overflow:hidden}
#subVisual > .imgList > li {position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover !important; z-index:5}
#subVisual > .imgList > li.item1 {background:url(../../img/sub_visual1.jpg) center top no-repeat}
#subVisual > .imgList > li.item2 {background:url(../../img/sub_visual2.jpg) center top no-repeat}
#subVisual > .imgList > li.item3 {background:url(../../img/sub_visual3.jpg) center top no-repeat}
#subVisual > .imgList > li.item4 {background:url(../../img/sub_visual4.jpg) center top no-repeat}
#subVisual > .imgList > li.active {z-index:10}
#subVisual > .imgList > li.active-last {z-index:8}
#subVisual > .title {position:absolute; top:0; left:0; width:100%; height:100%; padding:10% 50px 0; z-index:30}
#subVisual > .title .inner {text-align:center}
#subVisual > .title .inner h2 {font-size:60px; font-weight:500; letter-spacing:5px; color:#000}
#subVisual > .title .inner h2:after {display:block; margin:30px auto; width:50px; height:1px; content:''; background:#000}
#subVisual > .title .inner h3 {font-size:30px; font-weight:400; color:#000}
/* ¼­ºê ÄÁÅÙÃ÷ */
#subContainer {position:relative; padding-bottom:60px}
#subContainer:after {clear:both; display:block; content:''}
#subContainer .innerContainer {max-width:1200px; margin:auto}
#subContainer .innerContainer:after {clear:both; display:block; content:''}
#subContainer .page-title {padding:60px 0 40px}
#subContainer .page-title h2 {font-size:35px; font-weight:600; color:#2b2b2b; line-height:1.2; margin-bottom:15px}
#subContainer .page-title p {font-size:13px; color:#888; line-height:1.6}
#subContainer img {max-width:100%}
/* ¼­ºê¸Þ´º */
#nav {height:50px; border-bottom:1px solid #e6e6e6}
#nav .inner {max-width:1200px; margin:0 auto}
#nav .title {float:left; width:50px; height:100%; background:#1c1c1c}
#nav .title a {display:block; width:100%; height:100%; font-size:16px; font-weight:600; color:#fff; text-align:center; line-height:50px}
#nav .dropdown {position:relative; float:left; margin-left:-1px; min-width:180px; z-index:10}
#nav .dropdown > a {position:relative; display:block; width:100%; height:100%; padding:0 75px 0 25px; color:#444; font-weight:600; line-height:50px; text-transform:uppercase; border-right:1px solid #e6e6e6}
#nav .dropdown > a:before {position:absolute; width:0; height:0; top:50%; right:15px; margin-top:-2px; content:''; border-style:solid; border-width:4px; border-color:transparent; border-top-color:#333}
#nav .dropdown.open > a:before {margin-top:-6px; border-top-color:transparent; border-bottom-color:#333}
#nav .dropdown > ul.mnuList {display:none; position:absolute; top:49px; left:0; width:100%; border:1px solid #e6e6e6; background:#fff; box-shadow:0 2px 2px rgba(0,0,0,.12)}
#nav .dropdown > ul.mnuList li {border-top:1px solid #e6e6e6}
#nav .dropdown > ul.mnuList li:first-child {border-top:none}
#nav .dropdown > ul.mnuList li a {display:block; padding:12px 25px; text-transform:uppercase}
#nav .dropdown > ul.mnuList li a:hover {background:#f9f9f9}
/* ¹öÆ° °øÅë ½ºÅ¸ÀÏ */
.btn.btn-main {position:relative; display:inline-block; height:50px; padding:0 35px; font-weight:500; color:#000; line-height:48px; border-color:#000; border-radius:0; background:transparent; transition:all .2s}
.btn:active {box-shadow:inset 0 3px 3px rgba(0, 0, 0, .1)}
.btn.btn-main:hover {color:#fff; border-color:##ff9900; background:##ff9900}
.btn.small {font-size:12px; letter-spacing:-1px; padding:0 10px}
.btn.btn-block {display:block; width:100%; text-align:center}
.btn.btn-primary {color:#fff; border-color:##ff9900; background:##ff9900}
.btn.btn-primary:hover, .btn.btn-primary:focus {border-color:#ff9900; background:#ff9900}
/*----------------------------- °Ô½ÃÆÇ -----------------------------*/
/* °Ô½ÃÆÇ °øÅë */
.bbsnewf5 {font:inherit !important}
.bbsnewf5 a:hover {color:inherit !important}
.board {font-family:inherit !important}
.tbl_brd {width:100%; margin-bottom:40px; border-top:2px solid #666}
.tbl_brd input {font:inherit !important}
.tbl_brd input[type=file] {width:80%}
.tbl_brd input[type=text], .tbl_brd input[type=password] {width:80%; height:40px; padding-left:10px; border:1px solid #e8e8e8; border-radius:3px; color:#666}
.tbl_brd input[type=text]:focus, .tbl_brd input[type=text]:hover, .tbl_brd input[type=password]:focus, .tbl_brd input[type=password]:hover {border-color:#d8d8d8}
.tbl_brd select {height:40px; line-height:38px; padding:0 10px; border:1px solid #e0e0e0; cursor:pointer}
.tbl_brd textarea {font:inherit !important; width:80%; max-height:120px; padding:10px; border:1px solid #e0e0e0; border-radius:3px}
.tbl_brd textarea:focus, .tbl_brd textarea:hover {border-color:#d8d8d8}
.tbl_brd select:focus, .tbl_brd select:hover {border-color:#d8d8d8}
.tbl_brd tbody td {font:inherit !important; font-size:14px !important; padding:15px; border-bottom:1px solid #e0e0e0}
.tbl_brd tbody td font, .tbl_brd tbody td span, .tbl_brd tbody td a {font:inherit !important; font-size:14px !important}
.board_bgcolor {width:30% !important; font:inherit !important; color:#333; background:#f9f9f9 !important}
#post_area img {max-width:100%; height:auto !important}
.prvThumbList {margin-top:40px}
.prvThumbList > table td table {width:135px}
div.nneditor-container .seResize2 span {font-size:0 !important}
.brd_btngroup {margin-top:50px}
.brd_btngroup a {margin-top:2px; margin-bottom:2px}
#check_all {margin-left:5px; vertical-align:-5px}
.board_bottom {margin-top:50px}
.board_bottom > a {float:right}
#ext_search {float:left}
#ext_search select {height:35px; line-height:38px; margin-right:5px; padding:0 10px; border:1px solid #e0e0e0; cursor:pointer}
#ext_search select:focus, #ext_search select:hover {border-color:#d8d8d8}
#ext_search input[type=text] {height:35px; margin-right:5px; padding-left:10px; border:1px solid #e8e8e8; border-radius:3px; color:#666}
#ext_search input[type=text]:focus, #ext_search input[type=text]:hover {border-color:#d8d8d8}
.board_comment_bgcolor {padding-bottom:20px; background-color:#f9f9f9 !important}
.comment_txt {padding:10px 0 !important; word-break:}
.comment_txt:first-child {padding:20px !important}
.comment_txt textarea {width:60%; width:-webkit-calc(100% - 120px); width:-moz-calc(100% - 120px); width:calc(100% - 120px); height:50px; padding:10px; font:inherit !important; border:1px solid #e8e8e8; border-radius:3px}
.comment_txt > a.btn {margin:2px 0; padding:0 15px !important; height:30px !important; line-height:28px !important}
.comment_txt > font {display:block; margin-bottom:10px; color:#ccc !important}
.comment_name {color:#333 !important; width:20% !important}
.comment_name input[type=checkbox] {margin-right:5px; vertical-align:middle}
/* °Ô½ÃÆÇ Ä«Å×°í¸® ÅÇ */
.cate_select {display:none !important}
.board_tab {position:relative; margin-bottom:50px}
.board_tab > a {display:none}
.board_tab ul {border-bottom:1px solid #e0e0e0}
.board_tab ul > li {float:left; margin-bottom:-1px; margin-left:-1px}
.board_tab ul > li:first-child {margin-left:0}
.board_tab ul > li > a {display:block; padding:12px 30px; color:#999; border:1px solid #e0e0e0; background:#f4f4f4}
.board_tab ul > li.on > a {position:relative; color:#333; border-color:#aaa; border-bottom-color:#fff; background:#fff; z-index:10}
/* °¶·¯¸® ŸÀÔ */
.gallery_inner {margin:0 -15px}
.gallery_inner:after {clear:both; display:block; content:''}
.gallery_inner > table {float:left; display:block; margin:0 0 30px 0; padding:0 15px}
.gallery_inner > table.board {width:100% !important}
.gallery-grid-2 .gallery_inner > table {width:50%}
.gallery-grid-3 .gallery_inner > table {width:33.3333334%}
.gallery-grid-4 .gallery_inner > table {width:25%}
.gallery-grid-5 .gallery_inner > table {width:20%}
.gallery_inner td.bbsnewf5 a > img {display:block; width:100%; height:auto !important; transition:all .5s ease}
.gallery_inner td.bbsnewf5 a:hover > img {transform:scale(1.1)}
.gallery_inner .hoverBox {position:absolute; display:block; top:0; left:0; width:100%; height:100%; /*padding:32% 30px 0 30px;*/ padding:0 30px; text-align:center; background:rgba(0,0,0,.8); opacity:0; transition:all .5s ease}
.gallery_inner .hoverBox .inner {height:100%}
.gallery_inner .hoverBox .inner:before {display:inline-block; height:100%; content:''; vertical-align:middle}
.gallery_inner .hoverBox .inner h3 {display:inline-block; font-size:22px; font-weight:500; color:#fff; line-height:1.2; vertical-align:middle}
/*.gallery_inner .hoverBox .inner h3:after {display:block; width:40px; height:1px; margin:20px auto; content:''; background:#fff; opacity:.5}*/
.gallery_inner .hoverBox .inner p {display:none; /*display:-webkit-box;*/ color:#fff; max-height:69px; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis}
.gallery_inner .bbsnewf5:hover .hoverBox {opacity:1}
.bbsnewf5 {position:relative; overflow:hidden}
.brd_paging {display:none; text-align:center}
.brd_paging > b, .brd_paging > a {display:inline-block; width:38px; height:38px; line-height:36px; text-align:center; margin:0 -2px; border:1px solid #e8e8e8}
.brd_paging > b {color:#fff; border-color:#666; background:#666}
.brd_paging > a {color:#666}
.brd_paging > a:hover {color:#555; border-color:#cdcdcd; background:#f4f4f4}
.btn-more {display:block; width:185px; margin:30px auto; height:45px; font-size:16px; color:#000; text-align:center; border:2px solid #000; background:transparent; cursor:pointer; transition:all .3s ease; vertical-align:middle}
.btn-more:disabled {color:#bbb !important; border-color:#ccc !important; background:#f4f4f4 !important}
.btn-more:hover {color:#fff; background:#000}
/* À¥Áø(¸ÅÀå¾È³») ŸÀÔ */
.webzine_type_img_td {width:30%;}

.webzine_type_text_td_left {vertical-align:top;}

.webzine_type2 {width:100%;}
.webzine_type2 td { width:25%; font-family:'notokr',sans-serif; font-size:14px; padding-bottom:30px;}
.webzine_type2 dl, #webzine_type2 dt, #webzine_type2 dd {margin:0;padding:0}
.webzine_type2 dl    {float:left;clear:both;width:100%;padding:0 0 16px 0;margin-bottom:0;}
.webzine_type2 .webzine_type_img_td { vertical-align:top;}
.webzine_type2 .webzine_type_img img {width:100%;height:auto;}
.webzine_type2 .webzine_type2_table_line { width:100%; border-top:1px solid #cccccc;}
.webzine_type2 dd:nth-child(odd) {background:#f3f3f3;}
.webzine_type2 dd {float:left;width:100%;padding:10px;margin:0 0 -1px 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.webzine_type2 .obj_name {display:inline-block;width:90px;padding:0px 0 0 12px;color:#666666;background:url(/cimg/board/cafe24_webzine/bl_webzine_type2_title.gif) right 5px no-repeat;}
.webzine_type2 .obj_value {padding:0px 0 0 10px;}
.webzine_type2_table_line {display:none;}
.webzine_type2 dl .webzine_btn {border:solid 0px red;background:#000;color:#fff;width:100px;height:35px;display:inline-block;text-align:center;line-height:35px;margin-top:20px;transition:all .3s ease;}
.webzine_type2 dl .webzine_btn:hover {background:#ededed;color:#000;}

/*----------------------------- À¥½º¸® Á¦°ø °øÅë ¼½¼Ç -----------------------------*/
/* 4´Ü ÆÀ±¸¼º ¼½¼Ç */
.wr-section.typeTeam > .inner > ul > li .imgArea {position:relative; overflow:hidden}
.wr-section.typeTeam > .inner > ul > li .imgArea:before {position:absolute; top:0; left:0; width:100%; height:100%; content:''; background:#000; opacity:0; filter:alpha(opacity='0'); transition:all .3s ease; z-index:10}
.wr-section.typeTeam > .inner > ul > li .imgArea img {display:block; width:100%; transition:all .3s ease}
.wr-section.typeTeam > .inner > ul > li .imgArea:hover:before {opacity:.5; filter:alpha(opacity='50')}
.wr-section.typeTeam > .inner > ul > li .imgArea:hover img {transform:scale(1.1)}
.wr-section.typeTeam > .inner > ul > li .infoArea {margin:20px 0; padding-bottom:20px; border-bottom:1px solid #eee}
.wr-section.typeTeam > .inner > ul > li .infoArea h3 {font-size:14px; color:#333; font-weight:600; margin-bottom:5px}
.wr-section.typeTeam > .inner > ul > li .infoArea span {display:block; font-size:13px; color:#888}
.wr-section.typeTeam > .inner > ul > li p {display:-webkit-box; font-size:14px; color:#888; line-height:1.75; -webkit-box-orient:vertical; -webkit-line-clamp:3; max-height:74px; overflow:hidden; text-overflow:ellipsis}
/* Æз²·¢½º ¼½¼Ç */
.wr-section.typeParallax {background-size:cover !important}
.wr-section.typeParallax.pr1 {background:url(../../img/sub_parallax_bg.jpg) center no-repeat/* fixed*/}
.wr-section.typeParallax .captionBox {max-width:510px; margin:auto; padding:30px 0; text-align:center}
.wr-section.typeParallax .captionBox h2 {font-size:40px; font-weight:300; color:#fff; line-height:1.3; margin-bottom:40px; font-family:"Fredoka One", cursive,"notokr",sans-serif}
.wr-section.typeParallax .captionBox p {font-size:14px; color:#fff; line-height:1.6}
.wr-section.typeParallax .captionBox .btnArea {margin-top:30px}
.wr-section.typeParallax .captionBox .btnArea > .btn {margin:0 4px}
/* 4´Ü ¼ýÀÚ Ä«¿îÆ® ¼½¼Ç */
.wr-section.typeCount {background:#f4f4f4}
.wr-section.typeCount > .inner > ul > li {text-align:center}
.wr-section.typeCount > .inner > ul > li .iconArea i {font-size:32px; color:#666}
.wr-section.typeCount > .inner > ul > li .num-count {display:block; font-size:40px; font-weight:600; color:#333; margin:30px 0 20px 0}
.wr-section.typeCount > .inner > ul > li p {font-size:18px; color:#444; letter-spacing:-1px}
/* 3´Ü ¿ÍÀÌµå ¼½¼Ç */
.wr-section.typeFullGrid {padding:0 !important}
.wr-section.typeFullGrid > ul > li {position:relative; display:table; min-height:450px; padding:50px; background-size:cover !important}
.wr-section.typeFullGrid > ul > li.item1 {background:url(../../img/grid_full_img1.jpg) center no-repeat}
.wr-section.typeFullGrid > ul > li.item2 {background:url(../../img/grid_full_img2.jpg) center no-repeat}
.wr-section.typeFullGrid > ul > li.item3 {background:url(../../img/grid_full_img3.jpg) center no-repeat}
.wr-section.typeFullGrid > ul > li .textCell {display:table-cell; padding:60px 0; vertical-align:middle}
.wr-section.typeFullGrid > ul > li .textCell h3 {font-size:22px; font-weight:600; color:#fff; letter-spacing:-1px; margin-bottom:40px}
.wr-section.typeFullGrid > ul > li .textCell p {font-size:16px; color:#fff; line-height:1.5; margin-bottom:30px}
.wr-section.typeFullGrid > ul > li .textCell a {color:#fff}
/* 3´Ü Áß¾ÓÁ¤·Ä ±×¸®µå ¼½¼Ç */
.wr-section.typeFeature > .inner > ul > li .tile {padding:20px; background-color:#333}
.wr-section.typeFeature > .inner > ul > li .tile .tile-count {display:block; font-size:32px; font-weight:600; color:#fff; letter-spacing:-1px; margin-bottom:40px}
.wr-section.typeFeature > .inner > ul > li .tile h3 {font-size:18px; font-weight:600; color:#fff; margin-bottom:15px}
.wr-section.typeFeature > .inner > ul > li .tile p {color:#fff; line-height:1.75}
.wr-section.typeFeature > .inner > ul > li .item1 {background-color:#2c3e50}
.wr-section.typeFeature > .inner > ul > li .item2 {background-color:#fc4349}
.wr-section.typeFeature > .inner > ul > li .item3 {background-color:#6dbcdb}
.wr-section.typeFeature > .inner > ul > li .item4 {background-color:#ffcc33}
.wr-section.typeFeature > .inner > ul > li .desc {margin-top:30px; text-align:center}
.wr-section.typeFeature > .inner > ul > li .desc h4 {font-size:14px; font-weight:600; color:#333; letter-spacing:-1px; margin-bottom:5px}
.wr-section.typeFeature > .inner > ul > li .desc p {font-size:13px; color:#888}
/* 2´Ü Ä®·³ ¼½¼Ç */
.wr-section.typeNews {background:#f4f4f4}
.wr-section.typeNews .gridWrapper:after {clear:both; display:table; content:''}
.wr-section.typeNews .gridWrapper .textArea {float:left; width:55%}
.wr-section.typeNews .gridWrapper .textArea p {color:#555; line-height:1.75; margin-bottom:40px}
.wr-section.typeNews .gridWrapper .imgArea {float:right; width:40%}
.wr-section.typeNews .gridWrapper .imgArea img {display:block; width:100%}
/* »ó´Ü À̹ÌÁöŸÀÌƲ ¼½¼Ç */
.wr-section.typeImgTitle {}
.wr-section.typeImgTitle .imgWrapper {margin:auto auto 60px auto; text-align:center}
.wr-section.typeImgTitle .imgWrapper .img_top {position:relative; width:120px; height:120px; margin:auto auto 30px auto; border-radius:50%; background:#f1f1f1; overflow:hidden}
.wr-section.typeImgTitle .imgWrapper .img_top img {display:block; width:100%}
.wr-section.typeImgTitle .imgWrapper h3 {font-size:22px; font-weight:600; color:#333; letter-spacing:-1px; margin-bottom:15px}
.wr-section.typeImgTitle .imgWrapper p {font-size:16px; color:#666}
.wr-section.typeImgTitle > .inner > ul > li {margin-bottom:60px}
.wr-section.typeImgTitle > .inner > ul > li h4 {font-size:18px; font-weight:600; color:#555; margin-bottom:10px}
.wr-section.typeImgTitle > .inner > ul > li p {color:#888; line-height:1.75}
/* ±âº» 2´Ü ±×¸®µå ¼½¼Ç */
.wr-section.typeBasicGrid2 {background:#f4f4f4}
.wr-section.typeBasicGrid2 > .inner > ul > li .imgArea {margin-bottom:20px}
.wr-section.typeBasicGrid2 > .inner > ul > li .imgArea img {display:block; width:100%}
.wr-section.typeBasicGrid2 > .inner > ul > li h4 {font-size:18px; font-weight:600; color:#555; margin-bottom:10px}
.wr-section.typeBasicGrid2 > .inner > ul > li p {color:#888; line-height:1.75}
/* 5´Ü ÇÁ·Î¼¼½º ¼½¼Ç */
.wr-section.typeProcess {background:#f4f4f4}
.wr-section.typeProcess > .inner > ul > li {position:relative; text-align:center}
.wr-section.typeProcess > .inner > ul > li:after {position:absolute; top:25%; right:-5px; font-family:'FontAwesome'; font-size:30px; color:#dedede; content:'\f105'; margin-top:-9px}
.wr-section.typeProcess > .inner > ul > li:last-child:after {display:none; content:''}
.wr-section.typeProcess > .inner > ul > li .iconArea {margin:auto auto 20px auto; max-width:140px}
.wr-section.typeProcess > .inner > ul > li .iconArea img {display:block; width:100%}
.wr-section.typeProcess > .inner > ul > li .infoArea h3 {font-size:16px; font-weight:600; color:#555; letter-spacing:-1px}
.wr-section.typeProcess > .inner > ul > li .infoArea h3:after {display:block; width:20px; height:2px; margin:15px auto; content:''; background:#666}
.wr-section.typeProcess > .inner > ul > li .infoArea p {color:#888; line-height:1.75}
/* 2´Ü ¿ÍÀ̵å Áöµµ ¼½¼Ç */
.wr-section.typeMap {padding:0 !important}
.wr-section > .contactArea {float:right; width:50%; max-width:650px; padding:50px}
.wr-section > .contactArea h3 {font-size:24px; font-weight:600; color:#333; margin-bottom:40px}
.wr-section > .contactArea .iconList li {position:relative; padding:15px 0 15px 40px}
.wr-section > .contactArea .iconList li:before {position:absolute; top:15px; left:0; font-family:'FontAwesome'; font-size:20px; color:#555}
.wr-section > .contactArea .iconList li.item1:before {content:'\f041'}
.wr-section > .contactArea .iconList li.item2:before {content:'\f0e0'}
.wr-section > .contactArea .iconList li.item3:before {content:'\f095'}
#mapHalf {float:right; width:50%; height:500px; background:#f4f4f4}
/* ¹Ìµð¾î Äõ¸® */
@media screen and (max-width:1280px) {
 /* ¸ÞÀÎÆäÀÌÁö ¼½¼Ç °øÅë */
 #mainContainer > .section > .innerContainer {padding:0 50px}
 #subContainer .innerContainer {padding:0 50px}
 /* °¶·¯¸® ŸÀÔ */
 /*.gallery_inner .hoverBox {padding-top:25%}*/
}
@media screen and (max-width:1024px) {
 /* ¸ÞÀκñÁÖ¾ó */
 #mainVisual {height:600px}
 #mainVisual > .imgList > li {width:964px}
 #mainVisual > .imgList > li .typo {top:20%; padding:0 80px}
 #mainVisual > .imgList > li .typo h2 {font-size:36px}
 #mainVisual > .imgList > li .typo p {font-size:16px}
 /* ¸ÞÀÎ ÄÁÅ×ÀÌ³Ê */
 #mainContainer {margin-top:600px}
 /* ¸ÞÀÎÆäÀÌÁö ¼½¼Ç #1 */
 #mainContainer #section1 #imgSlider > ul.imgList {height:350px}
 /* ¼­ºêºñÁÖ¾ó */
 #subVisual > .imgList {height:300px}
 #subVisual > .title .inner h2 {font-size:42px}
 #subVisual > .title .inner h2:after {margin:25px auto}
 #subVisual > .title .inner h3 {font-size:24px}
 /* ¼­ºê¸Þ´º */
 #nav {float:none; width:100%; margin:0; border-bottom:1px solid #dcdcdc}
 #nav:after {clear:both; display:block; content:''}
 /* 4´Ü ÆÀ±¸¼º ¼½¼Ç */
 .wr-section.typeTeam > .inner > ul > li {margin-bottom:50px}
 /* Æз²·¢½º ¼½¼Ç */
 .wr-section.typeParallax {background-position:center top !important}
 /* 4´Ü ¼ýÀÚ Ä«¿îÆ® ¼½¼Ç */
 .wr-section.typeCount > .inner > ul > li {margin-bottom:40px}
 /* 3´Ü ¿ÍÀÌµå ¼½¼Ç */
 .wr-section.typeFullGrid > ul > li .textCell h3 {font-size:20px}
 .wr-section.typeFullGrid > ul > li .textCell p {font-size:14px}
 /* 5´Ü ÇÁ·Î¼¼½º ¼½¼Ç */
 .wr-section.typeProcess > .inner > ul > li {margin-bottom:30px}
 /* °¶·¯¸® ŸÀÔ */
 .gallery_inner .hoverBox .inner h3 {font-size:18px}
 .gallery_inner .hoverBox .inner p {font-size:12px; max-height:63px}
 .gallery-grid-2 .gallery_inner > table {width:50%}
 .gallery-grid-3 .gallery_inner > table {width:50%}
 .gallery-grid-4 .gallery_inner > table {width:33.3333334%}
 .gallery-grid-5 .gallery_inner > table {width:33.3333334%}
 /* À¥Áø(¸ÅÀå¾È³»)*/
 .webzine_type2 td { width:40%;}
 /* °Ô½ÃÆÇ Ä«Å×°í¸® ÅÇ */
 .cate_select {display:none !important}
 .board_tab {margin:auto auto 50px auto}
 .board_tab > a {position:relative; display:block !important; width:100%; height:50px; padding-left:15px; font-size:16px; line-height:50px; border:1px solid #e0e0e0}
 .board_tab > a:after {position:absolute; font-family:'FontAwesome'; font-size:18px; color:#333; right:20px; content:'\f107'}
 .board_tab > a.open:after {content:'\f106'}
 .board_tab ul {display:none; position:absolute; top:49px; width:100%; margin:0; border:1px solid #e8e8e8; border-top:none; background:#fff; z-index:30}
 .board_tab ul > li {float:none; display:block; margin:0}
 .board_tab ul > li > a {display:block; padding:12px 15px; font-size:16px; color:#999; border:none; border-top:1px solid #f0f0f0; background:none}
 .board_tab ul > li.on > a {color:#333; border-color:#f0f0f0}
}
@media screen and (max-width:768px) {
 /* ¸ÞÀκñÁÖ¾ó */
 #mainVisual {height:400px}
 #mainVisual > .imgList > li {width:708px}
 #mainVisual > .imgList > li .typo {top:17%; padding:0 30px}
 #mainVisual > .imgList > li .typo h2 {font-size:30px; line-height:1.2; margin-bottom:30px}
 #mainVisual > .imgList > li .typo h2 span {font-size:33px}
 #mainVisual > .imgList > li .typo h2.font_eng {font-size:30px;padding-top:0px;}

 #mainVisual > .imgList > li .typo p {font-size:15px}
 #mainVisual > .imgList > li .typo p br {display:none}
 #mainVisual > .imgList > li .pagination {margin-top:25px}
 #mainVisual > .control {display:none; width:50px; height:50px; margin-top:-25px}
 #mainVisual > .control span {vertical-align:-12px}



 /* ¸ÞÀÎÆäÀÌÁö ¼½¼Ç °øÅë */
 #mainContainer {margin-top:400px}
 #mainContainer > .section > .innerContainer {padding:0 30px}
 #mainContainer > .section .large-title h2 {font-size:36px; margin-bottom:20px}
 #mainContainer > .section .large-title p {font-size:15px; word-break:keep-all}
 /* ¸ÞÀÎÆäÀÌÁö ¼½¼Ç #1 */
 #mainContainer #section1 #imgSlider > ul.imgList {height:300px}
 #mainContainer #section1 #imgSlider > .control {width:50px; height:50px; margin-top:-25px}
 #mainContainer #section1 #imgSlider > .control span {vertical-align:-12px}
 /* ¸ÞÀÎÆäÀÌÁö ¼½¼Ç #4 */
 #mainContainer #section4 .product-grid {margin:0}
 #mainContainer #section4 .product-grid > table {float:none; width:100%; margin-bottom:40px; padding:0}
 #mainContainer #section4 .product-grid > table .board_output_gallery_subject a {font-size:16px}
 /* ¼­ºêºñÁÖ¾ó */
 #subVisual > .imgList {height:300px}
 #subVisual > .title {padding-top:25%}
 #subVisual > .title .inner h2 {font-size:24px}
 #subVisual > .title .inner h2:after {margin:15px auto; width:30px}
 #subVisual > .title .inner h3 {font-size:16px}
 /* ¼­ºê ÄÁÅÙÃ÷ */
 #subContainer .innerContainer {padding:0 30px}
 #subContainer .page-title {padding:40px 0 25px}
 #subContainer .page-title h2 {font-size:24px}
 #subContainer .page-title p {font-size:12px}
 /* ¼­ºê¸Þ´º */
 #nav .title {display:none}
 #nav .inner {padding:0}
 #nav .inner:after {clear:both; display:block; content:''}
 #nav .dropdown {min-width:inherit; width:50%; width:-webkit-calc(50% + 1px); width:-moz-calc(50% + 1px)}
 #nav .dropdown:last-child a {border-right:none}
 #nav .dropdown > a {padding:0 50px 0 15px; font-size:12px; font-weight:400}
 #nav .dropdown > ul.mnuList li a {padding:10px 15px; font-size:12px}
 /* 4´Ü ÆÀ±¸¼º ¼½¼Ç */
 .wr-section.typeTeam > .inner > ul > li {margin-bottom:40px}
 .wr-section.typeTeam > .inner > ul > li .infoArea h3 {font-size:14px}
 .wr-section.typeTeam > .inner > ul > li .infoArea span {font-size:12px}
 .wr-section.typeTeam > .inner > ul > li p {display:block; font-size:12px; max-height:inherit; -webkit-line-clamp:inherit}
 /* Æз²·¢½º ¼½¼Ç */
 .wr-section.typeParallax {background-attachment:scroll !important}
 .wr-section.typeParallax .captionBox {max-width:inherit; margin:auto; padding:30px 20px}
 .wr-section.typeParallax .captionBox h2 {font-size:18px; margin-bottom:30px}
 .wr-section.typeParallax .captionBox p {font-size:13px}
 .wr-section.typeParallax .captionBox .btnArea > .btn {margin:0 !important}
 /* 4´Ü ¼ýÀÚ Ä«¿îÆ® ¼½¼Ç */
 .wr-section.typeCount > .inner > ul > li {margin:0 0 30px 0}
 .wr-section.typeCount > .inner > ul > li .num-count {font-size:28px; margin:20px 0 15px 0}
 .wr-section.typeCount > .inner > ul > li p {font-size:16px}
 /* 3´Ü ¿ÍÀÌµå ¼½¼Ç */
 .wr-section.typeFullGrid > ul > li {min-height:inherit; padding:50px 20px !important}
 .wr-section.typeFullGrid > ul > li .textCell {padding:0}
 .wr-section.typeFullGrid > ul > li .textCell h3 {font-size:18px}
 /* 3´Ü Áß¾ÓÁ¤·Ä ±×¸®µå ¼½¼Ç */
 .wr-section.typeFeature > .inner > ul > li {margin-bottom:40px}
 .wr-section.typeFeature > .inner > ul > li .tile .tile-count {font-size:24px; margin-bottom:30px}
 .wr-section.typeFeature > .inner > ul > li .tile h3 {font-size:15px}
 .wr-section.typeFeature > .inner > ul > li .tile p {color:#fff; line-height:1.75}
 .wr-section.typeFeature > .inner > ul > li .item1 {background-color:#ff5848}
 .wr-section.typeFeature > .inner > ul > li .item2 {background-color:#3b3737}
 .wr-section.typeFeature > .inner > ul > li .item3 {background-color:#00d255}
 .wr-section.typeFeature > .inner > ul > li .desc {margin-top:30px; text-align:center}
 .wr-section.typeFeature > .inner > ul > li .desc h4 {font-size:14px; font-weight:600; color:#333; letter-spacing:-1px; margin-bottom:5px}
 .wr-section.typeFeature > .inner > ul > li .desc p {font-size:13px; color:#888}
 /* 2´Ü Ä®·³ ¼½¼Ç */
 .wr-section.typeNews .gridWrapper .textArea {float:none; width:100%}
 .wr-section.typeNews .gridWrapper .textArea p {font-size:12px}
 .wr-section.typeNews .gridWrapper .imgArea {float:none; width:100%; margin-bottom:30px}
 /* »ó´Ü À̹ÌÁöŸÀÌƲ ¼½¼Ç */
 .wr-section.typeImgTitle .imgWrapper {margin-bottom:40px}
 .wr-section.typeImgTitle .imgWrapper h3 {font-size:18px}
 .wr-section.typeImgTitle .imgWrapper p {font-size:14px}
 .wr-section.typeImgTitle > .inner > ul > li {margin-bottom:40px}
 .wr-section.typeImgTitle > .inner > ul > li h4 {font-size:15px}
 .wr-section.typeImgTitle > .inner > ul > li p {font-size:12px}
 /* ±âº» 2´Ü ±×¸®µå ¼½¼Ç */
 .wr-section.typeBasicGrid2 > .inner > ul > li {margin-bottom:40px}
 .wr-section.typeBasicGrid2 > .inner > ul > li h4 {font-size:15px}
 .wr-section.typeBasicGrid2 > .inner > ul > li p {font-size:12px}
 /* 5´Ü ÇÁ·Î¼¼½º ¼½¼Ç */
 .wr-section.typeProcess > .inner > ul > li {margin-bottom:50px}
 .wr-section.typeProcess > .inner > ul > li:last-child {margin-bottom:0}
 .wr-section.typeProcess > .inner > ul > li:after {font-size:40px; color:#aaa; top:inherit; bottom:-44px; right:50%; margin-right:-12px; content:'\f107'}
 .wr-section.typeProcess > .inner > ul > li .infoArea h3 {font-size:14px; margin-bottom:5px}
 .wr-section.typeProcess > .inner > ul > li .infoArea h3:after {display:none}
 .wr-section.typeProcess > .inner > ul > li .infoArea p {font-size:12px}
 /* 2´Ü ¿ÍÀ̵å Áöµµ ¼½¼Ç */
 .wr-section > .contactArea {float:none; width:100%; max-width:inherit; padding:30px 20px}
 .wr-section > .contactArea h3 {font-size:16px; margin-bottom:30px}
 .wr-section > .contactArea .iconList li {font-size:13px}
 #mapHalf {float:none; width:100%}
 /* °¶·¯¸® ŸÀÔ */
 .gallery_inner {margin-left:0 !important; margin-right:0 !important}
 div[class^=gallery-grid] .gallery_inner > table {width:100% !important}
 .gallery_inner .hoverBox {padding:0 20px}

 /* À¥Áø(¸ÅÀå¾È³») */
 .webzine_type2 td { width:100%;display:block;}
 .webzine_type2 .webzine_type_text_td_left {padding:0px;}
 .webzine_type2 dl .webzinebtn {display:inline-block;width:100%;text-align:center;}
 /* °Ô½ÃÆÇ Àбâ */
 .tbl_brd tbody td {font-size:12px !important; padding:12px 10px}
 .tbl_brd tbody td font, .tbl_brd tbody td span, .tbl_brd tbody td a {font-size:12px !important}
 .prvThumbList table td {padding:2px !important}
 .prvThumbList > table {width:100%}
 .prvThumbList > table td table {width:33%}
 .prvThumbList img {width:100%; height:auto}
 /* °Ô½ÃÆÇ - °øÁö»çÇ× */
 .brd_notice .att_title:first-child {display:none}
 .brd_notice .att_title:nth-child(3) {display:none}
 .brd_notice .bbsno {display:none}
 .brd_notice .bbswriter {display:none}
 /* °Ô½ÃÆÇ - QNA */
 .brd_qna .att_title:first-child {display:none}
 .brd_qna .att_title:nth-child(4) {display:none}
 .brd_qna .att_title:nth-child(5) {display:none}
 .brd_qna .att_title:nth-child(6) {display:none}
 .brd_qna .bbsno {display:none}
 .brd_qna .bbsetc_dateof_write {display:none}
 .brd_qna .bbspublic_ox {display:none}
 /* °Ô½ÃÆÇ °øÅë */
 #ext_search {display:none}
 .comment_name {display:block !important; width:100% !important; padding:10px !important}
 .comment_txt[align=left], .comment_txt[align=right] {display:block !important; width:100% !important; text-align:left !important; padding:10px !important}
 /* Æû¸ÞÀÏ */
 .tbl_formmail input {font:inherit !important; font-size:12px !important}
 .tbl_formmail input[type=text], .tbl_formmail input[type=password] {font-size:12px !important}
 .tbl_formmail input[name^=phone] {width:50px !important}
 .tbl_formmail select {font-size:12px !important}
 .tbl_formmail textarea {font-size:12px !important}
}