@charset "UTF-8";
/*
	@ Function : PYH DESIGN CSS
*/
.subtop {min-height:200px;background:url(../../images/bg_subtop.jpg) no-repeat center top;background-color:#000;}
.subtop.sub05 {background:url(../../images/bg_subtop05.jpg) no-repeat center top;}
.subtop.sub04 {background:url(../../images/bg_subtop04.jpg) no-repeat center top;}
.subtop.sub03 {background:url(../../images/bg_subtop03.jpg) no-repeat center top;}
.subtop.sub02 {background:url(../../images/bg_subtop02.jpg) no-repeat center top;}
.subtop-wrap {max-width:990px;margin:0 auto;padding-top:70px;}
.subtop-tit {color:#fff;}
.subtop-tit span {display:block;text-align:right;}
.subtop-tit .t {font-size:28px;font-weight:bold;text-align: center;}
.subtop-tit .s {margin-top:8px;font-size:18px;font-weight:600;text-align: center;margin-top: 15px;}

.content {max-width:1100px;margin:0 auto;margin-top:70px;min-height: 560px;}
.content-wrap {position:relative;padding-left:250px;}
.aside {position:absolute;top:0;left:0;width:200px;background:#fff;}
.aside-tit {padding-bottom:20px;padding-left:20px;font-size:24px;font-weight:bold;color:#34404e;}
.aside-list li {border-bottom:1px solid #eee;line-height:50px;}
.aside-list li a {display:block;padding-left:20px;font-size:18px;color:#333;font-weight: 300;}
.aside-list li.on {background:#1e1f6a;}
.aside-list li.on a {font-weight:600;color:#fff;}

.con-tit {position:relative;padding-bottom:10px;border-bottom:1px solid #e5e5e5;line-height:30px;}
.con-tit .tit {font-size:28px;color:#313845;}
.con-tit .bread {position:absolute;bottom:0;right:0;}
.con-tit .bread .b {margin:0 5px;}
.con-tit .bread strong {font-weight:normal;color:#2778ba;}
.con-tit .bread .home {display:inline-block;position:relative;top:10px;width:13px;height:11px;background:url(../../images/sprite.png) -92px -18px;text-indent:-9999px;}
.quick_menu {margin-top: 35px;border:1px solid #cdcddb;box-sizing: border-box;padding: 20px 15px;box-sizing: border-box;}
.quick_menu .mtit {font-size: 18px;color: #1e1f6a;text-align: center;margin-bottom: 15px;font-weight: normal;}
.quick_menu .quick_list li {line-height: 40px;}
.quick_menu .quick_list li a {display: block;font-size: 16px;font-weight: normal;color: #07193a;}
.quick_menu .quick_list li img {vertical-align: middle;margin-right: 10px;}
.con-wrap .bgtest {background-color: #f3f3f3;display: block;min-height: 520px;}
#topBtn {position: fixed;left: 50%;margin-left:570px;bottom: 10%;z-index: 9999;}
.con_tit {font-size: 24px;color: #333;}
.line_box {padding: 20px 0;border-bottom: 1px solid #07193a;}
.line_box .commp {color: #333;font-size: 20px;}
.sub_content .row {overflow: hidden;}
.sub_content .textbox1 .b_commp {font-size: 24px;color: #333;line-height: 40px;}
.sub_content .textbox1 .commp {font-size: 18px;color: #333;line-height: 32px;margin-top: 20px;}
.sub_content .row .tb_put {height: 30px;vertical-align: middle;border: 1px solid #ddd;box-sizing: border-box;padding: 0 10px;}
.sub_content .row .text_put {height: 60px;vertical-align: middle;border: 1px solid #ddd;box-sizing: border-box;padding: 0 10px;}

.con_l {float: left;}
.con_r {float: right;}
.sub_content {padding: 25px 10px 100px;box-sizing: border-box;}
.sub_content .textbox1 .con_r img {margin-top: 40px;}
.row .info_list {margin-top: 50px;}
.row .info_list li:first-child {background-color: #f3f3f3;text-align: center;font-size: 18px;color: #333;font-weight: normal;height: 50px;line-height: 50px;padding-left: 0;}
.row .info_list li {position: relative;border-bottom: 1px solid #cdd1d8;font-size: 16px;color: #666;font-weight: 300;padding-left: 210px;box-sizing: border-box;height: 50px;line-height: 50px;}
.row .info_list li span {position: absolute;font-size: 16px;color: #333;font-weight: normal;text-align: center;width: 200px;left: 0;}

.row .order_list {margin-top: 50px;}
.row .order_list li:first-child {background-color: #f3f3f3;text-align: center;font-size: 18px;color: #333;font-weight: normal;height: 50px;line-height: 50px;padding-left: 0;}
.row .order_list li {position: relative;border-bottom: 1px solid #cdd1d8;font-size: 16px;color: #666;font-weight: 300;padding-left: 210px;box-sizing: border-box;height: 80px;line-height: 80px;}
.row .order_list li span {position: absolute;font-size: 16px;color: #333;font-weight: normal;text-align: center;width: 200px;left: 0;}



.sub03_conlist {}
.sub03_conlist .row {position: relative;box-sizing: border-box;padding: 35px 0 35px 160px;min-height: 190px;}
.sub03_conlist .iconbox {position: absolute;left: 0;width: 160px;text-align: center;}
.sub03_conlist .mtit {font-weight: 500;font-size: 18px;color: #333;margin-bottom: 10px;}
.sub03_conlist .commp {font-size: 16px;color: #333;line-height: 30px;font-weight: 300;}
.sub03_conlist .add_t {margin-top: 15px;padding-top: 15px;box-sizing: border-box;border-top: 1px solid #b4bac4;}
.sub03_conlist .add_t span {display: inline-block;margin-right: 20px;color: #333;font-size: 16px;}
.sub03_conlist .row:nth-child(2),.sub03_conlist .row:nth-child(4),.sub03_conlist .row:nth-child(6) {background-color: #f8f8f8;}
.tab_menu {position: relative;overflow: hidden;}
.tab_menu .tab_list {position: relative;overflow: hidden;}
.tab_menu .tab_list:after {content: '';width: 100%;left: 0;right: 0;height: 1px;background-color: #dcdcdc;position: absolute;bottom: 0;z-index: -1;}
.tab_menu .tab_list li {float: left;height: 50px;line-height: 50px;text-align: center;border: 1px solid #dcdcdc;border-bottom: none;}
.tab_menu .tab_list li a {display: block;font-size: 20px;color: #333;text-align: center;font-weight: 300;background-color: #eee;width: 100%;height: 100%;padding: 0 25px;box-sizing: border-box;}
.tab_menu .tab_list li.on {border-color: #333;border-bottom: 1px solid #fff;}
.tab_menu .tab_list li.on a {background-color: #fff;color: #333;}
.file_btn {width: 180px;height: 35px;text-align: center;background-color: #07193a;border-radius: 5px;overflow: hidden;position: absolute;bottom: 10px;right: 0;}
.file_btn a {color: #fff;display: block;font-size: 15px;width: 100%;height: 100%;line-height: 35px;}
.down_btn {width: 180px;height: 35px;text-align: center;background-color: #07193a;border-radius: 5px;overflow: hidden;bottom: 10px;right: 0;}
.down_btn a {color: #fff;display: block;font-size: 15px;width: 100%;height: 100%;line-height: 35px;}

.upload_con {padding: 20px 0;box-sizing: border-box;}
.download_row {overflow: hidden;margin: 0 -1%;}
.down_box {float: left;width: 46%;margin: 0 2%;text-align: center;border: 1px solid #f3f3f3;box-sizing: border-box;padding: 30px 0;}
.down_box .iconbox {display: inline-block;vertical-align: top;}
.down_box .titbox {display: inline-block;vertical-align: top;margin-left: 35px;}
.down_box .mtit {font-size: 18px;color: #333;font-weight: 500;text-align: left;}
.down_box .down_btn {background-color: #07193a;height: 35px;line-height: 35px;margin-top: 15px;border-radius: 5px;overflow: hidden;width: 180px;}
.down_box .down_btn a {color: #fff;display: block;width: 100%;height: 100%;}
.pd_row {margin-top: 45px;}
.pd_row .mtit {font-size: 20px;color: #333;}
.pd_row .pd_set {overflow: hidden;border-right: 1px solid #f3f3f3;box-sizing: border-box;margin-top: 20px;}
.pd_row .pdbox {float:left;padding: 20px;text-align: center;box-sizing: border-box;width: 33.333%;border-left: 1px solid #f3f3f3;box-sizing: border-box;border-top: 1px solid #f3f3f3;border-bottom: 1px solid #f3f3f3;}
.pd_row .pdbox a {display: block;width: 100%;height: 100%;}
.pd_row .pdbox .mtit {font-size: 18px;color: #333;margin-top: 15px;}
.pd_row .pdbox .comment_t {background-color: #8d0000;display: inline-block;margin-top: 0px;color: #fff;font-size: 11px;height: 20px;width: 100px;text-align: center;line-height: 20px;letter-spacing: 0;}
.con_sub_tit {font-size: 20px;color: #333;margin-top: 35px;}
.con_sub_tit span {display: inline-block;vertical-align: middle;color: #666;font-size: 13px;margin-left: 10px;}
.style_table {border: 1px solid #ddd;box-sizing: border-box;width: 100%;}
.style_table table {width: 100%;}
.style_table tr th:first-child {border-top: none;background-color: #fff !important;}
.style_table tr td {border-top: 1px solid #f3f3f3;background-color: #fff;height: 30px;box-sizing: border-box;text-align: center;font-size: 14px;color: #333;border-right: 1px solid #eee;}
.style_table tr th {background-color: #f3f3f3;font-size: 14px;color: #333;border-right: 1px solid #eee;}
.style_table tr td.bg2 {background-color: #f9f9f9;}
.style_table tr td.tb_c1 {font-size: 14px;color: #ccc;}
.style_table tr td .tb_put {width: 75px;height: 20px;vertical-align: middle;border: 1px solid #ddd;box-sizing: border-box;padding: 0 10px;}
.tb_btn {width: 180px;height: 35px;margin: 20px auto 0;display: block;background-color: #333;text-align: center;}
.tb_btn a {color: #fff;display: block;width: 100%;height: 100%;line-height: 35px;}
.custom_table {margin-top: 40px;border-left: 1px solid #eee;border-right: 1px solid #eee;border-bottom: 1px solid #ddd;box-sizing: border-box;min-height: 175px;}
.down_table {width: 100%;}
.down_table th {background-color: #d9d9d9;font-size: 14px;height: 25px;font-weight: 300;color: #333;}
.down_table td:first-child {text-align: center;}
.down_table td {color: #6d6d6d;font-size: 12px;font-family:'돋움','Dotum';}
.down_table td img {vertical-align: middle;margin-right: 10px;}
.down_table td input {vertical-align: middle;}
.tb_row .file_info {border-left: 1px solid #eee;border-right: 1px solid #eee;box-sizing: border-box;text-align: right;height: 25px;line-height: 25px;padding: 0 5px;box-sizing: border-box;}
.tb_row .file_info p {color: #000;font-size: 12px;font-family:'돋움','Dotum';}
.tb_row .file_info p span {color: #8f0000;display: inline-block;}
.tb_row .file_download {background-color: #ddd;padding: 10px 15px;box-sizing: border-box;overflow: hidden;}
.tb_row .file_download .comm_btn {display: inline-block;background-color: #fff;border: 1px solid #1884ec;box-sizing: border-box;margin-right: 15px;border-radius: 5px;overflow: hidden;vertical-align: middle;}
.tb_row .file_download .comm_btn a {display: block;color: #333;font-size: 13px;padding: 0 10px;}

.s_box {margin-top: 60px;}
.custom_table1 th {background-color: #f6f6f6;font-size: 16px;color: #333;border-right: 1px solid #eee;box-sizing: border-box;height: 50px;text-align: center;}
.custom_table1 th:last-child {border-right: none;}
.custom_table1 td {font-size: 15px;color: #666;text-align: center;padding: 10px;box-sizing: border-box;border-right: 1px solid #eee;border-bottom: 1px solid #eee}
.custom_table1 td:last-child {border-right: none;}
.c_red {color: #8d0000 !important;}
.s_box .sub_tbox1 {height: 50px;line-height: 50px;border-bottom: 1px solid #eee;box-sizing: border-box;color: #333;font-size: 16px;padding: 0 10px;}
.s_box .sub_tbox2 {border-bottom: 1px solid #eee;padding: 15px 10px;}
.s_box .sub_tbox2 .commp {font-size: 16px;color: #666;line-height: 32px;}
.s_box_set {overflow: hidden;margin-top: 60px;}
.s_box_set > div {width: 48%;border-bottom: 1px solid #eee;}
.s_box_set ul li {font-size: 16px;color: #333;line-height: 30px;}
.s_box_set ul {padding: 15px 10px;box-sizing: border-box;}
.s_box_set .con_l ul {background: url(../../images/sub03_bg1.gif) no-repeat 95% 15px;}
.s_box_set .con_r ul {background: url(../../images/sub03_bg2.gif) no-repeat 95% 15px;}






.main__section .maxWidth {max-width:1100px;margin:0 auto;}
.main__section .l-table {display:table;table-layout:fixed;width:100%;height:100%;}
.main__section .l-cell {display:table-cell;vertical-align:middle;}

.main__title {text-align:center;font-weight:600;font-size:30px;color:#000;}
.main__desc {margin:10px 0 55px;text-align:center;font-weight:300;font-size:16px;color:#666;}



/*메인슬라이드*/
.particles {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0.6}
#main__slider {position:relative;background-repeat:no-repeat;background-position:center;background-size:cover;}
.slider {position:relative;z-index:9}
.slider_inner {overflow:hidden;height:780px;}
.slider_inner .row {max-width:1100px;margin:0 auto;box-sizing:border-box;position:relative;}
.slider_inner .slider_info.right {float:right;width:45%;}
.slider_inner .infos_txt {display:inline-block;margin-bottom:22px;padding:5px 20px;background-color:#fff;font-weight:600;font-size:24px;color:#053a6c;position:relative;z-index:2}
.slider_inner .infos_title {display:block;margin-top:15px;font-weight:300;font-size:32px;color:#fff;line-height:1.3;}
.slider_inner .slider_info.right .infos_title {font-size:28px;}
.slider_inner .infos_desc {display:block;margin-top:15px;font-weight:300;font-size:18px;color:#fff;line-height:1.5;position:relative;z-index:2}
.slider_inner .infos_link {display:block;width:340px;height:60px;line-height:55px;margin-top:40px;border:1px solid #fff;text-align:center;box-sizing:border-box;font-weight:300;font-size:16px;color:#fff;transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out;-ms-:all 0.4s ease-out;-o-:all 0.4s ease-out;position:relative;z-index:2;text-transform:uppercase;letter-spacing:0;position:relative;z-index:99}
.slider_inner .infos_link i {display:inline-block;width:8px;height:9px;margin-left:6px;margin-top:-2px;background-image:url(../../images/main/i_infos_link.png);background-repeat:no-repeat;background-position:center;vertical-align:middle;}
.slider_inner .infos_link:hover {background-color:#a42626;border-color:#a42626;}
.slider_inner .infos_link.text_obj {top:30px;opacity:0}
.slider_inner .infos_link.text_obj.on {top:0;opacity:1}
.slider_inner .number {position:absolute;top:170px;left:330px;font-family: 'Montserrat Alternates', sans-serif;font-weight:600;font-size:320px;color:#fff;transition:all 0.6s ease-out;-webkit-transition:all 0.6s ease-out;-ms-transition:all 0.6s ease-out;-o-transition:all 0.6s ease-out;position:relative;opacity:0;z-index:9}
.slider_inner .number.text_obj.on {left:290px;opacity:0.1;}
.slider_inner .slider_info_txt {position:relative;top:-25px;transition:all 0.6s ease-out;-webkit-transition:all 0.6s ease-out;-ms-transition:all 0.6s ease-out;-o-transition:all 0.6s ease-out;}
.slider_inner .slider_info_txt.text_obj {-webkit-transition-delay:0.5s;-o-transition-delay:0.5s;transition-delay:0.5s;opacity:0}
.slider_inner .slider_info_txt.text_obj.on {top:0;opacity:1}
.slider_inner .text_box {display:inline-block;margin-top:6px;padding:5px 20px;background-color:#333;font-size:20px;color:#fff;}
.slider_inner .text_box.color {margin-top:20px;background-color:#a42626;}

.slider_images {position:absolute;top:-15px;right:-38%;width:102%;max-width:1200px;height:600px;}
.slider_images > span {position:absolute;top:0;display:block;transition:all 0.8s ease-out;-webkit-transition:all 0.8s ease-out;-ms-transition:all 0.8s ease-out;-o-transition:all 0.6s ease-out;}
.slider_images > span.images_v1 {top:-60px;left:250px;z-index:2;-webkit-transition-delay:0.5s;-o-transition-delay:0.5s;transition-delay:0.5s;}
.slider_images > span.images_v2 {top:18px;left:575px;z-index:1;-webkit-transition-delay: 1s;-o-transition-delay: 1s;transition-delay: 1s;}
.slider_images > span.images_v3 {top:155px;left:558px;z-index:3;-webkit-transition-delay: 1.5s;-o-transition-delay: 1.5s;transition-delay: 1.5s;}
.slider_images > span.images_v4 {top:207px;left:440px;z-index:4;-webkit-transition-delay: 2s;-o-transition-delay: 2s;transition-delay: 2s;}
.slider_images > span.images_v1.img_obj {left:210px;}
.slider_images > span.images_v1.img_obj.on {left:250px;}
.slider_images > span.images_v3.img_obj {top:185px;}
.slider_images > span.images_v3.img_obj.on {top:155px;}
.slider_images > span.images_v4.img_obj {top:237px;}
.slider_images > span.images_v4.img_obj.on {top:207px;}

.slider_images.slider_images_v2 {top:0;right:auto;left:0;max-width:620px;height:550px;}
.slider_images.slider_images_v2 > span {overflow:hidden;}
.slider_images > span.images_2_v1 {top:-30px;left:0;z-index:1;-webkit-transition-delay:0.5s;-o-transition-delay:0.5s;transition-delay:0.5s;}
.slider_images > span.images_2_v2 {top:-86px;left:30px;z-index:2;-webkit-transition-delay: 1s;-o-transition-delay: 1s;transition-delay: 1s;}
.slider_images > span.images_2_v3 {top:74px;left:70px;z-index:3;-webkit-transition-delay: 1.5s;-o-transition-delay: 1.5s;transition-delay: 1.5s;}
.slider_images > span.images_2_v4 {top:-73px;left:280px;z-index:4;-webkit-transition-delay: 1.8s;-o-transition-delay: 1.8s;transition-delay: 1.8s;}
.slider_images.slider_images_v2 > span.images_2_v1.img_obj {left:-30px;}
.slider_images.slider_images_v2 > span.images_2_v1.img_obj.on {left:0;}
.slider_images.slider_images_v2 > span.images_2_v2.img_obj {left:30px;}
.slider_images.slider_images_v2 > span.images_2_v2.img_obj.on {left:25px;}
.slider_images.slider_images_v2 > span.images_2_v3.img_obj {width:0;height:0;}
.slider_images.slider_images_v2 > span.images_2_v3.img_obj.on {width:230px;height:193px;}
.slider_images.slider_images_v2 > span.images_2_v4.img_obj {width:0;height:0;}
.slider_images.slider_images_v2 > span.images_2_v4.img_obj.on {width:287px;height:243px;}
.slider_images > span.img_obj {opacity:0;}
.slider_images > span.img_obj.on {opacity:1;}

#main__slider .bx-controls-direction a {position:absolute;top:50%;width:24px;height:44px;margin-top:-22px;background-repeat:no-repeat;background-position:center;background-size:cover;text-indent:-9999px;}
#main__slider .bx-controls-direction a.bx-prev {left:50px;background-image:url(../../images/main/slider_prev.png);}
#main__slider .bx-controls-direction a.bx-next {right:50px;background-image:url(../../images/main/slider_next.png);}
.slider-scroll a {display:block !important;position:absolute;right:50px;width:102px;height:110px;background-image:url(../../images/main/scroll_down.png);animation:scrollImage 2s linear infinite;cursor:pointer;text-align:center;z-index:9999;}
@keyframes scrollImage {0%{bottom:15px;}50%{bottom:30px;}100%{bottom:15px;}}

/*팝업*/
#video_popup {display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999}
#video_popup:before {content:'';position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.6}
.popup_inner {position:relative;z-index:9999;max-width:700px;margin:0 auto;}
.popup_inner .popup_close {display:block;text-align:right;margin-bottom:10px;}
.popup_inner .popup_close img {transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;}
.popup_inner .popup_close img:hover {transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);}

.popup_inner #vidoe {outline:none;}



#main__upload {padding:80px 0;}
#main__upload .main__upload_list ul {text-align:center;}
#main__upload .main__upload_list li {display:inline-block;width:24%;}
#main__upload .main__upload_list i {display:block;width:138px;height:138px;margin:0 auto;border-radius:138px;background-color:#242e42;-webkit-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;}
#main__upload .main__upload_list .bg i {background-color:#2778c9;}
#main__upload .main_upload_tit {display:block;margin-top:22px;font-weight:500;font-size:18px;color:#666;}
#main__upload .main__upload_list li:hover i {background-color:#000;}



#main__download {padding:80px 0 200px;background-color:#ebebeb;position:relative;}
#main__download .maxWidth {position:relative;z-index:2}
#main__download .main__download_list ul {overflow:hidden;margin:-1.5%;}
#main__download .main__download_list li {float:left;width:22%;margin:1.5%;}
#main__download .download_image {overflow:hidden;height:224px;width:100%;position:relative;}
#main__download .download_image > span {display:block;background-repeat:no-repeat;background-position:center;background-size:cover;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all 1s ease;-ms-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
#main__download li:hover .download_image > span {-webkit-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}

#main__download .download_info {background-color:#fff;padding:22px 30px;box-sizing:border-box;overflow:hidden;}
#main__download .download_info i {float:left;margin-top:3px;margin-right:20px;}
#main__download .download_info span {font-weight:400;font-size:18px;color:#666;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
#main__download li:hover .download_info span {color:#2d78c7;}
#main__download .main_download_bg {position:absolute;left:0;bottom:0;width:100%;height:400px;background-repeat:no-repeat;background-position:center;}
/* ----------------------------------------------------
    main Active CSS
------------------------------------------------------*/
.obj {position:relative;opacity:0;top:80px;-webkit-transition:all 0.7s ease-out;-ms-transition:all 0.7s ease-out;-o-transition:all 0.7s ease-out;transition:all 0.7s ease-out;}
#sub .obj {top:40px;}
.obj.active {opacity:1;top:0 !important;}
@media screen and (max-width: 540px){
    .obj {top:40px;}
    .obj.active {opacity:1;top:0 !important;}
}