@charset "utf-8";

.wrap{position: relative;min-width: 1300px;}
.inner{max-width: 1200px;margin: 0 auto;position: relative;}
.content{padding: 140px 0 100px;}
.sub_con{padding-top: 60px;}
.fit{padding: 0 20px;}
.os_font{font-family: 'Open Sans';}

header{position: absolute;left: 0;top: 0;width: 100%;overflow: hidden;height: 140px;background-color: rgba(0,0,0,0.7);z-index: 999;transition: 0.3s;}
header .head_wrap{padding: 0 20px;background-color: #fff;position: relative;text-align: center;}
header .head_wrap::before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background-color: #ebebeb;opacity: 0;transition: 0.2s;}
header h1{position: absolute;left: 0;top: 50%;margin-top: -24px;}
header h1 a{display: block;width: 206px;height: 48px;background: url(../images/logo.png) no-repeat center / contain;}
header .gnb1{display: inline-flex;justify-content: center;}
header .gnb1 > ul{display: inline-flex;justify-content: center;position: relative;}
header .gnb1 > ul > li > a{display: block;line-height: 140px;padding: 0 25px;}
header .gnb1 > ul > li > a span{position: relative;color: #101010;font-size: 1.063rem;transition: 0.2s;}
header .gnb1 > ul > li > a span::before{content: "";width: 12px;height: 12px;border-radius: 50%;background: rgba(243,89,35,0.2);position: absolute;right: -6px;top: -2px;transform: scale(0);transition: 0.2s;}
header .gnb2{display: none;position: absolute;top: 100%;left: 0;width: 100%;padding: 0 10px;white-space: nowrap;}
header .gnb2 ul{display: flex;}
header .gnb2 ul li a{display: block;padding: 0 20px;line-height: 56px;}
header .gnb2 ul li a span{color: #e1e1e1;font-size: 0.938rem;position: relative;transition: 0.2s;}
header .gnb2 ul li a span::before{content: "";position: absolute;right: -7px;top: 5px;width: 3px;height: 3px;background-color: #fff;border-radius: 50%;transform: scale(0);transition: 0.3s;}
header .member{position: absolute;right: 0;top: 50%;margin-top: -6px;}
header .member ul{display: flex;align-items: center;}
header .member ul li ~ li{margin-left: 12px;padding-left: 12px;border-left: 1px solid #ccc;}
header .member ul li a{display: block;color: #777;font-size: 0.75rem;background-repeat: no-repeat;background-position: left center;padding-left: 18px;}
header .member ul li.ic1 a{background-image: url(../images/member-icon1.png);}
header .member ul li.ic2 a{background-image: url(../images/member-icon2.png);}
header.on{height: 196px;}
header.on .head_wrap::before{opacity: 1;}
header .gnb1 > ul > li:hover .gnb2{display: block;}
header .gnb1 > ul > li:hover > a span{font-weight: 500;color: #f15923;}
header .gnb1 > ul > li:hover > a span::before{transform: none;}
header .gnb2 ul li a:hover span{color: #fff;font-weight: 500;}
header .gnb2 ul li a:hover span::before{transform:none;}

footer .foot_top{border-top: 1px solid #ddd;}
footer .foot_top ul{display: flex;align-items: center;}
footer .foot_top ul li{position: relative;}
footer .foot_top ul li ~ li{padding-left: 17px;margin-left: 17px;}
footer .foot_top ul li ~ li::before{content: "";width: 3px;height: 3px;border-radius: 50%;background-color: #bbb;position: absolute;left: -2px;top: 50%;margin-top: -2px;}
footer .foot_top ul li a{display: block;line-height: 50px;color: #101010;font-size: 0.813rem;}
footer .foot_bot{background-color: #f4f4f4;border-top: 1px solid #ebebeb;padding: 35px 0 50px;}
footer .foot_bot .foot_logo{width: 330px;height: 44px;background: url(../images/foot-logo.png) no-repeat center;background-size: contain;position: absolute;right: 0;top: 50%;margin-top: -22px;}
footer .foot_bot .ori{font-size: 0.75rem;color: #888;line-height: 1.833em;margin-bottom: 25px;}
footer .foot_bot .ori span{color: #101010;font-weight: 500;}
footer .foot_bot address{font-family: 'Open Sans';color: #888;font-size: 0.75rem;}

.navi{border-top: 1px solid #ebebeb;border-bottom: 1px solid #ddd;}
.navi ul{display: flex;align-items: center;}
.navi ul .home{width: 10px;height: 10px;background: url(../images/home-icon.png) no-repeat center;}
.navi ul li{line-height: 55px;font-size: 0.813rem;}
.navi ul .dep1{margin-left: 15px;}
.navi ul .dep2{padding-left: 20px;margin-left: 15px;background: url(../images/nav-arr.png) no-repeat left center;}
.navi ul li:last-child{color: #101010;font-weight: 500;}

.main_tit{position: relative;}
.main_tit p{color: #101010;font-weight: 600;font-size: 1.5rem;}
.main_tit .more_btn{position: absolute;right: 0;top: 50%;margin-top: -15px;}
.main_tit .more_btn a{display: block;width: 30px;height: 30px;background: url(../images/more-btn.png) no-repeat center;background-size: contain;}

.vis{border-radius: 16px;overflow: hidden;position: relative;}
.vis .vis_sd{height: 460px;}
.vis .vis_sd a{display: block;width: 100%;height: 100%;}
.vis .vis_sd .vis_img{width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.vis .vis_sd .vis_ban{position: absolute;left: 120px;bottom: 0;filter: drop-shadow(0 0 10px rgba(0,0,0,0.1));}
.vis .vis_cont{position: absolute;right: 30px;bottom: 30px;z-index: 10;width: 120px;height: 40px;display: flex;align-items: center;justify-content: center;background: rgba(0,0,0,0.3);border-radius: 50px;}
.vis .vis_cont button{border: none;width: 7px;height: 10px;background-repeat: no-repeat;background-size: contain;background-color: transparent;}
.vis .vis_cont .prev{background-image: url(../images/vis-prev.png);}
.vis .vis_cont .next{background-image: url(../images/vis-next.png);}
.vis .vis_cont .btn{margin: 0 10px;}
.vis .vis_cont .stop{background-image: url(../images/vis-stop.png);}
.vis .vis_cont .play{background-image: url(../images/vis-play.png);}
.vis .vis_cont .vis_pagination{width: auto;color: #fff;padding-left: 17px;font-size: 0.75rem;font-weight: 600;letter-spacing: -0.05em;}

.quick{padding: 70px 30px;display: flex;align-items: center;justify-content: space-between;}
.quick ul{display: flex;align-items: center;}
.quick ul li{text-align: center;width: 158px;}
.quick ul li ~ li{margin-left: 20px;}
.quick ul li a{display: block;background-repeat: no-repeat;background-position: center top;padding: 5px 0;}
.quick ul li a span{display: block;color: #555;font-size: 0.938rem;padding-top: 75px;}
.quick ul li.q1 a{background-image: url(../images/quick1.png);}
.quick ul li.q2 a{background-image: url(../images/quick2.png);}
.quick ul li.q3 a{background-image: url(../images/quick3.png);}
.quick ul li.q4 a{background-image: url(../images/quick4.png);}
.quick ul li.q5 a{background-image: url(../images/quick5.png);}

.tbl_area2{display: flex;justify-content: space-between;}
.tbl_area2 .area{width: calc(50% - 20px);}
.tbl_area2 .box{padding: 40px 30px 15px 30px;}
.tbl_area2 .ex_sche .box{background-color: #eaf4e4;border-radius: 16px;}
.tbl_area2 .ex_sche .ori{margin-top: 15px;padding-left: 30px;color: #555;font-size: 0.75rem;}
.tbl_area2 .ex_sche .ori span{color:#256401;font-weight: 500;}
.ex_tbl table{width: 100%;}
.ex_tbl table thead{box-shadow: 0 0 20px rgba(37,100,1,0.1);border-radius: 40px;}
.ex_tbl table th{background-color: #fff;color: #101010;font-size: 0.813rem;font-weight: 500;padding: 15px 5px;text-align: center;}
.ex_tbl table thead th ~ th{border-left: 1px solid #e2efd9;}
.ex_tbl table thead th:first-child{border-radius: 40px 0 0 40px;}
.ex_tbl table thead th:last-child{border-radius: 0 40px 40px 0;}
.ex_tbl table td{border-bottom: 1px solid rgba(37,100,1,0.2);font-size: 0.813rem;line-height: 1.385em;padding: 17px 5px;color: #555;text-align: center;}
.ex_tbl table td span{font-weight: 500;color: #256401;}
.ex_tbl table tr:last-child td{border-bottom: none;}
.notice ul li{display: flex;align-items: center;justify-content: space-between;padding: 18px 0;}
.notice ul li ~ li{border-top: 1px solid #ddd;}
.notice ul li p{overflow: hidden;}
.notice ul li.new p{padding-right: 17px;background: url(../images/new-icon.png) no-repeat right center;}
.notice ul li p a{color: #555;font-size: 0.875rem;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.notice ul li span{flex-shrink: 0;color: #888;font-size: 0.75rem;font-family: 'Open Sans';padding-left: 20px;}

.sub_area::after{content: "";display: block;clear: both;}
.sub_area .lef_con{width: 240px;margin-right: 60px;float: left;}
.sub_area .rig_con{width: calc(100% - 300px);float: right;}
.left_menu p{line-height: 68px;padding: 0 30px;font-size: 1.25rem;font-weight: 500;background-color: #71bf44;color: #fff;border-radius: 16px 16px 0 0;}
.left_menu ul{border: 1px solid #ddd;border-top: 1px solid #65ac3d;padding: 0 30px;border-radius: 0 0 16px 16px;}
.left_menu ul li ~ li{border-top: 1px dashed #ccc;}
.left_menu ul li a{display: block;line-height: 50px;color: #101010;font-size: 0.875rem;}
.left_menu ul li.on a{color: #f15923;font-weight: 500;}
.contact{margin-top: 30px;padding: 30px;border-radius: 16px;border: 1px solid #ddd;text-align: center;}
.contact p{text-align: left;color: #1a1a1a;font-size: 0.875rem;margin-top: 30px;padding-bottom: 15px;border-bottom: 1px dashed #ccc;}
.contact .tel{text-align: left;margin-top: 15px;padding-left: 25px;color: #f15923;font-weight: 600;background: url(../images/tel-icon.png) no-repeat left center;}
.con_tit{color: #101010;font-weight: 600;font-size: 1.75rem;margin-bottom: 40px;}
.tit_type1{margin-bottom: 20px;color: #101010;font-size: 1.125rem;font-weight: 500;}
.chk_type1{display: flex;align-items: center;}
.chk_type1 input{display: none;}
.chk_type1 span{width: 14px;height: 14px;border-radius: 50%;border: 1px solid #f15923;position: relative;}
.chk_type1 span::before{content: "";width: 8px;height: 8px;border-radius: 50%;background-color: #f15923;position: absolute;left: 50%;top: 50%;margin-top: -4px;margin-left: -4px;opacity: 0;transition: 0.2s;}
.chk_type1 input:checked + span::before{opacity: 1;}
.chk_type1 p{margin-left: 7px;line-height: 15px;}

.chk_st{display: flex;}
.chk_st span{display: flex;width: 16px;height: 16px;background: url(../images/chktype2.png) no-repeat center;background-size: contain;}
.chk_st span.on{background-image: url(../images/chktype2-on.png);}

.login{width: 380px;margin: 0 auto;text-align: center;}
.login dl{margin-bottom: 35px;}
.login dl dt{margin-bottom: 30px;}
.login dl dt img{width: 172px;}
.login dl dd{color: #101010;line-height: 1.5em;}
.login dl dd span{color: #f15923;}
.login .log_form .inp_area{margin-bottom: 20px;}
.login .log_form .inp_area input{display: block;width: 100%;;border: 1px solid #ddd;height: 50px;border-radius: 4px;padding: 0 20px;outline: none;font-size: 0.813rem;color: #101010;}
.login .log_form .inp_area input ~ input{margin-top: 10px;}
.login .log_form .inp_area input::placeholder{color: #999;}
.login .log_form ul{display: flex;align-items: center;justify-content: space-between;margin-top: 20px;}
.login .log_form ul li{width: calc(50% - 5px);}
.login .log_form ul li a{display: flex;align-items: center;justify-content: center;width: 100%;height: 40px;background-color: #fafafa;border: 1px solid #ddd;color: #101010;font-size: 0.813rem;font-weight: 500;}
.login p{color:#555;font-size: 0.813rem;line-height: 1.692em;margin-top: 25px;}
.login p span{font-weight: 500;color: #101010;}

.tbl_type1 table{width: 100%;border-top: 1px solid #101010;table-layout: fixed;}
.tbl_type1 table th{background-color: #fafafa;color: #101010;font-weight: 500;font-size: 0.875rem;line-height: 1.2em;border-bottom: 1px solid #ddd;padding: 0 5px;height: 52px;text-align: center;}
.tbl_type1 table td{color: #555;font-size: 0.75rem;border-bottom: 1px solid #ddd;padding: 16px 5px;text-align: center;}
.tbl_type1 table td.pd{padding: 14px 5px;}
.tbl_type1 table td .tit{text-align: left;font-size: 0.875rem;line-height: 1.286em;overflow: hidden;display: flex;}
.tbl_type1 table td .tit.new a{padding-right: 17px;background: url(../images/new-icon.png) no-repeat right center;}
.tbl_type1 table td .tit a{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tbl_type1 table td .bl{color: #1a1a1a;}
.tbl_type1 table td .bold{font-weight: 700;}
.tbl_type1 table td .co{color: #256401;font-weight: 500;}
.tbl_type1 table td .font_14{font-size: 0.875rem;line-height: 1.286em;}
.tbl_type1 table td .file{display: block;width: 13px;height: 14px;background: url(../images/file-icon.png) no-repeat center;background-size: contain;margin: 0 auto;}
.tbl_type1 table td .co_box{display: inline-block;line-height: 28px;padding: 0 11px;font-size: 0.75rem;color: #fff;font-weight: 500;background-color: #f15923;border-radius: 4px;}
.tbl_type1 table td .co_box.off{background-color: #aaa;}
.tbl_type1 table td .co_box.gray{background-color: #666;}
.tbl_type1 table td .co_box.green{background-color: #71bf44;}

.tbl_type2 table{width: 100%;border-top: 1px solid #101010;table-layout: fixed;}
.tbl_type2 table th{text-align: left;background-color: #fafafa;border-bottom: 1px solid #ddd;font-size: 0.875rem;font-weight: 500;color: #101010;padding: 18px 20px;}
.tbl_type2 table td{text-align: left;border-bottom: 1px solid #ddd;font-size: 0.875rem;padding: 16px 20px;color: #555;line-height: 1.286em;}
.tbl_type2 table td .bl{color: #101010;}
.tbl_type2 table td .bold{font-weight: 500;}
.tbl_type2 table td .co_or{color: #f15923;}
.tbl_type2 table td .down{color: #0048ff;text-decoration: underline;text-underline-position: under;}
.tbl_type2 table .inp_wrap{padding: 8px 20px;}
.tbl_type2 table .inp_wrap input[type=text],
.tbl_type2 table .inp_wrap input[type=password],
.tbl_type2 table .inp_wrap select{border: 1px solid #ddd;height: 36px;outline: none;padding: 0 10px;font-size: 0.875rem;color: #555;}
.tbl_type2 table .inp_wrap select{background: url(../images/sel-icon.png) no-repeat right 10px center;padding-right: 20px;}
.tbl_type2 table .inp_wrap .w_90{width: 90px;}
.tbl_type2 table .inp_wrap .w_140{width: 140px;}
.tbl_type2 table .inp_wrap .w_180{width: 180px;}
.tbl_type2 table .inp_wrap .w_210{width: 210px;}
.tbl_type2 table .inp_wrap .w_240{width: 240px;}
.tbl_type2 table .inp_wrap .w_300{width: 300px;}
.tbl_type2 table .inp_wrap .w_max{width: 100%;}
.tbl_type2 table .inp_wrap ul{display: flex;align-items: center;}
.tbl_type2 table .inp_wrap ul ~ ul{margin-top: 8px;}
.tbl_type2 table .inp_wrap ul li{display: flex;align-items: center;}
.tbl_type2 table .inp_wrap ul .m_l_8{margin-left: 8px;}
.tbl_type2 table .inp_wrap ul .m_l_10{margin-left: 10px;}
.tbl_type2 table .inp_wrap ul .m_l_15{margin-left: 15px;}
.tbl_type2 table .inp_wrap ul .m_r_8{margin-right: 8px;}
.tbl_type2 table .inp_wrap p{font-size: 0.813rem;color: #555;}
.tbl_type2 table .inp_wrap p.co{color: #f15923;}
.tbl_type2 table .inp_wrap .bl_btn{width: 90px;line-height: 36px;border: none;color: #fff;font-size: 0.875rem;font-weight: 500;background-color: #101010;text-align: center;}
.tbl_type2 table .inp_wrap em{display: block;padding: 0 4px;text-align: center;font-size: 0.75rem;}
.tbl_type2 table .inp_wrap .file_box{display: none;}
.tbl_type2 table .photo_area{text-align: center;border-left: 1px solid #ddd;border-right: 1px solid #ddd;border-top: 1px solid #101010;}
.tbl_type2 .co_ori{font-size: 0.813rem;font-weight: 500;color: #00008b;line-height: 1.385em;margin-top: 10px;}

.view_box{padding: 25px 20px;min-height: 300px;border-bottom: 1px solid #ddd;}
.view_box p{color: #555;font-size: 0.875rem;line-height: 1.714em;}

.pagination{margin-top: 30px;}
.pagination ul{display: flex;align-items: center;justify-content: center;}
.pagination ul li{padding: 0 5px;}
.pagination ul li a{display: block;width: 24px;height: 24px;line-height: 24px;text-align: center;border-radius: 6px;font-size: 0.75rem;color: #555;}
.pagination ul li.on a{background-color: #f15923;color: #fff;font-weight: 600;}
.pagination ul li.arr a{border: 1px solid #ddd;background-repeat: no-repeat;background-position: center;}
.pagination ul li.first a{background-image: url(../images/page-first.png);}
.pagination ul li.prev a{background-image: url(../images/page-prev.png);}
.pagination ul li.next a{background-image: url(../images/page-next.png);}
.pagination ul li.last a{background-image: url(../images/page-last.png);}
.pagination ul li.first{padding: 0;margin-right: 6px;}
.pagination ul li.last{padding: 0;margin-left: 6px;}
.pagination ul li.prev{padding: 0;margin-right: 20px;}
.pagination ul li.next{padding: 0;margin-left: 20px;}

.btn_area ul{display: flex;align-items: center;justify-content: center;}
.btn_area ul li ~ li{margin-left: 20px;}
.btn_area ul li.w_180{width: 180px;}
.btn_type{display: block;width: 100%;line-height: 50px;height: 50px;color: #fff;font-weight: 600;border: none;border-radius: 4px;text-align: center;}
.btn_type1{background-color: #f15923;}
.btn_type2{background-color: #666;}

.terms{margin-bottom: 40px;}
.terms .box ~ .box{margin-top: 40px;}
.terms textarea{display: block;width: 100%;border: 1px solid #ddd;resize: none;height: 120px;padding: 15px;color: #666;font-size: 0.75rem;line-height: 1.3em;}
.agree{display: flex;align-items: center;justify-content: space-between;margin-top: 15px;}
.agree label{display: flex;align-items: center;}
.agree label input{display: none;}
.agree label span{width: 16px;height: 16px;margin-right: 7px;background: url(../images/agree-chk.png) no-repeat center / cover;}
.agree label input:checked + span{background-image: url(../images/agree-chk-on.png);}
.agree label p{color: #555;font-size: 0.813rem;}
.agree .down{display: block;line-height: 28px;border-radius: 4px;background-color: #f15923;color: #fff;font-size: 0.75rem;font-weight: 500;text-align: center;}
.agree .down.w_110{width: 110px;}
.agree .down.w_150{width: 150px;}

.tbl_ori{margin-top: 20px;font-size: 0.813rem;color: #555;margin-top: 20px;}
.tbl_ori label{display: flex;align-items: center;}
.tbl_ori label input{display: none;}
.tbl_ori label span{width: 16px;height: 16px;margin-right: 7px;background: url(../images/agree-chk.png) no-repeat center / cover;}
.tbl_ori label input:checked + span{background-image: url(../images/agree-chk-on.png);}
.tbl_ori label p{color: #555;font-size: 0.813rem;}

.bot_ori{margin-top: 25px;}
.bot_ori p{position: relative;padding-left: 15px;font-size: 0.813rem;color: #555;line-height: 1.692em;}
.bot_ori p ~ p{margin-top: 5px;}
.bot_ori p::before{content:"※";position: absolute;left: 0;top: 0;}
.bot_ori p .co1{color: #f15923;font-weight: 500;}
.bot_ori p .co2{color: #00008b;font-weight: 500;}
.bot_ori p .under{text-decoration: underline;}

.banner{margin: 80px 0;text-align: center;}