@charset "UTF-8"; 
/*****************************************************************

		Copyright C 다온테마 All rights reserved. 
		daontheme@daum.net
		본 페이지는 유료컨텐츠 다온테마용 CSS입니다. 불법복제시 법적인 제제를 받으실 수 있습니다. 
		라이센스를 삭제하지 마세요. 라이센스 삭제시 불법 사용으로 간주될 수 있습니다.

******************************************************************/
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@font-face {
    font-family: 'JeongseonArirangRoot';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/JSArirangPPURI-RegularA1.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}
@font-face {
    font-family: 'YeogiOttaeJalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}
.nanummyeongjo {font-family: 'Nanum Myeongjo', serif;}

html{overflow-x:hidden;}
body{overflow-x:hidden;}
body,td,h1,h2,h3,h4,h5,div,p,li,ul,ol,dd,dt,section,input,textarea,select,button{margin:0; padding:0; font-size:15px; color:#333; line-height:1.6em; font-family:'Noto Sans KR', sans-serif; font-weight:400; letter-spacing:-0.02em;}
ul,ol,li{margin:0; padding:0; list-style:none;}

a, img{border:0px; vertical-align:middle;}
a{text-decoration:none;}
strong{font-weight:500;}
*, :after, :before{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.lview{}
.sview{display:none;} 
.mview{display:none;}


/* 중간기기~작은기기 모바일 상단 */
#mobile_header{width:100%; height:80px; line-height:80px; z-index:999999; display:none;}
#mobile_header .inner{top:0; left:0; z-index:50; width:100%; height:80px; line-height:60px; overflow:hidden; background:#fff; border-bottom:1px solid #ddd;}
#mobile_header h1{width:220px; padding-top:10px; text-align:center; margin:0 auto;}
#mobile_header h1 img{width:90%; overflow:hidden;}
#mobile_header .m_gnb li{list-style:none;}
#mobile_header .m_gnb li a{display:block; top:0; width:100%; text-align:center; color:transparent;}
#mobile_header .m_gnb li.category a i{float:left; position:absolute; width:20px; height:20px; line-height:20px; left:15px; top:30px; font-size:20px; color:#222;}
#mobile_header .m_gnb li.home a i{float:left; position:absolute; width:20px; height:20px; line-height:20px; right:15px; top:30px; font-size:20px; color:#222;}
#back_cover{position:absolute; display:none; left:0; top:0; width:100%; height:100%; top:0px; background:rgba(0,0,0,0.5); z-index:9999998;}
#sideMenu{display:inline; position:fixed; top:0; left:-250px; width:249px; height:100%; background-color:#fff; z-index:9999999;}
#sideMenu .side_title{height:100px; line-height:100px; background-color:#876841; color:#fff; text-align:center; font-size:1.3em; cursor:pointer;}
#sideMenu .navi_bg{width:100%;} 
#sideMenu .nav{width:100%; margin:0 auto; padding:0; padding-bottom:30px; list-style:none; box-sizing:border-box; overflow:auto; height:auto;} 
#sideMenu .nav ul{width:100%; margin:0; padding:0;}
#sideMenu .navi_set{display:inline; margin:0; padding:10px 0 10px 0; text-align:center;}
#sideMenu .navi_set > div{display:block; width:100%; height:60px; line-height:60px; border-bottom:1px solid #aaa; text-align:left; background-color:#fff; font-size:1em; color:#000; text-indent:10px; cursor:pointer;}
#sideMenu .navi_set > div > a{display:block; width:100%; height:60px; line-height:60px;}
#sideMenu .navi_set > a{display:block; width:100%; height:40px; line-height:40px; border-bottom:1px solid #aaa; text-align:left; background-color:#fff; font-size:1em; color:#000; text-indent:10px; cursor:pointer;}
#sideMenu .navi_set ul{display:none;}
#sideMenu .navi_set ul li{list-style:none; border-bottom:1px solid #eee;}
#sideMenu .navi_set ul li a{display:block; width:100%; height:40px; line-height:40px; text-align:left; font-size:1em; color:#333; cursor:pointer; text-indent:20px; background-color:#fff;}
#sideMenu .navi_set ul li a:hover{color:#fff; background-color:#aaa;}
#gnba{background:#666; text-align:center;}
#gnba a{position:relative; display:block; float:left; width:50%; height:60px; color:#fff; text-align:center; font-size:0.85em; line-height:16px; padding:0; margin:0; background:#666;}
#gnba a:nth-child(1):after{content:""; position:absolute; top:20%; left:100%; width:1px; height:30px; background:rgba(255,255,255,0.4); z-index:99;}
#gnba a i{color:#fff; font-size:1.5em; display:block; margin-top:10px; margin-bottom:5px;}
#gnba a:hover{background:#fff; color:#000;}
#gnba a:hover i{color:#000;} 
.jbmFixed{position:fixed !important; top:0; left:0;}



/* 큰기기 PC 상단 */
#header_wrap{width:100%; min-width:1200px; overflow-x:hidden;}
.wrap_box{position:relative; width:100%; max-width:1500px; margin:0 auto; background:none; transition:0.5s all ease;}
#header{z-index:100; position:fixed; top:0; left:0; width:100%; min-height:100px; background:rgba(0,0,0,0); border-bottom:0px solid #eee; transition:0.5s all ease;}
#header.header_on{z-index:10 !important; background:rgba(0,0,0,0.4);}
#header h1{position:absolute; display:block; line-height:90px; left:0; transition:all .3s ease-in-out; background:none;}
#header h1 a img{vertical-align:middle;}
.logo_bk{display:none;}
#lnb{position:relative; float:right; margin-right:100px; line-height:100px !important; background:none; transition:0.5s all ease;}
#lnb .lnb_wrap{position:relative; overflow:hidden; height:100px; min-height:100px; transition:0.5s all ease;}
#lnb .lnb_wrap > ul > li{float:left;}
#lnb .lnb_wrap > ul > li > a{display:block; width:100%; padding:0 50px; text-align:center; font-size:1.3em; font-weight:500; color:#fff; height:100px; line-height:100px;}
#lnb .lnb_wrap > ul > li > a > span{display:block; background:none; width:0px; height:2px; margin:0 auto; transition:0.5s all ease; margin-top:-5px;}
#lnb .lnb_wrap > ul > li.current > a, #lnb .lnb_wrap > ul > li.actived > a{color:#b29375; font-weight:500; border-bottom:0px; transition:0.5s all ease;}
#lnb .lnb_wrap > ul > li.current > a > span, #lnb .lnb_wrap > ul > li.actived > a > span{display:block; background:#b29375; width:100%;}
#lnb:hover .lnb_wrap{height:320px;} /*메뉴의 높이를 입력합니다.*/
#lnb .lnb_sub{margin-top:20px; text-align:center;}
#lnb .lnb_sub li a{display:block; color:#fff; padding:0; margin-bottom:10px; line-height:1.4; font-size:1em; letter-spacing:-0.5px;}
#lnb .lnb_sub li a:hover{display:block; color:#b29375; font-weight:400;}
#gnbb{position:absolute; right:0; transition:0.5s all ease;}
#gnbb > ul > li{float:left; margin:0 3px;}
#gnbb > ul > li > a{color:#fff; text-align:center; font-size:0.85em; line-height:100px; padding:5px 5px; background:none;}
#gnbb > ul > li > a:hover{background:none; color:#b29375;}

.jbFixed{min-height:auto;}
#header.jbFixed.header_on{z-index:100 !important;}
.jbFixed .header_in{position:fixed; width:100%; background:rgba(255,255,255,1); border-bottom:1px solid #ddd;}
.jbFixed #lnb .lnb_wrap > ul > li > a{color:#000;}
.jbFixed #lnb .lnb_sub li a{color:#000;}
.jbFixed #lnb .lnb_sub li a:hover{color:#b29375;}
.jbFixed .logo_bk{display:block;}
.jbFixed .logo_wh{display:none;}
.jbFixed #gnbb > ul > li > a{color:#000;}


/* 인덱스 */
#container{position:relative; width:100%; margin:0; padding:0; z-index:1; background:#fff;}


#main_visual{clear:both; position:relative; text-align:center; width:100%; padding:0; margin:0 auto; overflow:hidden;}
#main_visual:after{content:""; display:block; clear:both;}
#main_visual .swiper-slide{width:100%; height:auto; padding:0; background-color:#000; overflow:hidden;}
#main_visual .swiper-slide div.backgroundimg{width:100%; height:100%; z-index:1;}
#main_visual .swiper-slide .backgroundimg .mobile_only{display:none;}
#main_visual .swiper-slide .backgroundimg img{width:100%; height:auto;}
#main_visual .sliderkit-text{width:100%; height:200px; position:absolute; top:50%; margin-top:-100px; left:50%; margin-left:-50%; text-align:center; z-index:2;}
#main_visual .sliderkit-text div.lviewa{opacity:0; font-size:5.0em; color:#fff; line-height:1.4em;font-family:JeongseonArirangRoot; font-weight:500; padding-bottom:25px;}
#main_visual .sliderkit-text div.sviewa{opacity:0; font-size:1.5em; color:#fff; line-height:1.4em; font-family:nanum myeongjo;padding-bottom:15px;}
#main_visual .sliderkit-text div{opacity:0;}
#main_visual .sliderkit-text div span{display:inline-block; padding:0px; margin:10px auto; background:none;}
#main_visual .sliderkit-text div span h2{font-size:1.3em; color:#fff; letter-spacing:0.05em;}
#main_visual .swiper-button-prev, #main_visual .swiper-container-rtl .swiper-button-next{left:60px; top:50%; margin-top:-25px; display:block; background:url("../image/visual_prev_on.png") center left no-repeat; opacity :0.7; width:50px; height:50px; color:rgba(255,255,255,0); transition:0.5s all ease;}
#main_visual .swiper-button-next, #main_visual .swiper-container-rtl .swiper-button-prev{right:60px; top:50%; margin-top:-25px; display:block; background:url("../image/visual_next_on.png") center right no-repeat; opacity :0.7; width:50px; height:50px; color:rgba(255,255,255,0); transition:0.5s all ease;}
#main_visual .swiper-button-prev:hover, #main_visual .swiper-container-rtl .swiper-button-next:hover{opacity :1;}
#main_visual .swiper-button-next:hover, #main_visual .swiper-container-rtl .swiper-button-prev:hover{opacity :1;}
#main_visual .swiper-pagination-bullet-active{background:#493728;}
#main_visual .swiper-pagination-bullets{bottom:50px;}


#m_bnr{width:100%; margin:50px auto;}
#m_bnr:after{content:""; display:block; clear:both;}
#m_bnr .inner{width:100%; max-width:1500px; margin:0 auto;}
#m_bnr .con_box{width:100%;}
#m_bnr .con_box:after{content:""; display:block; clear:both;}
#m_bnr .con_box ul{width:100%;}
#m_bnr .con_box ul li{float:left; display:inline-block; width:25%; position:relative;}
#m_bnr .con_box ul li:after{content:""; width:1px; height:14%; position:absolute; right:0; top:43%; background:#ddd;}
#m_bnr .con_box ul li:last-child:after{display:none;}
#m_bnr .con_box ul li a{z-index:1; position:relative; width:100%; text-align:center; display:block; padding:50px 30px;}
#m_bnr .con_box ul li .icon{width:100%;}
#m_bnr .con_box ul li .icon i{font-size:3em; color:#000; transition:0.3s all ease;}
#m_bnr .con_box ul li dl{width:100%;}
#m_bnr .con_box ul li dl dt{display:block; font-family:YeogiOttaeJalnan;margin-top:20px; font-size:1.5em; color:#000; font-weight:600;}
#m_bnr .con_box ul li dl dd{display:block; font-family:Paperozi;margin-top:20px; font-size:1.1em; color:#555; line-height:1.4em;}
#m_bnr .con_box ul li:hover{transition:0.5s all ease;}
#m_bnr .con_box ul li:hover .icon i{color:#70543D; font-size:5em; margin-top:-30px; transform:rotateY(180deg);}
#m_bnr .con_box ul li:hover dl dt{color:#493728;}


#about_wrap{width: 100%; margin-top: 0px; overflow: hidden; background: linear-gradient(   to bottom,   #fff 0,   #fff 20%,   #E6C0B3 10%,   #E6C0B3 100% ); padding-bottom: 60px; border-bottom-right-radius: 200px;}
#about_wrap:after{content:""; display:block; clear:both;}
#about_wrap .inner{width:100%; max-width:1500px; margin:0 auto;}
#about_wrap .con_title{text-align:center; padding:0 10px; margin-bottom:50px;}
#about_wrap .con_title h3{display:block; font-size:2.8em; color:#000; font-weight:700; line-height:1.4em;}
#about_wrap .con_title p{display:block; margin-top:10px; font-size:1.15em; color:#333; line-height:1.4em;}
#about_wrap .con_box{width:100%;}
#about_wrap .con_box ul{width:100%; margin:0; padding:0; overflow:hidden;}
#about_wrap .con_box ul li{position:relative; display:block; float:left; width:24%; margin:0 0.5%; padding:0; overflow:hidden; border-radius:30px;}
/*#about_wrap .con_box ul li:last-child{margin-right:0; border-right:1px solid rgba(255,255,255,0);}*/
#about_wrap .con_box ul li a{display:block; height:360px;}
#about_wrap .con_box ul li .imgs{width:100%; height:100%;}
#about_wrap .con_box ul li .imgs img{width:100%; height:100%; transition:all 0.5s;}
#about_wrap .con_box ul li:hover .imgs img{transform:scale(1.1); transition:all 0.5s;}
#about_wrap .con_box ul li .tit{position:absolute; left:0; bottom:0; text-align:center; display:table; width:100%; height:60px; padding:0; background:rgba(0,0,0,0.5); backdrop-filter:blur(5px); transition:0.5s all ease;border-bottom-right-radius:30px;border-bottom-left-radius:30px;}
#about_wrap .con_box ul li .tit p{color:#fff; font-size:1.3em; font-family:YeogiOttaeJalnan;font-weight:400;line-height:1.4em; transition:0.5s all ease; height:60px; line-height:60px; transition:0.5s all ease;}
#about_wrap .con_box ul li .tit p span.txt{width:80%; margin:0 auto; display:block; height:0; opacity:0; transition:0.5s all ease; font-size:0.8em; font-family:Paperozi;line-height:25px; color:rgba(255,255,255,0.9); word-break:break-word; transition:0.5s all ease;}
#about_wrap .con_box ul li:hover .tit{height:100%; transition:0.5s all ease;border-top-right-radius:30px;border-top-left-radius:30px;}
#about_wrap .con_box ul li:hover .tit p{display:table-cell; vertical-align:middle;}
#about_wrap .con_box ul li:hover .tit p span.txt{opacity:1;}
#about_wrap .con_box ul li:hover .tit p span.more{padding:0 5px; padding-bottom:3px; color:#fff; border-radius:5px; font-size:0.8em;}

#about_wrap .con_txt {width:100%; padding:50px 50px; padding-bottom:0; color:#fff;}
#about_wrap .con_txt div{display:block; font-family:YeogiOttaeJalnan;font-size:2.0em; color:#333; font-weight:700; line-height:1.4em; margin:30px 0;}
#about_wrap .con_txt p{clear:both; display:block; color:#333; font-family:Paperozi;font-size:1.1em; letter-spacing:0.05em; padding:0; overflow:hidden;margin-bottom:15px;}
#about_wrap .con_txt p span.num{display:block; float:left; width:35px; height:35px; line-height:34px; color:#FFF; background:#E66953; border-radius:100%; text-align:center; font-size:1.1em; font-weight:600; margin-right:10px;}
#about_wrap .con_txt p span.txt{display:block; float:left; padding-left:10px; width:calc(100% - 50px);letter-spacing:-0.01em;line-height:2.0em;}






.con_txt_wrap{ width:100%; display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:40px;}

/* 왼쪽 텍스트 영역 */
.con_txt{ width:70%;}
.con_txt h1{ font-size:2em; margin-bottom:20px;}



/* 오른쪽 버튼 영역 */
.con_btn{width:30%; text-align:right; padding-top:100px;}
.btn_history{ width:170px; height:170px;display: flex;   flex-direction: column;   justify-content: center; padding:15px 25px; font-family:Paperozi;font-size:1.1em;background:#E66953; color:#fff; text-align:center;border-radius:100%; text-decoration:none; transition:0.3s;}
.btn_history:hover{ background:#8e5e4f;}
.btn_history .icon { height: 35px; background: url('../image/bt_img.png') no-repeat center; background-size: contain; display: block; margin-bottom: 10px;}



#pro_wrap{width:100%; margin-top:150px;}
#pro_wrap:after{content:""; display:block; clear:both;}
#pro_area{width:100%; max-width:1500px; margin:0 auto;}
#pro_area .con_title{width:100%; margin-bottom:40px; text-align:center;}
#pro_area .con_title h3{font-size:2.85em; color:#000; font-weight:700; line-height:1.2em;} 
#pro_tab{position:relative; width:100%; max-width:1500px; text-align:center; margin:25px auto 0;}
#pro_tab:after{content:""; display:block; clear:both;}
#pro_tab .tab{width:100%;}
#pro_tab .tab:after{content:""; display:block; clear:both;}
#pro_tab .tab li{display:inline-block; box-sizing:border-box;}
#pro_tab .tab li a{display:block; text-align:center; box-sizing:border-box; font-size:1.25em; color:#333; padding:5px 20px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#pro_tab .tab li.on a{background:#70543D; color:#fff;}
#pro_tab > div{display:none; padding:0;}
#pro_tab .active{display:block; margin-top:0px; padding:0px;}
#pro_tab .pro_list{z-index:0; width:100%; max-width:1500px; margin:50px auto 0; overflow:hidden;}
#pro_tab .pro_list:after{content:""; display:block; clear:both;}
#pro_tab .pro_list > ul{width:100%; font-size:0; list-style:none; margin-bottom:0px; padding:0; overflow:hidden;}
#pro_tab .pro_list > ul > li{position:relative; display:inline-block; width:23%; margin-left:1%; margin-right:1%; padding-bottom:30px; text-align:center; background:#fff;}
#pro_tab .pro_list > ul > li > a{display:block; width:100%;} 
#pro_tab .pro_list > ul > li > a > div > img{width:100%; box-sizing:border-box; cursor:pointer;}
#pro_tab .pro_list > ul > li > a > p{display:block; height:30px; width:100%; margin-top:20px; padding:0; font-size:1.3em; font-weight:500; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#pro_tab .pro_list > ul > li > a > div.text{display:none; width:100%; height:30px; margin-top:10px; padding:0 20px; font-size:1.15em; color:#555; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#pro_tab .pro_list > ul > li > a .btn_view2{position:absolute; bottom:0; right:0; z-index:100; width:40px; height:40px; text-align:center; background:#555 url('../image/btn_view.png') no-repeat 50% 50%;}
#pro_tab .pro_list > ul > li > a:hover .btn_view2{background-color:#2d53a2;}
#pro_tab .pro_zoom{position:relative; top:0; width:100%; height:100%; margin:0; overflow:hidden;}
#pro_tab .pro_zoom img{width:100%; transition:transform 1s; -webkit-transform 1s;}
#pro_tab .pro_list > ul > li > a > p > span.new_icon{position:absolute; top:0px; right:0; display:inline-block; width:60px; height:25px; line-height:23px; font-size:0.6em !important; color:#fff; background:rgba(0,0,0,0.5); text-align:center; border-radius:2px; font-weight:normal;}
#pro_tab .pro_list > ul > li > a > p > span.hot_icon{display:inline-block; line-height:1em; color:#C53629; background:none; padding:1px 5px 1px 3px; font-size:0.7em !important;}



#rolling_box2_all{position:relative; width:100%; padding:110px 0; margin-top:150px; padding-bottom:100px; background:#EEEEEE; border-top-left-radius:200px;}
#rolling_box2_all:after{content:""; display:block; clear:both;}
#rolling_box2_all .inner{position:relative; width:100%; max-width:1500px; margin:0 auto;}
#rolling_box2_all .inner:after{content:""; display:block; clear:both;}
#rolling_box2_all .inner .swiper-btn-wrap{position:absolute; bottom:0; width:100%;}
#rolling_box2_all .inner .swiper-btn-wrap .swiper-scrollbar-wrap2{z-index:0; position:absolute; top:-100px; width:100%; height:50px; text-align:center; margin:0 auto;}
#rolling_box2_all .inner .swiper-btn-wrap .swiper-scrollbar-wrap2 .swiper-button-prev2{position:absolute; top:auto; bottom:0px; width:50px; background:url("../image/rolling_btn_prev.png") no-repeat 50% 50%; background-color:#FFF; height:50px; border-radius:50px; left:0; right:auto; cursor:pointer;}
#rolling_box2_all .inner .swiper-btn-wrap .swiper-scrollbar-wrap2 .swiper-button-next2{position:absolute; top:auto; bottom:0px; width:50px; background:url("../image/rolling_btn_next.png") no-repeat 50% 50%; background-color:#FFF; height:50px; border-radius:50px; left:50px; right:auto; cursor:pointer;}
#rolling_box2_all .inner .swiper-btn-wrap .swiper-scrollbar-wrap2 .swiper-button-next2.swiper-button-disabled{opacity:0.4; background:url("../image/rolling_btn_next.png") no-repeat 50% 50%; background-color:#FFF; height:50px; border-radius:50px;}
#rolling_box2_all .inner .swiper-btn-wrap .swiper-scrollbar-wrap2 .swiper-button-prev2.swiper-button-disabled{opacity:0.4; background:url("../image/rolling_btn_prev.png") no-repeat 50% 50%; background-color:#FFF; height:50px; border-radius:50px;}
#rolling_box2_all .inner .swiper-pagination2{display:none;}
#rolling_box2_all .con_left{float:left; width:310px; height:100%; padding-top:40px;}
#rolling_box2_all .con_left:after{content:""; display:block; clear:both;}
#rolling_box2_all .con_left .con_title{width:100%;}
#rolling_box2_all .con_left .con_title h3{font-size:2.5em; font-family:YeogiOttaeJalnan; color:#333; font-weight:600; line-height:1.2em;} 
#rolling_box2_all .con_left .con_title p{font-size:1.25em; font-family:Paperozi;color:#333; margin-top:15px;}
#rolling_box2_all .con_right{float:right; width:1190px;}
#rolling_box2_all .con_right:after{content:""; display:block; clear:both;}
#rolling_box2{width:100%; max-width:1500px; margin:0 auto;}
#rolling_box2:after{content:""; display:block; clear:both;}
#rolling_box2 .swiper-wrapper{z-index:1; position:relative; width:100%; height:100%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; -o-transition-property:transform; transition-property:transform; transition-property:transform,-webkit-transform; -webkit-box-sizing:content-box; box-sizing:content-box}
#rolling_box2 .swiper-container2{width:100%; height:auto; overflow:hidden;}
#rolling_box2 .swiper-container2 .swiper-slide{position:relative; width:100%; padding:0; margin:0; box-sizing:border-box; overflow:hidden;}
#rolling_box2 .swiper-container2 .swiper-slide a{width:100%; height:100%; display:block; overflow:hidden;}
#rolling_box2 .swiper-container2 .swiper-slide .imgs{width:100%; overflow:hidden;}
#rolling_box2 .swiper-container2 .swiper-slide .imgs img{width:100%; transition:all 0.5s;}
#rolling_box2 .swiper-container2 .swiper-slide:hover .imgs img{transform:scale(1.1); transition:all 0.5s;}
#rolling_box2 .swiper-container2 .swiper-slide .txtBox{width:100%; height:170px; padding:25px 25px; text-align:left; background:#f2f2f2;}
#rolling_box2 .swiper-container2 .swiper-slide .txtBox .tit{display:block; width:100%; font-size:1.3em; color:#000; line-height:1.4em; font-weight:500; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#rolling_box2 .swiper-container2 .swiper-slide .txtBox .tit span.new_icon{position:absolute; top:0px; right:0; display:inline-block; width:60px; height:25px; line-height:23px; font-size:0.6em !important; color:#fff; background:rgba(0,0,0,0.5); text-align:center; border-radius:2px; font-weight:normal;}
#rolling_box2 .swiper-container2 .swiper-slide .txtBox .txt{display:block; margin-top:15px; font-size:1.05em; color:#555; line-height:1.5em; text-overflow:ellipsis; word-break:keep-all; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
#rolling_box2 .swiper-container2 .swiper-slide:hover .txtBox .tit{color:#493728;}


#comm_wrap{width:100%; margin:150px 0;}
#comm_wrap:after{content:""; display:block; clear:both;}
#comm_wrap .inner{width:100%; max-width:1500px; margin:0 auto;}
#comm_wrap .comm_area{width:100%;}
#comm_wrap .comm_area:after{content:""; display:block; clear:both;}
#comm_wrap .comm_area .dleft{position:relative; float:left; width:500px; height:500px; text-align:center; background:url('../image/comm_tel.jpg') no-repeat top center; background-size:cover; transition:0.5s all ease;border-radius:30px;}
#comm_wrap .comm_area .dleft .txts{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%;}
#comm_wrap .comm_area .dleft .txts h4{font-size:2em; color:#fff; font-family:YeogiOttaeJalnan;border-radius:100%;}
#comm_wrap .comm_area .dleft .txts h4 i{color:#fff;}
#comm_wrap .comm_area .dleft .txts p.cs_tel{margin-bottom:10px; font-size:3em;font-family:YeogiOttaeJalnan; font-weight:600; color:#fff;}
#comm_wrap .comm_area .dleft .txts dl dt{display:inline-block; margin-right:10px; color:#fff;}
#comm_wrap .comm_area .dleft .txts dl dd{display:inline-block; color:#fff; letter-spacing:0.3em;}
#comm_wrap .comm_area .dleft .txts span{display:block; margin-top:10px; color:#fff;}
#comm_wrap .comm_area .dcenter{float:left; width:460px; background:#fff; padding-top:30px; margin:0 60px; margin-left:0; }
#comm_wrap .comm_area .dright{float:right; width:460px;  overflow:hidden;}
#comm_wrap .comm_area .dright ul{width:100%; padding:0; margin:0;}
#comm_wrap .comm_area .dright ul li{float:left; display:table; text-align:center; position:relative; width:100%; height:240px; padding:0; margin:0;}
#comm_wrap .comm_area .dright ul li:last-child{margin-bottom:0;}
#comm_wrap .comm_area .dright ul li a{display:table-cell; vertical-align:middle; padding:0 15px; width:100%; height:100%;}
#comm_wrap .comm_area .dright ul li img{max-width:100%;}
#comm_wrap .comm_area .dright ul li i{font-size:3em; color:#fff; margin-bottom:10px;}
#comm_wrap .comm_area .dright ul li h4{margin:30px 0 10px 0; color:#fff; font-size:1.3em; font-family:YeogiOttaeJalnan;font-weight:500;letter-spacing:0.05em;}
#comm_wrap .comm_area .dright ul li p{color:rgba(255,255,255,.6); font-size:0.95em; font-weight:500; line-height:1.4em;}
#comm_wrap .comm_area .dright ul li.youtube_box{display:table-cell;vertical-align:top; text-align:left; padding-bottom:28.125%; overflow:hidden; background:#000; padding:0; margin-bottom:20px;border-radius:30px;}
#comm_wrap .comm_area .dright ul li.youtube_box.youtube_box iframe{position:absolute; top:0; left:0; width:100%;}
#comm_wrap .comm_area .dright ul li.icon1{width:48%; margin-right:3%; background:#805648;border-radius:30px;}
#comm_wrap .comm_area .dright ul li.icon2{width:48%; background:#E66953;border-radius:30px;}
#comm_wrap .comm_area .dright ul li:hover{background:#646f7c; transition:0.5s all ease;}
#comm_wrap .notice_area{position:relative; width:100%;}
#comm_wrap .notice_area .more{position:absolute; top:0; right:0;}
#comm_wrap .notice_area .tab{height:40px;}
#comm_wrap .notice_area .tab li.tab_tit{float:left; padding-bottom:10px; font-family:YeogiOttaeJalnan;color:#777; border-bottom:1px solid #000;line-height:2.0em;}
#comm_wrap .notice_area .tab li a{display:block; max-width:100%; font-size:1.85em; font-weight:600; text-align:left; color:#000; box-sizing:border-box;}
#comm_wrap .notice_area .simple_lat{margin-bottom:40px;}
#comm_wrap .notice_area:last-child .simple_lat{margin-bottom:0;}
#comm_wrap .notice_area .simple_lat li{padding-left:0;}
#comm_wrap .notice_area .active{display:block; margin-top:15px;}
#comm_wrap .notice_area ul li{position:relative; top:0; line-height:1.6em; text-align:left; margin-top:5px;}
#comm_wrap .notice_area ul li a{display:inline-block; max-width:70%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#comm_wrap .notice_area ul li span.date{position:absolute; right:0; text-align:right; line-height:1.6em; font-size:1em; color:#777;}
#comm_wrap .notice_area div li a{display:inline-block; margin-right:0px; font-size:1.05em; color:#222;}
#comm_wrap .notice_area > div{display:none; padding:0;}
#comm_wrap .notice_area div li a:hover{color:#493728;}


#online_wrap { width:100%; height:360px; text-align: center; background:url('../image/online_back.jpg')no-repeat center; background-size: cover; display: flex; align-items: center; justify-content: center;  background-attachment: fixed; }
#online_wrap:after{content:""; display:block; clear:both;}
#online_wrap .online_area { width: 100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; max-width: 1440px;}
#online_wrap .online_title { display:block; font-size:1.8em; font-family:YeogiOttaeJalnan; color: #fff; line-height:1.4em; letter-spacing: -0.03em;}
#online_wrap .online_title span{ display:block; font-size:0.6em; font-family:Paperozi;color: #fff; padding:20px 0;line-height:1.4em; letter-spacing: 0em;}
#online_wrap a.btn_online{display:inline-block; margin-top:30px; text-align:center; width:300px; height:50px; line-height:45px; font-size:1.1em; color:#fff; background-color:transparent; border:1px solid rgba(255,255,255,0.6); border-radius:0px; transition:0.3s all ease;}
#online_wrap a.btn_online:hover{color:#fff; background:#70543D; border:1px solid #70543D; transition:0.3s all ease;}


/* 하단 */
#footer{clear:both; width:100%; margin:0; padding:50px 0; background:#403736;}
#footer:after{content:""; display:block; clear:both;}
#footer .copy_bar{width:100%;}
#footer .copy_bar div{width:100%; max-width:1500px; text-align:center; margin:0 auto;}
#footer .copy_bar div .copy_menu{font-size:1em;}
#footer .copy_bar div .copy_menu a{color:#fff;}
#footer .copy_bar div .copy_menu a:hover{color:#E6C0B3;}
#footer .copy_area{position:relative; width:100%; max-width:1500px; margin:0 auto; padding-top:20px;}
#footer .copyright{float:left; width:100%; text-align:center; padding:0;}
#footer .copyright p{width:100%; padding-top:10px; font-size:1em;}
#footer .copyright p span{display:inline-block; color:rgba(255,255,255,0.7); margin-right:15px;}
#footer .copyright p span:nth-child(5){display:block;}
#footer .copyright p span.pc_br{padding:0; margin:0; display:inline-block;}
.copy_sns { float:left; width:100%; padding-top:20px;}
.copy_sns:after{ content:""; display:block; clear:both;}
.copy_sns ul { float:left; width:100%; font-size:0; }
.copy_sns ul li { display:inline-block; margin-left:5px;  }
.copy_sns ul li:first-child {margin-left:0;}
.copy_sns ul li a {float:left; display:inline-block; font-size:1em; color:#fff; width:35px; height:35px; line-height:35px; text-align:center;  background:#555; border-radius:5px; transition: all .3s ease-in-out;}
.copy_sns ul li.blog a:hover { background: #47a944; }
.copy_sns ul li.kakao a:hover { background: #ffd23b; }
.copy_sns ul li.facebook a:hover { background: #395796;  }
.copy_sns ul li.instagram a:hover { background: #c13584; }


/* PC용 퀵메뉴 */
#backtotop{position:fixed; bottom:35%; right:10px; z-index :1000; display:none;}
.q-menu nav div{width:50px; height:50px; line-height:45px; font-size:1.5em; text-align:center; background:rgba(0,0,0,0.5); margin:10px 0; border-radius:100px; transition:0.5s all ease;}
.q-menu nav div:hover{background:#493728;}
.q-menu nav div i{display:inline-block; vertical-align:top; text-align:center; width:100%; height:30px; line-height:30px; font-size:0.85em;}
.q-menu nav div a{display:inline-block; position:relative; width:30px; height:30px; text-align:center; color:#fff; text-decoration:none;}
.q-menu nav div a span{font-size:0.6em; display:inline-block; position:absolute; top:15%; right:70px; opacity:0; white-space:nowrap; padding:5px 8px; border-radius:3px 3px; background:#493728; color:#fff; margin-top:-2px; line-height:1em; transition:all 300ms;}
.q-menu nav a span:before{content:''; display:block; position:absolute; right:-10px; top:50%; margin-top:-5px; border:5px solid transparent; border-left-color:#493728;}
.q-menu nav a:after{position:absolute; content:''; display:inline-block; width:30px; height:30px; margin-left:-5px; margin-top:-10px; top:50%; left:50%;}
.q-menu nav a:hover{opacity:1;}
.q-menu nav a:hover span{right:50px; opacity:1;}
.q-menu nav a.active{color:#333; opacity:1;}



/* 서브 */
#sub_visual{width:100%; height:320px; text-align:center; background:#e8e9eb;}
#sub_visual .backgroundimg{position:relative; width:100%; text-align:center; margin:0 auto; height:100%; z-index:0;}
#sub_visual .visual_area{width:100%; height:100%; margin:0 auto; background-size:cover !important;}


#sub_wrapper{width:100%; margin:0 auto;}
#sub_wrapper:after{content:""; display:block; clear:both;}
#sub_menu{display:block; width:100%; margin:0 auto; background:#fff; border-bottom:1px solid #ddd; display:none;} 
#sub_menu .sub_tab{width:100%; max-width:1500px; text-align:left; margin:0 auto;}


.sub_location{width:100%; max-width:1500px; height:60px; font-size:0; background:#fff; margin:0 auto;}
.sub_location > div{font-size:0;}
.sub_location > div .cen{float:left; width:60px; height:60px; line-height:60px; text-align:center; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.sub_location > div .cen i{color:#000; font-size:1.2em;}
.sub_location ul{width:100%; max-width:1500px; padding:0; margin:0; display:inline-block; width:239px; border-right:1px solid #ddd; vertical-align:top; box-sizing:border-box;}
.sub_location ul:first-child{border-left:1px solid #ddd;}
.sub_location ul li{position:relative; width:100%;}
.sub_location ul li span{display:block; padding:0 15px; line-height:60px; font-size:1.2em; color:#000; background:url('../image/icnLocaArr.png') 95% center no-repeat; cursor:pointer;}
.sub_location ul.on li span{background:url('../image/icnLocaArr1.png') 95% center no-repeat;}
.sub_location ul li a{width:100%; display:block; padding:8px 15px; color:#000;}
.sub_location ul li a:hover{color:#fff; background:#6B503A; box-sizing:border-box;}
.sub_location ul ul{display:none; position:absolute; top:60px; left:-1px; padding:0px 0; background:#fff; border:1px solid #ddd; border-top:none; z-index:999998; width:calc(100% + 2px) !important;}
.sub_location ul.on li ul{display:block;}
.sub_location ul.dep2 ul{width:240px;}


#sub_tit{position:absolute; width:100%; max-width:1500px; margin:0 auto; top:150px; left:50%; margin-left:-750px; border:0px;}
#sub_tit .path{position:absolute; left: 50%; transform: translateX(-50%); top:80px;}
#sub_tit .path li{float:left; text-align:center; font-size:0.9em; padding:0 12px 0 12px; margin:0; color:#fff; background:url('../image/ico_path.png') no-repeat left center;}
#sub_tit .path li a span.ic-home{padding:0; cursor:pointer;}
#sub_tit .path li a span.ic-home i{background:url('../image/icon_home_over.png') no-repeat left top; display:inline-block; width:11px; height:12px;}
#sub_tit .path li:first-child{background:none;}
#sub_tit .path li:last-child{color:#fff;}
#sub_tit .title{position:relative; font-size:3em; color:#fff; font-weight:500; text-align:center; text-transform:uppercase;}
#sub_tit .normal_txt{display:none; margin:0; font-size:1.2em; color:#fff; text-transform:uppercase; text-align:center; line-height:1.6; word-break:keep-all;}
#sub_tit .normal_txt .color1{color:#493728;}


.scontents{width:100%; max-width:1500px; height:100%; margin:0 auto; padding:50px 0 100px 0; transform:unset !important;}
.scontents:after{content:""; display:block; clear:both;}
.scontents .bg_vline{display:block; width:1px; height:30px; margin:0 auto; display:none;}
.scontents .eng{display:block; text-align:left; font-size:2.5em; font-weight:500; margin:0;}
.scontents .eng em{color:#493728; font-style:normal;}
.scontents .stitle{display:block; font-size:1.2em; line-height:1.5em; text-align:left; color:#333; margin:10px 0 50px 0;}


.sub_left{float:left; width:250px; position:relative; z-index:99; margin-top:0px;}
.sub_right{float:right; width:1200px; overflow:hidden;padding-top:30px;}
.sub_left h2{width:95%; display:block; background-color:#876841; height:120px; line-height:40px; color:#fff; font-size:2em; font-weight:700px; text-align:center; border-top-left-radius:50px;border-top-right-radius:50px;}
.sub_left h2 span{display:block;font-size:0.5em; padding-top:15px;font-weight:700px; text-align:center; } 
.sub_left ul{width:95%; position:relative; overflow:hidden;border:1px solid #eee;}
.sub_left > ul > li{width:100%; transition:0.5s all ease;}
.sub_left > ul > li > a{display:block; width:100%; padding:0 20px; font-size:1em; font-weight:400; color:#000; height:50px; line-height:50px; border-bottom:1px solid #ddd; transition:0.5s all ease;}
.sub_left > ul > li:hover > a{background-color:#EEEEEE; padding-left:15px;} 
.sub_left > ul > li.on > a{background-color:#EEEEEE; padding-left:15px;} 
.sub_left .left_cs{position:relative; width:95%; height:240px; text-align:center; background:#fff; margin-top:30px; border:2px solid #ddd; box-sizing:border-box; border-bottom-right-radius:50px;}
.sub_left .left_cs a{display:block; height:100%;}
.sub_left .left_cs .hover_area em{display:block; color:#000; font-size:0.85em; padding-top:30px; text-align:center; letter-spacing:0.3em; font-style:normal; opacity:0.7;}
.sub_left .left_cs .hover_area i{display:none; position:absolute; top:10%; left:50%; text-align:center; transform:translate(-50%,0); margin-left:0px; color:#fff; font-size:2em; opacity:1;}
.sub_left .left_cs .hover_area strong{display:block; color:#000; font-size:1.8em; font-weight:400; padding:25px 0;line-height:1.3;}
.sub_left .left_cs .hover_area p{color:#000; font-size:1em; font-weight:300;}
.sub_left .left_cs .hover_area span.btn_view{display:inline-block; width:30px; height:30px; line-height:30px; margin-top:30px; background:url('../image/btn_view.png') no-repeat 50% 50%; transition:0.5s all ease;}
.sub_left .left_cs .hover_area:hover span.btn_view{-ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg);}


.tbl{width:100%; border-top:1px solid #333; border-collapse:collapse;}
.tbl th{width:30%; background-color:#f2f2f2; border-bottom:1px solid #ccc; padding:5px 0; font-size:0.9em; font-weight:normal; color:#000; text-align:center;}
.tbl td{width:70%; border-bottom:1px solid #ccc; padding:5px 0; text-indent:10px; font-size:0.9em;}


.tba{width:100%; border-top:1px solid #333; border-collapse:collapse; background-color:#fff;}
.tba th{width:35%; background-color:#f2f2f2; border-bottom:1px solid #ccc; padding:6px 0; font-size:0.9em; font-weight:normal; color:#000; text-align:center;}
.tba td{width:65%; border-bottom:1px solid #ccc; padding:6px 0; text-indent:10px; font-size:0.9em;}


.policy_box{border:1px solid #ddd; padding:10px; height:160px; overflow:auto;}

/*안동포란*/
.about_andongpo {width:100%; margin:50px 0;}
.about_andongpo .img_zone { margin:20px 0;}
.about_andongpo .img_zone img {width:100%;}
.about_andongpo p {font-size:1.1em; padding:15px 0;}
.about_andongpo .txt1 {font-size:20px;color:#C73D00; font-weight:600;}
.about_andongpo .txt2 {font-size:25px;color:#C73D00; font-weight:600;font-family:Cafe24Oneprettynight;}
.about_andongpo .txt3 {font-size:30px; font-family:nanummyeongjo; color:#C73D00;font-weight:600;}
.about_andongpo p .t_right { text-align:right; display:block; padding-right:10px;}

/*민요와 설화*/
.song { display:inline-block;width:100%; background-color:#F2F2F2; padding:20px 40px !important;font-size:16px !important; text-align:center; margin:10px 0; font-weight:600;}

.box {display:inline-block;width:100%; background-color:#F2F2F2; padding:20px 40px !important;font-size:18px !important; margin:10px 0 30px 0;}
.box strong { display:inline-block;font-weight:600; }


/*복제방지*/
.company2-2 {width:100%; margin-top:50px;}
.company2-2 .con_arrow {font-size:1.6em; font-weight:700; line-height:30px;  color: #000; margin:50px 0 20px 0;}
.company2-2 .con_arrow:before { content: ""; width:16px; height:16px; display:inline-block; border:5px #59647A solid; box-sizing:border-box; border-radius:14px; background:#fff; margin-right:10px;}
.company2-2 .con_arrow:first-child { margin:0 0 20px 0;}
.company2-2 table.tbl_type1{width:100%; border-collapse:separate; border-spacing:0; border-top:2px solid #002b5c;}
.company2-2 table.tbl_type1 th{ color:#333; text-align:center; font-weight:700; padding:15px 15px; border-bottom:1px solid #eee; border-right:1px solid #eee; background:#f8f8f8;}
.company2-2 table.tbl_type1 td{ text-align:left; padding:15px 15px; border-bottom:1px solid #eee;}
.company2-2 .txt1 {font-size:20px;color:#C73D00; font-weight:600;}
.company2-2 p {font-size:18px; padding:15px 0;}


.original_mark { display:inline-block; width:100%; text-align:center;margin:20px 0; padding:0; list-style:none; }
.original_mark li { float:left;width:42%; margin:0;}

.box1 { width:100%; background-color:#F2F2F2; padding:50px; display:inline-block; margin:30px 0; border:1px dashed #818181; font-size:18px;}
.box1 img {float:left; margin-right:30px;}
.box1 ul {width:60%;  float:right; padding:0 15px 20px 0; margin:0 0 20px 0; list-style:none;border-bottom:1px dashed #818181; }
.box1 ul li {font-size:18px;background: url(/theme/iwootec/html/village/image/bl_black.gif) no-repeat 10px 22px;padding: 10px 0 10px 25px}
.box1 p {float:right; width:60%;}


/*서브 페이지 공통스타일*/
.stt {clear:both;overflow:hidden;width:100%;padding:0; margin-bottom:0;}
.stt .img_zone_left { float:left; margin-right:40px; margin-bottom:0px;}
.stt dt {float:left; width:100%;padding:0 0 0 30px;margin:20px 0 10px 0;font-size:20px;font-weight:600;color:#000;background:url(/theme/iwootec/html/image/bulet.gif) no-repeat 0 5px; text-align:left;}
.stt dd {float:left; width:100%;padding:20px;margin:0 0 20px 0;font-size:1.1em;border:1px solid #DFE3E6;border-radius:20px;}
.stt dd ul {padding:10px 20px;margin:0;list-style:none;}
.stt dd ul li{ padding:10px 0 10px 15px;margin:0; background:url(/theme/iwootec/html/image/s_bulet.gif) no-repeat 0 24px; line-height:1.8; letter-spacing:-0.5px; font-size:1.1em;}
.stt dd ul li.point{ font-size:18px; font-weight:500; color:#CA214D; font-family:'GmarketSansMedium' !important;}
.stt dd p {padding:10px 0;margin:0;font-size:1.0em;}
.stt dd .point {font-weight:600; color:#C73D00;}


.stt_1 {float:left; width:100%; margin:0 0 40px 0;padding:0 0 0 0; }
.stt_1 dt {float:left; width:15%;padding:0 0 0 30px;margin:20px 0 10px 0;font-size:20px;font-weight:600;color:#000;background:url(/theme/iwootec/html/image/bulet.gif) no-repeat 0 5px; text-align:left;}
.stt_1 dd {float:right; width:82%;padding:20px 30px;margin:4px 0;line-height: 1.8;border:1px solid #DFE3E6; line-height:1.8; letter-spacing:-0.5px; font-size:1.1em; text-align:left; border-radius:20px;}
.stt_1 dd a{padding-right:15px;text-decoration:none;color:#660000;}
.stt_1 dd a:hover{text-decoration:underline;}
.stt_1 dd ul {padding:10px 20px;margin:0;list-style:none;}
.stt_1 dd ul li{ padding:10px 0 10px 15px;margin:0; background:url(/theme/iwootec/html/image/s_bulet.gif) no-repeat 0 24px; line-height:1.8; letter-spacing:-0.5px; font-size:1.1em;}
.stt_1 dd ul li.point{ font-size:18px; font-weight:500; color:#CA214D; font-family:'GmarketSansMedium' !important;}
.stt_1 dd ul li.txt{ font-size:22px; font-weight:400; color:#CA214D; font-family:'yg-jalnan' !important; background-image:none;}
.stt_1 dd ul li strong {font-weight:500; color:#000;font-size:1.1em;}
.stt_1 dd ul li ul{padding:10px 0 0 10px;margin:0;list-style:none;}
.stt_1 dd ul li ul li{ padding:5px 5px 5px 10px;margin:0; background:url(../img/s_bulet1.gif) no-repeat 0 18px;line-height:1.8;}

/* 표 기본 */
.data_table_basic {clear:both;overflow:hidden; width:100%;margin-bottom:20px;border-collapse:separate; border-top:2px solid #000;border-bottom:1px solid #000;}
.data_table_basic caption {padding:0 0 0 30px;margin:40px 0 10px 0;font-size:18px;font-weight:600;color:#000;background:url(/theme/iwootec/html/image/bulet.gif) no-repeat 0 7px; text-align:left}
.data_table_basic caption small {float:right;right:0;font-size:0.8em;font-weight:400;color:#333;}
.data_table_basic th:last-child,
.data_table_basic td:last-child {border-right:none;}
.data_table_basic th {padding:15px 0;font-size:15px; text-align:center; font-weight:600;border-bottom:1px solid #D5D5D5; border-right:1px solid #D5D5D5;background-color:#F9F9F9; color:#000;}
.data_table_basic td {padding:15px 0;font-size:15px; text-align:center; font-weight:normal;border-bottom:1px solid #D5D5D5; border-right:1px solid #D5D5D5;}
.data_table_basic td.txt_Left { text-align:left; padding-left:30px;}
.data_table_basic td.line_R {border-right:1px solid #D5D5D5;}
.data_table_basic td img { vertical-align:middle;}
.data_table_basic th.grey,
.data_table_basic td.grey { background-color:#F7F7F7;}
.data_table_basic td strong.bold { font-weight:600; color:#000;}
.data_table_basic td strong.m_tel { display:none;}


.data_table_basic_1 {clear:both;overflow:hidden; width:100%;margin:10px 0;border-collapse:separate; border-top:2px solid #000;border-bottom:1px solid #000;}
.data_table_basic_1 caption {padding:0 0 0 30px;margin:40px 0 10px 0;font-size:18px;font-weight:600;color:#000;background:url(/theme/iwootec/html/image/bulet.gif) no-repeat 0 7px; text-align:left}}
.data_table_basic_1 caption span {float:right;right:0;font-size:0.8em;font-weight:400;color:#333;}
.data_table_basic_1 th:last-child,
.data_table_basic_1 td:last-child {border-right:none;}
.data_table_basic_1 th {padding:15px;font-size:16px; text-align:center; font-weight:600;border-bottom:1px solid #D5D5D5; border-right:1px solid #D5D5D5;background-color:#F9F9F9; color:#000;}
.data_table_basic_1 td {padding:15px;font-size:16px; text-align:center; font-weight:normal;border-bottom:1px solid #D5D5D5; border-right:1px solid #D5D5D5;}
.data_table_basic_1 td.txt_Left { text-align:left;padding-left:40px; padding-right:40px;}
.data_table_basic_1 td.line_R {border-right:1px solid #D5D5D5;}
.data_table_basic_1 td .point { font-weight:600 !important;}
.data_table_basic_1 td img { vertical-align:middle;}
.data_table_basic_1 th.grey,
.data_table_basic_1 td.grey { background-color:#F7F7F7;}
.data_table_basic_1 td strong.bold { font-weight:600; color:#000;}
.data_table_basic_1 td strong.m_tel { display:none;}

.scroll { display:none; text-align:left;}

/*블릿이 있는 타이틀*/
h3.stt_title { float:left; width:100%;padding:0 0 0 30px;margin:40px 0 20px 0;font-size:20px;font-weight:600;color:#000;background:url(/theme/iwootec/html/image/bulet.gif) no-repeat 0 7px; text-align:left}
h3.stt_title small {float:right;right:0;font-size:18px;font-weight:400;color:#333;}


/*대를 잇는 사람들*/
.pic_1 { float:left; width:100%;margin-bottom:20px; }
.pic_1 dt {float:left; width:100%;padding:0 0 0 30px;margin:20px 0 20px 0;font-size:20px;font-weight:600;color:#000;background:url(/theme/iwootec/html/image/bulet.gif) no-repeat 0 7px; text-align:left }
.pic_1 dd { float:left;padding:10px; border:1px solid #C4C4C4; }
.pic_1 dd ul { margin:0; padding:0; list-style:none;}
.pic_1 dd ul li.img_zone { margin:0;}
.pic_1 dd ul li.txt_zone { font-size:16px; text-align:center; padding:10px 10px 0 10px;}

.pic_2 { float:left; width:100%;}
.pic_2 dt {float:left; width:100%;padding:0 0 0 30px;margin:20px 0 20px 0;font-size:20px;font-weight:600;color:#000;background:url(/theme/iwootec/html/image/bulet.gif) no-repeat 0 7px; text-align:left }
.pic_2 dd { float:left; width:15%; margin:0 1.5% 20px 0;padding:10px; border:1px solid #C4C4C4; }
.pic_2 dd ul { margin:0; padding:0; list-style:none;}
.pic_2 dd ul li.img_zone { margin:0;}
.pic_2 dd ul li.txt_zone { font-size:16px; text-align:center; padding:10px 10px 0 10px;}

/* 이력조회시스템*/
.about { margin-top:0;}
.about p { margin-top:20px;}
.about .txt1 { font-size:22px; color:#3D3D3D; font-weight:600; margin:30px 0;}
.about .txt1 strong {color:#E66953;font-weight:600;}
.about .txt2 { font-size:18px; color:#646464;}
.about .txt3 { font-size:18px; color:#000; font-weight:500; margin-top:40px;}

.about .brand_top_box { display:inline-block; width:100%;border:1px solid #E66953; margin-bottom:40px; padding-right:20px; border-radius:30px;}
.about .brand_top_box img { float:left; margin-right:30px;}

.about .brand_box {margin-bottom:40px;}

.about .brand_box .brand_01,
.about .brand_box .brand_02,
.about .brand_box .brand_03,
.about .brand_box .brand_04,
.about .brand_box .brand_05,
.about .brand_box .brand_06,
.about .brand_box .brand_07,
.about .brand_box .brand_08 { display:inline-block; width:23.8%;border:1px dashed #D7978C; margin-top:20px; text-align:center; padding:150px 20px 30px 20px;border-radius:20px;}

.about .brand_box .brand_01 {background:url(/theme/iwootec/html/company/image/icon1.png) no-repeat 50% 30px; margin:5px;}
.about .brand_box .brand_02 {background:url(/theme/iwootec/html/company/image/icon2.png) no-repeat 50% 30px; margin:5px;}
.about .brand_box .brand_03 {background:url(/theme/iwootec/html/company/image/icon3.png) no-repeat 50% 30px; margin:5px;}
.about .brand_box .brand_04 {background:url(/theme/iwootec/html/company/image/icon4.png) no-repeat 50% 30px; margin:5px;}
.about .brand_box .brand_05 {background:url(/theme/iwootec/html/company/image/icon5.png) no-repeat 50% 30px; margin:5px;}
.about .brand_box .brand_06 {background:url(/theme/iwootec/html/company/image/icon6.png) no-repeat 50% 30px; margin:5px;}
.about .brand_box .brand_07 {background:url(/theme/iwootec/html/company/image/icon7.png) no-repeat 50% 30px; margin:5px;}
.about .brand_box .brand_08 {background:url(/theme/iwootec/html/company/image/icon8.png) no-repeat 50% 30px; margin:5px;}

.about .brand_box .brand_01 li,
.about .brand_box .brand_02 li,
.about .brand_box .brand_03 li,
.about .brand_box .brand_04 li,
.about .brand_box .brand_05 li,
.about .brand_box .brand_06 li,
.about .brand_box .brand_07 li,
.about .brand_box .brand_08 li {font-size:16px; padding:2px 0;}

.about .brand_box .brand_01 li strong,
.about .brand_box .brand_02 li strong,
.about .brand_box .brand_03 li strong,
.about .brand_box .brand_04 li strong,
.about .brand_box .brand_05 li strong,
.about .brand_box .brand_06 li strong,
.about .brand_box .brand_07 li strong,
.about .brand_box .brand_08 li strong { font-weight:600; color:#000; display:block; margin-bottom:10px;font-size:18px;}

.about .img_area { margin-bottom:50px;}


/* 반응형 중간기기 1600px 사이즈 이하*/
@media all and (max-width:1600px){	

	#about_wrap .con_box ul li a{height:auto;}


	#m_bnr .con_box ul li{width:23.5%; margin-right:2%;}
	#m_bnr .con_box ul li:last-child{margin-right:0;}

	
	#rolling_box2_all{padding:50px 4%;}
	#rolling_box2_all .con_left{width:30%;}
	#rolling_box2_all .con_right{width:70%;}


	#comm_wrap .comm_area .dleft{width:28.5%;}
	#comm_wrap .comm_area .dcenter{width:30%; margin:0 5%;}
	#comm_wrap .comm_area .dright{width:30%;}

	.scontents{width:96%;}

	.sub_left{float:left; width:20%;}
	.sub_right{float:right; width:76%;}

	#sub_tit{left:0; margin-left:0;}

}


/* 반응형 중간기기 1400px 사이즈 이하*/
@media all and (max-width:1400px){	

	.wrap_box{width:98%;}
	#lnb .lnb_wrap > ul > li > a{padding:0 40px}
	.scontents{width:96%;}

	
	#sub_menu{display:block;}
	.sub_left{display:none;}
	.sub_right{float:none; width:100%;}

}

/* 반응형 중간기기 1300px 사이즈 이하*/
@media all and (max-width:1300px){	

	#main_visual .sliderkit-text{padding:0 4%;}
	#main_visual .sliderkit-text div.lviewa{font-size:2.5em;}
	#main_visual .sliderkit-text div.sviewa{font-size:1.2em;}
	#main_visual .sliderkit-text div span h2{font-size:1em;}

}


/* 반응형 중간기기 1200px 사이즈 이하*/
@media all and (max-width:1200px){

	#backtotop{display:none !important;}


	#lnb{margin-left:200px;}	
	#lnb .lnb_wrap > ul > li > a{padding:0 30px}

	#about_wrap{border-bottom-right-radius:100px;}

	#rolling_box2_all{margin-top:50px; border-top-left-radius:100px;}
	#rolling_box2_all .inner .swiper-btn-wrap{position:relative;}
	#rolling_box2_all .inner .swiper-btn-wrap .swiper-scrollbar-wrap2 .swiper-button-prev2{left:0%; right:auto;}
	#rolling_box2_all .inner .swiper-btn-wrap .swiper-scrollbar-wrap2 .swiper-button-next2{left:auto; right:0;}
	#rolling_box2_all .con_left{width:100%; text-align:center; padding-top:0;}
	#rolling_box2_all .con_right{width:100%; margin-top:50px;}
  
	#comm_wrap{margin:0;}	
	#comm_wrap .comm_area .dcenter{width:100%; margin:0; padding:50px 4%;}
	#comm_wrap .comm_area .dleft{width:48%; height:550px; overflow:hidden;}
	#comm_wrap .comm_area .dright{width:50%; height:550px; overflow:hidden;}
	#comm_wrap .comm_area .dright ul li.youtube_box{padding-bottom:56.25%;}
	#comm_wrap .comm_area .dright ul li.icon1{height:200px;}
	#comm_wrap .comm_area .dright ul li.icon2{height:200px;}

}


/* 반응형 중간기기 1100px 사이즈 이하*/
@media all and (max-width:1100px){	


	#mobile_header{display:block; min-width:320px;}
	#header_wrap{display:none;}

	.lview{display:none}
	.sview{display:block;}


	#main_visual .swiper-slide div.backgroundimg{height:auto;}
	#main_visual .sliderkit-text div.lviewa{font-size:2em;}
	#main_visual .sliderkit-text div.sviewa{font-size:1em;}
	#main_visual .swiper-pagination{bottom:5%;}


	#about_wrap{padding:0 4%; padding-bottom:50px; margin-top:80px;}

	#pro_wrap{padding:0 4%; margin-top:80px;}
	#pro_tab .tab li a{font-size:1.2em;}	

	
	#footer{min-width:320px;}
	#footer .copyright{padding:0 30px;}

		
	#backtotop{right:15px;}	
	.scontents .eng{ text-align:center;}
	.scontents .stitle{text-align:center;}
	
	
	#sub_visual{height:300px;}

	.sub_location > div .cen{display:none;}
	.sub_location ul{width:50%;}
	.sub_location ul:first-child{border-left:0px;}
	.sub_location ul.dep2{border-right:0px;}

	#sub_tit{top:180px;}
	#sub_tit .path{display:none;}
	#sub_tit .title{font-size:2.5em;}


}

@media screen and (max-width:1070px){

	#m_bnr .con_box ul li dl dt{font-size:1.3em; font-weight:500;}
	#m_bnr .con_box ul li dl dd{font-size:0.9em; line-height:1.4em;}
	#comm_wrap .comm_area .dleft{width:48%; height:530px; overflow:hidden;}
	#comm_wrap .comm_area .dright{width:50%; height:530px; overflow:hidden;}
	#comm_wrap .comm_area .dright ul li.youtube_box{height:265px;}
	#comm_wrap .comm_area .dright ul li.icon1{height:210px;}
	#comm_wrap .comm_area .dright ul li.icon2{height:210px;}
}


@media screen and (max-width:1020px){
	#comm_wrap .comm_area .dleft{width:48%; height:500px; overflow:hidden;}
	#comm_wrap .comm_area .dright{width:50%; height:500px; overflow:hidden;}
	#comm_wrap .comm_area .dright ul li.youtube_box{height:250px;}
	#comm_wrap .comm_area .dright ul li.icon1{height:200px;}
	#comm_wrap .comm_area .dright ul li.icon2{height:200px;}
}

/* 반응형 중간기기 992px 사이즈 이하*/
@media screen and (max-width:992px){		

	.con_title h3{font-size:2.5em !important;}
	.con_title p{font-size:1.15em !important;}

  #m_bnr{margin:0;}
	#m_bnr .con_box ul li{width:50%; margin-right:0; margin-bottom:0; border-bottom:1px solid #eee;}
	#m_bnr .con_box ul li a{text-align:left; padding:25px 0;}
	#m_bnr .con_box ul li .icon{width:25%; display:inline-block; vertical-align:middle; text-align:center;}
	#m_bnr .con_box ul li .icon i{font-size:2em;}
	#m_bnr .con_box ul li dl{width:70%; display:inline-block; vertical-align:middle;}
	#m_bnr .con_box ul li dl dt{margin-top:0; font-size:1.2em;}
	#m_bnr .con_box ul li dl dd{max-width:100%; font-size:1.0em;margin-top:10px;}
	#m_bnr .con_box ul li dl dd .bra{display:none;}
	#m_bnr .con_box ul li:hover .icon i{font-size:3em; margin-top:0px;}
	#m_bnr .con_box ul li:nth-child(even):after{display:none;}

	#about_wrap .con_txt{padding:30px 0;}
	#about_wrap .con_txt div{font-size:1.8em;}
	#about_wrap .con_box ul li{width:48%;margin-bottom:2%;}
	/*#about_wrap .con_box ul li:nth-child(even){float:right; margin-right:0; border-right:1px solid rgba(255,255,255,0); border-bottom:1px solid rgba(255,255,255,0);}
	#about_wrap .con_box ul li:nth-child(1){border-bottom:1px solid #fff;}
	#about_wrap .con_box ul li:nth-child(2){border-bottom:1px solid #fff;}*/

	#pro_tab .pro_list > ul > li{width:48%; margin:1%;}
	#pro_tab .pro_list > ul > li > a > p{font-size:1.3em;}

}


/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width:768px){			

	.mview{display:block;}

	#main_visual .swiper-slide .backgroundimg .mobile_only{display:block;}
	#main_visual .swiper-slide .backgroundimg .pc_only{display:none;}
	#main_visual .swiper-button-next, #main_visual .swiper-button-prev{display:none !important;}


	#m_bnr .con_box ul li{width:100%;}
	#m_bnr .con_box ul li dl dd{max-width:100%; font-size:1.1em;}
	#m_bnr .con_box ul li:nth-child(even):after{display:block;}
	#m_bnr .con_box ul li:after{content:"〉"; font-size:1em; width:30px; height:30px; background:none; font-weight:normal; font-variant:normal;}
	
	.stt_1 {float:left; width:100%; margin:0 0 40px 0;padding:0 0 0 0; }
    .stt_1 dt {float:left; width:100%;padding:0 0 0 30px;margin:20px 0 10px 0;font-size:22px;font-weight:500;color:#000;background:url(/theme/iwootec/html/image/bulet.gif) no-repeat 0 5px; text-align:left;}
	.stt_1 dd {float:right; width:100%}
	

	.con_txt_wrap{ width:100%; display:block;}

	/* 왼쪽 텍스트 영역 */
	.con_txt{ width:100%;}
	.con_txt h1{ font-size:2em; margin-bottom:20px;}
	
	/* 오른쪽 버튼 영역 */
	.con_btn{width:100%; text-align:right; padding-top:10px;}
	.btn_history{ width:100%;height:auto;display:block; padding: 20px;font-size:1.1em;border-radius:20px;}
	.btn_history br{display:none;}
	.btn_history:hover{ background:#8e5e4f;}
	.btn_history .icon { display:none;}


	#rolling_box2_all{margin-top:80px;}

	#comm_wrap .comm_area .dleft{width:100%; height:300px; margin-bottom:20px;}
	#comm_wrap .comm_area .dright{height:auto; width:100%;}



	#sub_visual{height:200px;}

	#sub_tit{top:140px;}
	#sub_tit .title{ font-size:2em;} 
	#sub_tit .normal_txt{font-size:1em;}
	.scontents{padding:30px 0px 50px 0px;}
	.scontents .eng{font-size:2em;}
	.scontents .stitle{font-size:1em; margin-bottom:30px;}	


}


/* 반응형 중간기기 640px 사이즈 이하 */
@media screen and (max-width:640px){		

	#about_wrap .con_box{margin-top:25px;}
	#about_wrap .con_txt p span.num{width:30px; height:30px; line-height:29px; font-size:1em;}


	#pro_wrap{padding-bottom:20px;}
	#pro_tab{margin:0;}
	#pro_tab .tab li{float:left; width:48%; margin:1%; border:1px solid #ddd; box-sizing:border-box;}
	#pro_tab .tab li a{padding:10px 20px;}
	#pro_tab .pro_list{margin:10px auto;}	
	#pro_tab .pro_list > ul > li > a > p{font-size:1.1em;}

	#online_wrap .online_title{font-size:1.5em;}



}



/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width:480px){	

	body,td,h1,h2,h3,h4,h5,div,p,li,ul,ol,dd,dt,section,input,textarea,select,button{font-size:13px;}
	
	.con_title h3{font-size:2em !important;}
	.con_title p{font-size:1.1em !important;}


	#m_bnr .con_box ul li .icon{width:18%;}
	#m_bnr .con_box ul li dl{width:77%}
	#m_bnr .con_box ul li .icon i{font-size:2.2em;}
	#m_bnr .con_box ul li:after{display:none;}
	#m_bnr .con_box ul li:nth-child(even):after{display:none;}

	#about_wrap{border-bottom-right-radius:50px; margin-top:50px; padding-bottom:20px;}
	#about_wrap .con_title{margin-bottom:30px;}
	#about_wrap .con_box ul li .tit{padding:10px 0; height:30px;}
	#about_wrap .con_box ul li .tit p{height:30px; line-height:30px; font-size:1.3em;}
	#about_wrap .con_box ul li .tit p span.txt{display:none;}	
	#about_wrap .con_txt div{text-align:center;}
	

	#pro_wrap{margin:50px 0; margin-bottom:0;}
	#pro_area .con_title{margin-bottom:20px;}	
	
	#rolling_box2_all{margin-top:0px; border-top-left-radius:50px; padding-bottom:0;}
	#rolling_box2 .swiper-container2 .swiper-slide .txtBox{padding:15px 10px; height:130px;}
	#rolling_box2 .swiper-container2 .swiper-slide .txtBox .tit{font-size:1.1em;}
	#rolling_box2 .swiper-container2 .swiper-slide .txtBox .txt{font-size:1em;}


	#comm_wrap .comm_area .dleft .txts h4{font-size:1.3em;}
	#comm_wrap .comm_area .dleft .txts p.cs_tel{font-size:2.5em;}
	#comm_wrap .comm_area .dright ul li{height:auto !important;}
	#comm_wrap .comm_area .dright ul li.youtube_box{padding-bottom:56.25%;}
	#comm_wrap .comm_area .dright ul li a{padding:15px 15px;}
	#comm_wrap .comm_area .dright ul li h4{font-size:1.25em;}
	#comm_wrap .comm_area .dright ul li p{display:none;}
	#comm_wrap .comm_area .dright ul li i{max-width:50px; margin-top:10px;}
	#comm_wrap .notice_area div li a{font-size:1.05em;}
}


/* 반응형 작은기기 360사이즈 이하 */
@media screen and (max-width:360px){	



	
}