@charset "utf-8";

/**/
#main .main_sch_wrap{ margin-bottom:10px; }
#main .main_sch_wrap .bx_wrap{ padding:40px 80px 30px; background:#edf0f4; font-size:0; }
#main .main_sch_wrap .bx_wrap .sch_cate{ display:inline-block; vertical-align:top; /*width:460px;*/ width: 570px; box-sizing:border-box; }
#main .main_sch_wrap .bx_wrap .sch_cate div{ font-size:0; margin-right:-20px; }
/*#main .main_sch_wrap .bx_wrap .sch_cate select{ display:inline-block; vertical-align:top; padding:0 10px; width:calc(33.33% - 20px); margin-right:20px; height:60px; font-size:17px; color:#222; letter-spacing:-0.05em; background:transparent; border:0; border-bottom:1px solid #ddd; box-sizing:border-box; -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; appearance:none; background:url('../images/icon/sel_ar.png') no-repeat 95% 50%; outline:none; } *//*90% 50%*/
#main .main_sch_wrap .bx_wrap .sch_cate select{ display:inline-block; vertical-align:top; padding:0 10px; width:calc(33.33% - 20px); margin-right:20px; height:45px; font-size:17px; color:#222; letter-spacing:-0.05em; background:transparent; border:0; border-bottom:1px solid #ddd; box-sizing:border-box; -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; appearance:none; background:url('../images/icon/sel_ar.png') no-repeat 95% 50% /*90% 50%*/; outline:none; }
#main .main_sch_wrap .bx_wrap .sch-txtfield{ display:inline-block; vertical-align:top; width:calc(100% - 570px); padding-left:40px; font-size:0; box-sizing:border-box; }
/*#main .main_sch_wrap .bx_wrap .sch-txtfield input[type="text"]{ display:inline-block; vertical-align:top; padding:15px 10px; width:calc(100% - 150px); height:60px; font-size:17px; line-height:29px; color:#333; letter-spacing:-0.05em; box-sizing:border-box; border:0; border-bottom:1px solid #bbb; outline:none; background:transparent; }*/
#main .main_sch_wrap .bx_wrap .sch-txtfield input[type="text"]{ display:inline-block; vertical-align:top; padding:0px 10px; width:calc(100% - 150px); height:45px; font-size:17px; line-height:29px; color:#333; letter-spacing:-0.05em; box-sizing:border-box; border:0; border-bottom:1px solid #bbb; outline:none; background:transparent; }
#main .main_sch_wrap .bx_wrap .sch-txtfield input[type="text"]::placeholder{ color:#888; }
#main .main_sch_wrap .bx_wrap .sch-txtfield input[type="text"]:focus{ border-color:#08295b; }
#main .main_sch_wrap .bx_wrap .sch-txtfield input[type="submit"]{ display:inline-block; vertical-align:top; margin-left:10px; width:140px; height: 45px/*60px*/; font-size:18px; line-height: 45px/*60px*/; color:#fff; font-weight:700; border-radius:30px; background:#08295b; text-align:Center; font-family:'Montserrat', sans-serif !important; /*position: relative; top: -5px;*/}
#main .main_sch_wrap .bx_wrap .tag_list{ margin-top:20px; font-size:0; }
#main .main_sch_wrap .bx_wrap .tag_list span { display:inline-block; vertical-align:middle; position:relative; z-index:1; margin:0 6px 10px 0;}
#main .main_sch_wrap .bx_wrap .tag_list span label{ position:relative; font-size:13px; line-height:28px; color:#aaa; letter-spacing:-0.05em; border-radius:20px; padding:0 15px; border:1px solid #ddd; background:#fff; cursor:pointer; box-sizing:border-box;}
#main .main_sch_wrap .bx_wrap .tag_list span > input[type="checkbox"]{position:relative; top:-1px; vertical-align:middle;}
#main .main_sch_wrap .bx_wrap .tag_list span:not(#cssbrowser)>input[type="checkbox"]{position:absolute; left:0; top:0; width:0; height:0; margin:0; opacity:0;}
#main .main_sch_wrap .bx_wrap .tag_list span:not(#cssbrowser)>input[type="checkbox"] + label{width:100%; display:block;}
#main .main_sch_wrap .bx_wrap .tag_list span:not(#cssbrowser)>input[type="checkbox"]:checked + label{background-color:#08295b; color:#fff; border-color:#08295b}

