@charset "utf-8";

#skip{top:0;right:0;position:absolute;width:100%;height:15px;text-align:center}
#skip li a{display:block;left:-10000px;position:absolute;top:0;width:100%;text-align:center;z-index:0;height:1px}
#skip li a:hover, #skip li a:focus, #skip li a:active {background:#0089d0;position:absolute;top:0px;left:0;z-index:5;color:#fff;width:100%;height:25px;padding:5px 0 0 0}

.blind{display:block;overflow:hidden;position:absolute;top:0;left:-5000px;font-size:1.8em}
.hide{display:none !important;margin:0;padding:0}

/* ************************* S : common style************************** */
.s_con{font-size:17px;line-height:1.5em}
.s_con h4{font-size:36px;font-weight:700;line-height:1.25em;color:#fff;letter-spacing:-0.05em;margin:60px 0 15px 0}
.s_con h4:first-child{margin-top:0}
.s_con h5{font-size:25px;font-weight:700;line-height:1.5em;color:#fff;margin:40px 0 10px 0}

.basic_p{margin:10px 0 10px 0}
.basic_ul{margin:0 0 40px 0}
.basic_ul li{padding:0 0 0 12px;margin:10px 0;position:relative}
.basic_ul li:before{content:"";display:block;width:5px;height:5px;background:#0089d0;position:absolute;top:7px;left:0} 
.basic_ul li ul{margin:10px 0}
.basic_ul li li{padding:0 0 0 12px;font-size:16px;color:#898989}
.basic_ul li li:before{content:"";display:block;width:7px;height:2px;background:#999;position:absolute;top:10px;left:0;border-radius:0}
.basic_ul li li li{padding:0 0 0 10px;margin:7px 0}
.basic_ul li li li:before{content:"";display:block;width:3px;height:3px;background:#767676;position:absolute;top:10px;left:0;border-radius:100%}
.basic_ul li.li_none{padding:0}
.basic_ul li.li_none:before{display:none}

.fc_red{color:#f26a29;font-style:normal}
.fc_blue{color:#0089d0;font-style:normal}

.table_unit{text-align:right;font-size:15px;color:#898989;margin:0 0 5px 0}
.over_table{position:relative;padding:15px 0 0 0}
.over_table>div{overflow-x:auto} 
.over_table:before{content:"";display:block;width:40px;height:40px;background:url("/images/common/ico_con.png") no-repeat 0 -20px;position:absolute;top:0;animation:scrollImage 2s linear infinite}
.basic_table{width:100%;min-width:700px;margin:0 0 10px 0;border-top:1px solid #4a4a4a}
.basic_table th, .basic_table td{text-align:center;border:1px solid #353537;border-top:none;vertical-align:middle;padding:14px 10px}
.basic_table th{background:#2a2b2c;border-top:none}
.basic_table td li{line-height:1.5em;padding:0 0 0 12px;margin:10px 0;position:relative;text-align:left}
.basic_table td li:before{content:"";display:block;width:5px;height:5px;background:#0089d0;position:absolute;top:7px;left:0} 
.basic_table td li ul{margin:10px 0}
.basic_table td li li{padding:0 0 0 12px;font-size:16px;color:#898989}
.basic_table td li li:before{content:"";display:block;width:7px;height:2px;background:#999;position:absolute;top:10px;left:0;border-radius:0}
.basic_table td li li li{padding:0 0 0 10px;margin:7px 0}
.basic_table td li li li:before{content:"";display:block;width:3px;height:3px;background:#767676;position:absolute;top:10px;left:0;border-radius:100%}
.basic_table td li.li_none{padding:0}
.basic_table td li.li_none:before{display:none}
.basic_table td .sbtn_go, .basic_table td .sbtn_new, .basic_table td .sbtn_down{white-space:nowrap;margin:0 2px}
.basic_table .point_bg{background:#f4f3f3}
.table_left td{text-align:left}
li .basic_table td{text-align:center}
li .basic_table td.txt_left{text-align:left}
.tntable{min-width:100%}

.basic_tab{margin:0 0 50px 0}
.basic_tab ul:after{content:"";display:block;clear:both}
.basic_tab li{float:left;width:100%}
.basic_tab li a{display:block;padding:12px 15px;margin:0 0 1px 0;height:30px;border:1px solid #0089d0;background:#0089d0;line-height:1.5em;text-align:center;color:#fff;position:relative}
.basic_tab li a:before{content:"";display:block;position:absolute;top:0;left:-2px;bottom:0;width:1px;background:#fff;opacity:.1}
.basic_tab li a:first-child{}
.basic_tab li a:hover,.basic_tab li a:focus{background:#4a4a4a}
.basic_tab li.on a{background:#fff;color:#0089d0;border-bottom-color:#fff}
.basic_tab li.on a:after{content:"";display:block;width:7px;height:5px;background:url("/images/common/ico_con.png") no-repeat -140px 0;position:absolute;bottom:5px;left:50%;transform:translate(-50%, 0)}
.basic_tab li a .new_win,.basic_tab li a:hover .new_win,.basic_tab li a:focus .new_win{background-position:0 -120px}
.basic_tab li.on a .new_win{background-position:-20px -120px}

.basic_btn{text-align:center;margin:20px 0}
.basic_btn a{display:inline-block;padding:15px 30px;margin:0 5px 10px 5px;background:#0089d0;color:#fff}
.basic_btn a:hover,.basic_btn a:focus{background:#4a4a4a}
.basic_btn a:after{content:"";display:inline-block;width:20px;height:20px;vertical-align:middle;background:url("/images/common/ico_con.png") no-repeat;margin:0 0 0 15px}
a.btn_new:after{background-position:0 0}
a.btn_down:after{background-position:-40px 0}
a.btn_go{}
a.btn_go:after{background-position:-80px 0}
a.btn_go2{background:#fff;border:1px solid #0089d0;color:#0089d0;padding:14px 30px}
a.btn_go2:hover,a.btn_go2:focus{background:#4a4a4a;border-color:#4a4a4a;color:#fff}
a.btn_go2:after{background-position:-100px 0}
a.btn_go2:hover:after,a.btn_go2:focus:after{background-position:-80px 0}
.sbtn_go{display:inline-block;padding:1px 15px;margin:0 3px 5px 3px;background:#4a4a4a;color:#fff;font-size:14px;border-radius:3px}
.sbtn_go:hover,.sbtn_go:focus{background:#0089d0;color:#fff}
.sbtn_new{display:inline-block;padding:1px 15px;margin:0 3px 5px 3px;background:#4a4a4a;color:#fff;font-size:14px;border-radius:3px;position:relative}
.sbtn_new:hover,.sbtn_new:focus{background:#0089d0;color:#fff}
.sbtn_new:after{content:"";display:inline-block;width:20px;height:20px;vertical-align:middle;background:url("/images/common/ico_con.png") no-repeat;margin:-2px 0 0 5px}
.sbtn_down{display:inline-block;padding:1px 15px;margin:0 3px 5px 3px;background:#4a4a4a;color:#fff;font-size:14px;border-radius:3px;position:relative}
.sbtn_down:hover,.sbtn_down:focus{background:#0089d0;color:#fff}
.sbtn_down:after{content:"";display:inline-block;width:20px;height:20px;vertical-align:middle;background:url("/images/common/ico_con.png") no-repeat -40px 0;margin:-2px 0 0 5px}
.txt_link{color:#0089d0;text-decoration:underline}
.txt_link:hover,.txt_link:focus{color:#f26a29;text-decoration:underline}
.txt_link:after{content:"";display:inline-block;background: url("/images/common/ico_con.png") no-repeat -20px 0;width:20px;height:20px;margin-left:2px;vertical-align:middle}

.basic_box{padding:30px;margin:20px 0 30px 0;border:1px solid #0089d0}
.basic_box li{padding:0 0 0 12px;margin:10px 0;position:relative}
.basic_box li:before{content:"";display:block;width:5px;height:5px;background:#0089d0;position:absolute;top:7px;left:0} 
.basic_box li ul{margin:10px 0}
.basic_box li li{padding:0 0 0 12px;font-size:16px;color:#898989}
.basic_box li li:before{content:"";display:block;width:7px;height:2px;background:#999;position:absolute;top:10px;left:0;border-radius:0}
.basic_box li li li{padding:0 0 0 10px;margin:7px 0}
.basic_box li li li:before{content:"";display:block;width:3px;height:3px;background:#767676;position:absolute;top:10px;left:0;border-radius:100%}
.basic_box li.li_none{padding:0}
.basic_box li.li_none:before{display:none}
.basic_box2{padding:30px;margin:20px 0 30px 0;background:#2a2b2c}
.basic_box2 li{padding:0 0 0 12px;margin:10px 0;position:relative}
.basic_box2 li:before{content:"";display:block;width:5px;height:5px;background:#0089d0;position:absolute;top:7px;left:0} 
.basic_box2 li ul{margin:10px 0}
.basic_box2 li li{padding:0 0 0 12px;font-size:16px;color:#898989}
.basic_box2 li li:before{content:"";display:block;width:7px;height:2px;background:#999;position:absolute;top:10px;left:0;border-radius:0}
.basic_box2 li li li{padding:0 0 0 10px;margin:7px 0}
.basic_box2 li li li:before{content:"";display:block;width:3px;height:3px;background:#767676;position:absolute;top:10px;left:0;border-radius:100%}
.basic_box2 li.li_none{padding:0}
.basic_box2 li.li_none:before{display:none}
.info_txt{padding:0 0 0 30px;line-height:1.5em;position:relative}
.info_txt:before{content:"";display:inline-block;width:20px;height:20px;vertical-align:middle;background: url("/images/common/ico_con.png") no-repeat -120px 0;position:absolute;top:12px;left:0;transform:translate(0, -50%)}
.line_dot{border-top: 1px dashed #353537;padding-top:15px;margin-top:15px}

.basic_step li{padding: 25px 0 0 0;margin: 0 0 8px 0;text-align:center;line-height:1.5em;position:relative}
.basic_step li:first-child{padding:0}
.basic_step li:before{content:"";display:block;width:20px;height:20px;background: url("/images/common/ico_con.png") -160px 0;position:absolute;top: -2px;left: 50%;transform: translate(-50%, 0);}
.basic_step li:first-child:before{display:none}
.basic_step li strong{display:block;background: #1b74d6;color:#fff;padding:16px 15px;}
.basic_step li span{display:block;border: 1px solid #1b74d6;padding:15px;font-weight: 400;word-break: keep-all;}
.basic_step li:last-child span{background:#fff;}
.basic_step li span em{font-style:normal;font-size:14px}
.basic_step li span.line2{padding: 27px 0;}

.big_img{border:1px solid #e1e1e1;position:relative;padding:20px;margin:5px 0;text-align:center}
.big_img img{width:100%}
.big_img a{position:absolute;bottom:0;right:0;display:block;background: url(/images/common/cmd_ico.png) no-repeat -10px -1152px #494949;color:#fff;padding:10px 10px 10px 40px;}
.w100 img, img.w100{width:100%}
.comment{display:block;overflow:hidden;position:absolute;font-size:1.8em;left:-5000px;top:0;}
.map_area{border:1px solid #ccc;height:300px}
.map_area img{width:100%}

.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs13{font-size:13px !important;}
.fs14{font-size:14px;}
.fs15{font-size:15px;}
.fs16{font-size:16px;}
.fs17{font-size:17px;}
.fs18{font-size:18px;}
.fs19{font-size:19px;}
.fs20{font-size:20px;}
.fs21{font-size:21px;}
.fs22{font-size:22px;}
.fs23{font-size:23px;}
.fs24{font-size:24px;}
.fs25{font-size:25px;}
.fs26{font-size:26px;}

.ml10{margin-left:10px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}
.mr10{margin-right:10px}
.mr20{margin-right:20px}
.mr30{margin-right:30px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mb05{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb30{margin-bottom:30px !important}

.p0{padding:0 !important;}
.pb0{padding-bottom:0px !important}
.pb10{padding-bottom:10px !important}
.pb20{padding-bottom:20px !important}
.pb30{padding-bottom:30px !important}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pr10{padding-right:10px;}
.pr20{padding-right:10px;}
.pr30{padding-right:10px;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}
.pt60{padding-top:60px !important;}
.pt70{padding-top:70px !important;}
.pt80{padding-top:80px !important;}
.pt100{padding-top:100px !important}

/* 이미지 및 컨텐츠 정렬 시. */
.txt_center{text-align:center !important}
.txt_right{text-align:right !important}
.txt_left{text-align:left !important}

@media all and (min-width:768px) {
.basic_tab li{width:50%}
.basic_tab li a{display:block}
.basic_box .img{overflow:hidden}
.basic_box .img span{text-align:left;margin:0 3% 0 0;float:left;width:15%}
.basic_box .img span img{width:100%}
.basic_box .img dl, .basic_box .img ul, .basic_box .img p{float:left;width:82%}
.big_img{padding:40px 0}
.big_img img{width:100%}
.over_table .cm_scroll{display:none}
}
@media all and (min-width:1023px) {
.basic_tab li a{font-size:18px}
.basic_tab li{width:25%}
.basic_tab .col5 li{width:20%}
.basic_tab .col3 li{width:33.333%}
.basic_tab .col2 li{width:50%}
.basic_step ol{overflow:hidden}
.basic_step li{float:left;padding: 0px 0 0 27px;margin: 0 1% 10px 0;}
.basic_step li:before{background-position: -120px 0;top: 50%;left: -3px;transform: translate(0, -50%);}
.basic_step .col2 li{width:46%}
.basic_step .col3 li{width:29%}
.basic_step .col4 li{width:21%}
.basic_step .col5 li{width:16%}    
.big_img img{width:auto}
.big_img a{display:none}
.w100 img, img.w100{width:auto}
.over_table{padding:0}
.over_table:before{display:none}
.map_area{height:500px}
} 	

@keyframes scrollImage {0%{left:10px}50%{left:30px}100%{left:10px}}

/* ************************* E : common style************************** */
                                                     

.sitemap>ul>li{margin:0 0 50px 0}
.sitemap>ul>li>a{display:block;background:#0f447f;padding:15px 0;color:#fff;font-weight:600;font-size:18px;text-align:center}
.sitemap ul ul{margin:10px}
.sitemap li li{padding:0 0 0 12px;margin:10px 0;position:relative}
.sitemap li li a:hover,.sitemap li li a:focus{text-decoration:underline}
.sitemap li li:before{content:"";display:block;width:3px;height:3px;background:#0f447f;position:absolute;top:10px;left:0} 
.sitemap ul ul ul{background:#f3f5f8;padding:5px 20px;margin:5px 0 0 0}
.sitemap li li li{margin:5px 0}
.sitemap li li li:before{content:"";display:block;width:5px;height:1px;background:#898989;position:absolute;top:12px;left:0;border-radius:0}
.sitemap li li li a{font-size:15px;color:#898989}
.sitemap li li a .new_win{background-position:-20px -120px}
@media all and (min-width:768px) {
.sitemap>ul{overflow:hidden;margin-left:-2%}
.sitemap>ul>li{float:left;width:31.333%;margin:0 0 70px 2%}
.sitemap>ul>li:nth-child(4){clear:both}
}
@media all and (min-width:1023px) {
.sitemap>ul>li{width:23%}
.sitemap>ul>li:nth-child(4){clear:none}
.sitemap>ul>li:nth-child(5){clear:both}
}

.con_loading{text-align:center;line-height:1.5em;word-break:keep-all;padding:50px 0}
.con_loading .tit{font-size:40px;font-weight:700;line-height:1.5em;color:#0089d0;margin:20px 0}
.con_loading .txt{background:#f4f5f8;padding:30px}
.con_errer{text-align:center;line-height:1.5em;word-break:keep-all;padding:30px 0}
.con_errer:before{content:"";display:block;width:100%;height:166px;background:url("/images/common/errer.png") no-repeat center 0;margin:0 0 30px 0}
.con_errer strong{display:block;font-size:24px;font-weight:bold;color:#f26a29;margin:0 0 30px 0}
.errer_page .con_errer{padding:100px 30px 0 30px}
.con_nodata{text-align:center;line-height:1.5em;word-break:keep-all;padding:30px 0}
.con_nodata:before{content:"";display:block;width:100%;height:266px;background:url("/images/common/nodata.png") no-repeat center 0;margin:0 0 30px 0}
.con_nodata strong{display:block;font-size:24px;font-weight:bold;color:#0089d0;margin:0 0 20px 0}
@media all and (min-width:768px) {
.con_loading .tit{font-size:60px}
.con_loading .txt{width:70%;padding:40px;margin:0 auto}
.con_errer:before{margin:0 0 50px 0}
.con_errer strong{font-size:30px}
.con_nodata:before{margin:0 0 50px 0}
.con_nodata strong{font-size:40px}
}
.sk-folding-cube {margin:20px auto;width:40px;height:40px;position:relative;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg);}
.sk-folding-cube .sk-cube {float:left;width:50%;height:50%;position:relative;-webkit-transform:scale(1.1);-ms-transform: scale(1.1);transform:scale(1.1);}
.sk-folding-cube .sk-cube:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0089d0;-webkit-animation:sk-foldCubeAngle 2.4s infinite linear both;animation:sk-foldCubeAngle 2.4s infinite linear both;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%;}
.sk-folding-cube .sk-cube2 {-webkit-transform:scale(1.1) rotateZ(90deg);transform:scale(1.1) rotateZ(90deg);}
.sk-folding-cube .sk-cube3 {-webkit-transform:scale(1.1) rotateZ(180deg);transform:scale(1.1) rotateZ(180deg);}
.sk-folding-cube .sk-cube4 {-webkit-transform:scale(1.1) rotateZ(270deg);transform:scale(1.1) rotateZ(270deg);}
.sk-folding-cube .sk-cube2:before {-webkit-animation-delay:0.3s;animation-delay:0.3s;}
.sk-folding-cube .sk-cube3:before {-webkit-animation-delay:0.6s;animation-delay:0.6s;}
.sk-folding-cube .sk-cube4:before {-webkit-animation-delay:0.9s;animation-delay:0.9s;}
@-webkit-keyframes sk-foldCubeAngle {0%, 10% {-webkit-transform: perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity: 0;} 25%, 75% {-webkit-transform:perspective(140px) rotateX(0deg);transform:perspective(140px) rotateX(0deg);opacity: 1;} 90%, 100% {-webkit-transform: perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0;} 
}
@keyframes sk-foldCubeAngle {0%, 10% {-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0;} 25%, 75% {-webkit-transform:perspective(140px) rotateX(0deg);transform:perspective(140px) rotateX(0deg);opacity:1;} 90%, 100% {-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0;}
}