/**/
#main .main_visual .img_bx{ position:relative; height:440px; overflow:hidden; }
#main .main_visual .img_bx img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; }
#main .main_visual .txt_bx{ position:absolute; left:0; top:50%; width:100%; text-align:Center; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
#main .main_visual .txt_bx div{  transform: translate3d(0,30px,0); transition-property: opacity,transform; transition-duration: 1s; opacity: 0;}
#main .main_visual .txt_bx strong{ display:block; font-size:36px; line-height:46px; color:#fff; font-weight:800; letter-spacing:-0.05em; word-break: keep-all; word-wrap: break-word; font-family:'NanumSquare', sans-serif;}
#main .main_visual .txt_bx p{ margin:20px auto 0; max-width:450px; font-size:18px; line-height:28px; color:#fff; letter-spacing:-0.05em; font-weight:100; word-break: keep-all; word-wrap: break-word; font-family:'NanumSquare', sans-serif;}

#main .main_visual .slide .img_bx img{ -moz-transform: translate(0) scale(1.1); -webkit-transform: translate(0) scale(1.1);-o-transform: translate(0) scale(1.1);-ms-transform: translate(0) scale(1.1);transform: translate(0) scale(1.1); -moz-transition: transform 2.0s ease-out; -webkit-transition: transform  2.0s ease-out;-o-transition: transform 2.0s ease-out;transition: transform  2.0s ease-out; }
#main .main_visual .slide .active .img_bx img{-moz-transform: translate(0) scale(1);-webkit-transform: translate(0) scale(1);-o-transform: translate(0) scale(1);-ms-transform: translate(0) scale(1);transform: translate(0) scale(1);}

#main .main_visual .slide .active .txt_bx div{ transform: translate3d(0,0,0); opacity: 1;}

#main .main_visual .slick-arrow{ position:Absolute; top:50%; width:26px; height:46px; text-indent:-9999px; z-index:1; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); }
#main .main_visual .slick-prev{ left:40px; background:url('../images/btn/main_v_ar01.png') no-repeat center; z-index:1;}
#main .main_visual .slick-next{ right:40px; background:url('../images/btn/main_v_ar02.png') no-repeat center; z-index:1;}
#main .main_visual .slick-dots{ position:absolute; left:0; width:100%; bottom:-30px; font-size:0; text-align:Center; }
#main .main_visual .slick-dots li{ display:inline-block; vertical-align:top; margin:0 8px; }
#main .main_visual .slick-dots li button{ display:block; padding:0; margin:0; width:8px; height:8px; border-radius:50%; background:#d8d8d8; text-indent:-9999px; }
#main .main_visual .slick-dots li.slick-active button{ background:#08295b; }

/**/
#main .sec01{ padding:85px 0 60px; }
#main .sec01 .tit_bx{ margin-bottom:35px; text-align:Center; }
#main .sec01 .tit_bx > strong{ display:block; margin-bottom:18px; font-size:48px; line-height:58px; color:#222; letter-spacing:-0.05em; font-weight:800; word-break: keep-all; word-wrap: break-word; font-family:'NanumSquare', sans-serif;}
#main .sec01 .tit_bx > p{ font-size:18px; line-height:28px; color:#222; letter-spacing:-0.05em; word-break: keep-all; word-wrap: break-word; font-family:'NanumSquare', sans-serif;}
#main .sec01 .link_bx{}
#main .sec01 .link_bx ul{ font-size:0; margin-left:1px; margin-top:1px; }
#main .sec01 .link_bx ul li{ display:inline-block; vertical-align:top; width:16.66%; margin-left:-1px; margin-top:-1px; border:1px solid #ddd; box-sizing:border-box; }
#main .sec01 .link_bx ul li a{ display:flex; flex-wrap:wrap; align-items: center; padding:0 25px; width:100%; height:100px; box-sizing:border-box; }
#main .sec01 .link_bx ul li a img{ max-width:100%; }

/* 리스트 상단 검색 */
.schbxS01{ margin-bottom:50px; }
.schbxS01 .visual{ display:flex; align-items: center; justify-content: center; height:240px; text-align:center; background:url('../images/img/sch_bg01.jpg') no-repeat center; background-size:cover; }
.schbxS01 .visual p{ font-size:24px; line-height:34px; color:#fff; font-weight:700; letter-spacing:-0.05em; font-family:'NanumSquare', sans-serif; }
.schbxS01 .sch_bx{ margin:-40px auto 0; padding:9px 9px 9px 40px; width:100%; max-width:840px; border-radius:40px; box-shadow:0 10px 30px rgba(85,148,244,.2); background:#fff; border:1px solid #ddd; z-index:1; font-size:0; box-sizing:border-box; }
.schbxS01 .sch_bx input[type="text"]{ display:inline-block; vertical-align:top; padding:17px 34px; font-size:16px; line-height:26px; color:#333; letter-spacing:-0.05em; width:calc(100% - 140px); box-sizing:border-box; border-radius:0; background:url('../images/btn/sch.png') no-repeat left center; border:0; outline:none; }
.schbxS01 .sch_bx input[type="text"]::placeholder{ color:#999; }
.schbxS01 .sch_bx input[type="submit"]{ display:inline-block; vertical-align:top; width:140px; height:60px; font-size:18px; line-height:60px; color:#fff; font-weight:700; border-radius:30px; background:#222; box-sizing:border-box; font-family:'Montserrat', sans-serif !important; }

/* 리스트 상단 */
.board_tit{ position:relative; margin-bottom:30px; font-size:0; }
.board_tit:before{ content:''; position:absolute; left:0; top:50%; width:100%; height:1px; background:#222; }
.board_tit:after{ content:''; display:block; clear:both; }
.board_tit > strong{ display:inline-block; vertical-align:top; position:relative; padding-right:24px; font-size:32px; line-height:42px; color:#222; font-weight:700; background:#f5f5f5; font-family:'Montserrat', sans-serif; z-index:1; }
.board_tit > .total{ display:inline-block; vertical-align:top; float:right; margin-top:-4px; font-size:14px; line-height:24px; color:#222; font-weight:400; font-family:'Montserrat', sans-serif;} 
.board_tit > .total strong{ font-weight:700; }


/* 리스트 */
.boardS01{ font-size:0; }
.boardS01 .searchFrm{ display:inline-block; vertical-align:top; padding:30px 20px 40px; width:320px; box-sizing:border-box; background:#fff; box-shadow:0 3px 5px rgba(0,0,0,.1); }
.boardS01 .searchFrm .sch-keywords .box{ margin-bottom:13px; }
.boardS01 .searchFrm .sch-keywords .box:last-child{ margin-bottom:0; }
.boardS01 .searchFrm .sch-keywords .box > a{display:block; border-bottom:1px solid #ddd;  }
.boardS01 .searchFrm .sch-keywords .box > a strong{ position:relative; display:block; font-size:16px; line-height:36px; color:#222; font-weight:700; }
.boardS01 .searchFrm .sch-keywords .box > a strong:before{ content:''; position:absolute; right:0; top:50%; margin-top:-3px; width:11px; height:7px; background:url('../images/btn/cate_ar.png') no-repeat center; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
.boardS01 .searchFrm .sch-keywords .box.on > a strong:before{ -webkit-transform: rotate( 180deg ); -moz-transform: rotate( 180deg ); transform: rotate( 180deg ); }

.boardS01 .searchFrm .sch-keywords .box .box_s{ display:none; box-sizing:border-box;}

.boardS01 .tag-list{font-size:0; box-sizing:border-box; padding:24px 10px 0 ;}
.boardS01 .tag_s{display:inline-block; vertical-align:middle; position:relative; z-index:1; margin:0 6px 6px 0;}
.boardS01 .tag_s label{ position:relative; display:block; padding:0 13px; font-size:13px; line-height:28px; color:#999; letter-spacing:-0.05em; border-radius:15px; border:1px solid #ddd; background:#fff; box-sizing:border-box; cursor:pointer;}
.boardS01 .tag_s > input[type="checkbox"]{position:relative; top:-1px; vertical-align:middle;}
.boardS01 .tag_s:not(#cssbrowser)>input[type="checkbox"]{position:absolute; left:0; top:0; width:0; height:0; margin:0; opacity:0;}
.boardS01 .tag_s:not(#cssbrowser)>input[type="checkbox"] + label{width:100%; display:block;}
.boardS01 .tag_s:not(#cssbrowser)>input[type="checkbox"]:checked + label{background-color:#08295b; color:#fff; border-color:#08295b}

.boardS01 .listType_1{ padding:25px 30px; background:#f5f5f5; }
.boardS01 .listType_1 > li{ position:relative; padding-right:25px; margin-bottom:10px; font-size:14px; line-height:20px; color:#666; letter-spacing:-0.05em; }
.boardS01 .listType_1 > li:after{ content:''; display:block; clear:both; }
.boardS01 .listType_1 > li:last-child{ margin-bottom:0; }
.boardS01 .listType_1 > li label{ display:block; cursor:pointer; }
.boardS01 .listType_1 > li input{ position:absolute; right:0; top:0; display:inline-block; margin-right:0; margin-top:5px; width:16px; height:16px; }

.boardS01 .listType_2{ padding:25px 0; background:#f5f5f5; }
.boardS01 .listType_2 > li > a{ display:block; padding:0 30px; font-size:14px; line-height:30px; color:#666; letter-spacing:-0.05em; position: relative; }
.boardS01 .listType_2 > li > a strong{ /*font-weight:400;*/ font-weight:700; }
 
.boardS01 .listType_2 > li > ul{ display:none; margin:5px 0; padding:15px 30px; background:#f1eeee; }
.boardS01 .listType_2 > li > ul li{ position:relative; padding-right:25px; margin-bottom:10px; font-size:14px; line-height:20px; color:#666; letter-spacing:-0.05em; }
.boardS01 .listType_2 > li > ul li:last-child{ margin-bottom:0; }
.boardS01 .listType_2 > li > ul li label{ cursor:pointer; }
.boardS01 .listType_2 > li > ul li input{ position:absolute; right:0; top:0; display:inline-block; margin-right:0; margin-top:5px; width:16px; height:16px; }
.boardS01 .listType_2 .select_sub {position: relative;}
.boardS01 .listType_2 .all_chk { position: absolute; right: 30px; top: 8px; width: 16px; height: 16px; margin-right: 0; z-index: 2;}

.boardS01 .searchFrm .sch-keywords .box.on > a strong:after{ -webkit-transform: rotate( 180deg ); -moz-transform: rotate( 180deg ); transform: rotate( 180deg ); }

.boardS01 .prd_list{ display:inline-block; vertical-align:top; width:calc(100% - 354px); margin-left:34px; box-sizing:border-box; }
.boardS01 .prd_list .list_bx{ display:flex; flex-wrap:wrap; font-size:0; margin-right:-12px; margin-bottom:-12px; }
.boardS01 .prd_list .box{ display:inline-block; vertical-align:top; padding:30px 17px 27px; width:calc(33.33% - 12px); margin-right:12px; margin-bottom:12px; background:#fff; box-shadow:0 3px 5px rgba(0,0,0,.1); box-sizing:border-box; }
.boardS01 .prd_list .box .thumb{ margin-bottom:38px; }
.boardS01 .prd_list .box .thumb a{ display:block; }
.boardS01 .prd_list .box .thumb a span{ display:block; }
.boardS01 .prd_list .box .thumb a img{ width:100%; }
.boardS01 .prd_list .box .info{}
.boardS01 .prd_list .box .info a{ display:block; }
.boardS01 .prd_list .box .info a span{ display:block; margin-bottom:7px; font-size:14px; line-height:24px; color:#888; letter-spacing:-0.05em; }
.boardS01 .prd_list .box .info a p{ display:block; height:52px; font-size:18px; line-height:26px; color:#222; letter-spacing:-0.05em; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow:hidden;}

.boardS01 .btn_reset{ display:block; margin:25px auto 0; width:140px; height:40px; font-size:18px; line-height:40px; color:#fff; font-weight:700; border-radius:20px; background:#ff0000; text-align:center; font-family:'Montserrat', sans-serif; }
.boardS01 .btn_reset span{ display:inline-block; padding-right:25px; background:url('../images/btn/reset.png') no-repeat right center; }

.b_page_no{ margin-top:60px; text-align:Center; font-size:0; }
.b_page_no a{ display:inline-block; vertical-align:top; padding:0 4px; margin:0 5px; min-width:32px; height:32px; font-size:16px; line-height:32px; color:#222; box-sizing:border-box; }
.b_page_no a.on{ background:#08295b; color:#fff; border-radius:16px; }
.b_page_no a.pageBtn{ text-indent:-9999px; }
.b_page_no a.pageBtn_prev{ background:url('../images/btn/page_prev.png') no-repeat center; }
.b_page_no a.pageBtn_next{ background:url('../images/btn/page_next.png') no-repeat center;  }

/* 뷰 */
.sub_view{ position:relative; padding:14px 0 60px; }
.sub_view:after{ content:''; position:absolute; left:0; top:0; width:100%; height:14px; background:url('../images/common/sub_view_bg.jpg') no-repeat center; background-size:cover; }

.sub_view .layout02{ font-size:0; padding-top:70px; }

.sub_view .prd_view{display:inline-block; vertical-align:top; margin-right:40px; width:calc(100% - 440px); }
.sub_view .prd_view .pd_slide{ margin:0 auto 70px; width:460px; }
.sub_view .prd_view .pd_slide .box span { display: block; }
.sub_view .prd_view .pd_slide .box span img { width: 100%; }

.sub_view .prd_view .thum_slide{ padding:0 55px; }
.sub_view .prd_view .thum_slide .slick-slide { margin: 0 5px; }
.sub_view .prd_view .thum_slide .slick-list { margin: 0 -5px; }
.sub_view .prd_view .thum_slide .box{ border:1px solid #ddd; cursor:pointer; }
.sub_view .prd_view .thum_slide .slick-current .box{ border-color:#222; }
.sub_view .prd_view .thum_slide .box span { display: block; }
.sub_view .prd_view .thum_slide .box span img { width: 100%; }
.sub_view .prd_view .thum_slide .slick-arrow{ position:absolute; top:0; width:55px; height:100%; text-indent:-9999px; }
.sub_view .prd_view .thum_slide .slick-prev{ left:0; background:url('../images/btn/pd_view_ar01.png') no-repeat center;}
.sub_view .prd_view .thum_slide .slick-next{ right:0; background:url('../images/btn/pd_view_ar02.png') no-repeat center;}

.sub_view .prd_view .details{ margin-top:80px;}
.sub_view .prd_view .tab_bx{ display:flex; flex-wrap:wrap; margin-bottom:30px; }
.sub_view .prd_view .tab_bx a{ position:relative; display:inline-block; vertical-align:top; width:25%; font-size:17px; line-height:56px; color:#444; letter-spacing:-0.05em; border-bottom:1px solid #ddd; text-align:Center; }
.sub_view .prd_view .tab_bx a:after{ content:''; position:Absolute; left:0; bottom:-1px; width:100%; height:0; background:#08295b; }
.sub_view .prd_view .tab_bx a.on{ color:#08295b; font-weight:700; }
.sub_view .prd_view .tab_bx a.on:after{ height:2px; }

.sub_view .prd_view .cont{ font-size:16px; line-height:24px; color:#000; }
.sub_view .prd_view .cont > div{ display:none; word-break:break-all; }
.sub_view .prd_view .cont > .prd-detail {min-height: 717px;}

.movie-item-list{ font-size:0; margin-top:-30px; margin-right:-20px; overflow:hidden;}
.movie-item-list > div{ display:inline-block; vertical-align:top; margin-top:30px; margin-right:20px; width:calc(33.33% - 20px); overflow:hidden;}

.movie-item-list .box{ position:relative;}
.movie-item-list .box a{display:block; outline:none;}
.movie-item-list .box a span{display:block; box-sizing:border-box; border:1px solid #eee; position:relative; overflow:hidden;}
.movie-item-list .box a span:after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url('../images/icon/icon_video.png') no-repeat 50% 50% rgba(8,41,91,0.8); opacity:0; visibility:hidden; transform:scale(1.2); transition:0.3s;}
.movie-item-list .box a span img{width:100%}
.movie-item-list .box a dl{padding-top:20px;}
.movie-item-list .box a dl dt{ font-size:14px; line-height:20px; color:#888; transition:all 0.3s;}
.movie-item-list .box a dl dd{ margin-top:10px; height:52px; font-size:18px; line-height:26px; font-family:'NanumSquare', sans-serif; color:#222; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; transition:all 0.3s;}
.movie-item-list .no-list{width:100%; text-align:center; padding:100px 0;}
.movie-item-list .no-list p{font-size:15px; color:#222;}

.movie-item-list .box a:hover span:after{opacity:1; visibility:visible; transform:scale(1);}
.movie-item-list .box a:hover dl dt{color:#08295b}
.movie-item-list .box a:hover dl dd{color:#08295b}

.video_popwrap{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; overflow-y:auto; z-index:1000; background:rgba(0,0,0,.85); }
.video_popwrap .v_layout{ position:absolute; left:0; top:0; width:100%; height:100%; display:table; }
.video_popwrap .v_con{ display:table-cell; vertical-align:middle; }
.video_popwrap .v_bx{ margin:0 auto; width:820px; }
.video_popwrap .btn_close{ display:block; float:right; margin-bottom:10px; width:48px; height:48px; text-indent:-9999px; background:#000 url('../images/btn/pop_close.png') no-repeat center; }
.video_popwrap .video_bx{ clear:both; position:relative; padding-bottom:56.25%; }
.video_popwrap .video_bx iframe{ position:absolute; left:0; top:0; width:100%; height:100%; }
.video_popwrap .video_bx video{ position:absolute; left:0; top:0; width:100%; height:100%; }

.data-item-list .box{margin-top:10px;}
.data-item-list .box:first-child{margin-top:0;}
.data-item-list .box a{display:block; border:1px solid #eee; box-sizing:border-box; padding:0 230px 0 30px; position:relative; transition:all 0.3s;}
.data-item-list .box a:after{content:''; width:24px; height:24px; background:url('../images/icon/icon_win.png') no-repeat 0 0; position:absolute; top:50%; right:30px; margin-top:-12px;}
.data-item-list .box a strong{display:inline-block; vertical-align:middle; font-size:16px; color:#666; line-height:78px; max-width:100%; font-weight:400; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition:all 0.3s;}
.data-item-list .box a:hover{background:#fafafa; border-color:#222}
.data-item-list .box a:hover:after{background-position:0 -24px}
.data-item-list .box a:hover strong{color:#222}
.data-item-list .no-list{width:100%; text-align:center; padding:100px 0;}
.data-item-list .no-list p{font-size:15px; color:#222;}

.prd-item-list2{overflow:hidden;}
.prd-item-list2 > div{float:left; width:33.333%; margin-top:30px; overflow:hidden;}
.prd-item-list2 > div:nth-of-type(1),.prd-item-list2 > div:nth-of-type(2),.prd-item-list2 > div:nth-of-type(3){margin-top:0;}
.prd-item-list2 > div:nth-of-type(3n+1){clear:both;}
.prd-item-list2 > div:nth-of-type(3n+1) .box{float:left;}
.prd-item-list2 > div:nth-of-type(3n+3) .box{float:right;}
.prd-item-list2 .box{width:95%; margin:0 auto; /*max-width:224px;*/}
.prd-item-list2 .box .thumb{position:relative;}
.prd-item-list2 .box .thumb a{display:block; box-sizing:border-box; border:1px solid #eee; outline:none; transition:all 0.3s;}
.prd-item-list2 .box .thumb a span{display:block;}
.prd-item-list2 .box .thumb a span img{width:100%}
.prd-item-list2 .box .info{padding-top:25px; position:relative;}
.prd-item-list2 .box .info > em{display:block; color:#999; font-size:12px; line-height:32px; position:absolute; top:16px; right:35px; white-space:nowrap; text-align:right; font-style:normal;}
.prd-item-list2 .box .info a{display:block; outline:none;}
.prd-item-list2 .box .info a > strong{display:block; color:#888; font-size:14px; line-height:14px; font-weight:400; transition:all 0.3s;}
.prd-item-list2 .box .info a > p{font-family:'NanumSquare', sans-serif; color:#222; font-size:18px; line-height:26px; height:52px; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-top:10px; transition:all 0.3s;}
.prd-item-list2 .no-list{width:100%; text-align:center; padding:100px 0;}
.prd-item-list2 .no-list p{font-size:15px; color:#222;}

.prd-item-list2 .box:hover .thumb a{border-color:#08295b}
.prd-item-list2 .box:hover .info a > strong{color:#08295b}
.prd-item-list2 .box:hover .info a > p{color:#08295b}

.sub_view .prd_info{display:inline-block; vertical-align:top; padding-top:5px; width:400px; }
.sub_view .prd_info h3 {color: #222; font-size: 24px; line-height: 24px; font-family: 'NanumSquare', sans-serif; font-weight: 700}

.sub_view .prd_info .tit{ margin-bottom:25px; }
.sub_view .prd_info .tit dl dt span{ display:block; margin-bottom:14px; font-size:14px; line-height:24px; color:#888; letter-spacing:-0.05em; word-break: keep-all; word-wrap: break-word;}
.sub_view .prd_info .tit dl dt strong{ display:block; font-size:32px; line-height:42px; color:#222; font-weight:400; letter-spacing:-0.05em; word-break: keep-all; word-wrap: break-word;}
.sub_view .prd_info .tit dl dd{ margin-top:15px; font-size:16px; line-height:24px; color:#666; letter-spacing:-0.05em; word-break: keep-all; word-wrap: break-word;}

.sub_view .prd_info .description{ margin-bottom:50px; padding:25px 30px; background:#f9f9f9; }
.sub_view .prd_info .description dl{ font-size:0; margin-bottom:8px; }
.sub_view .prd_info .description dl:last-child{ margin-bottom:0; }
.sub_view .prd_info .description dt{ display:inline-block; vertical-align:top; width:70px; font-size:14px; line-height:24px; color:#666; letter-spacing:-0.05em; }
.sub_view .prd_info .description dd{ display:inline-block; vertical-align:top; width:calc(100% - 70px); font-size:14px; line-height:24px; color:#222; font-weight:700; word-break: keep-all; word-wrap: break-word;}

.sub_view .prd_info .btn{ overflow:hidden; }
.sub_view .prd_info .btn ul{ font-size:0;  margin-right:-10px;}
.sub_view .prd_info .btn ul li{ display:inline-block; vertical-align:top; width:calc(50% - 10px); margin-right:10px;}
.sub_view .prd_info .btn ul li:last-child{ margin-top:20px; width:calc(100% - 10px)}
.sub_view .prd_info .btn ul li a{ display:block; font-size:16px; line-height:48px; text-align:center; box-sizing:border-box; border-radius:25px; }
.sub_view .prd_info .btn ul li .btn01{ color:#666; border:1px solid #ddd;}
.sub_view .prd_info .btn ul li .btn01 span{ display:inline-block; vertical-align:top; padding-right:30px; background:url('../images/btn/btn_down.png') no-repeat right center; }
.sub_view .prd_info .btn ul li .btn02{ color:#fff; border:1px solid #222; background:#222; }

.sub_view .prd_info > .tag {margin-top: 40px; }
.sub_view .prd_info > .tag .tag-list {padding: 20px 0 0; }
.sub_view .prd_info > .tag .tag-list {font-size: 0; box-sizing: border-box; padding: 20px 10px 10px; }
.sub_view .prd_info > .tag .tag-list .tag_s {display: inline-block; vertical-align: middle; position: relative; z-index: 1; margin: 0 10px 10px 0;}
.sub_view .prd_info > .tag .tag-list .tag_s label {display: block; border: 1px solid #ddd; background: #fff; font-size: 12px; line-height: 28px; cursor: pointer; color: #aaa; border-radius: 20px; padding: 0 15px; position: relative; box-sizing: border-box;}
.sub_view .prd_info > .tag .tag-list .tag_s a {display: block; border: 1px solid #ddd; background: #fff; font-size: 12px; line-height: 28px; cursor: pointer; color: #aaa; border-radius: 20px; padding: 0 15px; position: relative; box-sizing: border-box;}

.sub_view .prd_info > .application{margin-top:30px; padding-top:35px; border-top:1px solid #ddd}
.sub_view .prd_info > .application h3{ font-size:24px; line-height:34px; color:#222; font-weight:700; font-family:'NanumSquare', sans-serif; }
.sub_view .prd_info > .application p{ padding-top:10px; font-size:16px; line-height:26px; word-break:keep-all;}

.sub_view .prd_info > .card{margin-top:35px; position:relative; overflow:hidden; padding:30px 20px 35px;}
.sub_view .prd_info > .card:before{content:''; width:100%; height:100%; border-radius:10px; position:absolute; top:0; right:0; z-index:-2; background:#4b6790}
.sub_view .prd_info > .card:after{content:''; width:139px; height:241px; position:absolute; top:-13px; right:0; z-index:-1; background:url('../images/common/pattern.png') no-repeat 0 0; background-size:139px 241px; opacity:0.04}
.sub_view .prd_info > .card p{padding-bottom:25px;}
.sub_view .prd_info > .card p img {max-height: 40px;}
.sub_view .prd_info > .card ul{padding:0 0 0 3px}
.sub_view .prd_info > .card ul li{font-size:14px; line-height:26px; position:relative; padding-left:60px; color:#fff;}
.sub_view .prd_info > .card ul li:before{content:attr(data-title); position:absolute; top:0; left:0}

/* PC */
@media all and (min-width:1025px){
	
}

/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){
	
}

/* 모바일 */
@media all and (max-width:768px){
	
}