@charset "UTF-8";

@import url("./reset.css");
@import url("./style.css");
/*@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(./font/NanumBarunGothic.eot);
  src: local('Nanum Barun Gothic'),
       local('NanumBarunGothic'),
       url(./font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(./font/NanumBarunGothic.woff) format('woff'),
       url(./font/NanumBarunGothic.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Square';
  font-style: normal;
  font-weight: 300;
  src: url(./font/NanumSquareL.eot);
  src: local('Nanum Square L'),
       local('Nanum Square L'),
       url(./font/NanumSquareL.eot?#iefix) format('embedded-opentype'),
       url(./font/NanumSquareL.woff) format('woff'),
       url(./font/NanumSquareL.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Square';
  font-style: normal;
  font-weight: 400;
  src: url(./font/NanumSquareR.eot);
  src: local('Nanum Square R'),
       local('Nanum Square R'),
       url(./font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
       url(./font/NanumSquareR.woff) format('woff'),
       url(./font/NanumSquareR.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Square';
  font-style: normal;
  font-weight: 700;
  src: url(./font/NanumSquareB.eot);
  src: local('Nanum Square B'),
       local('Nanum Square B'),
       url(./font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
       url(./font/NanumSquareB.woff) format('woff'),
       url(./font/NanumSquareB.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Square';
  font-style: normal;
  font-weight: 800;
  src: url(./font/NanumSquareEB.eot);
  src: local('Nanum Square EB'),
       local('Nanum Square EB'),
       url(./font/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
       url(./font/NanumSquareEB.woff) format('woff'),
       url(./font/NanumSquareEB.ttf) format('truetype');
}*/


/** Base **/
*{-webkit-box-sizing:border-box; box-sizing: border-box;}
html { -webkit-text-size-adjust: 100%;background-color:#fff; } 
body{background-color:#fff;text-align:center;*word-break:break-all;-ms-word-break:break-all;}
body, h1, h2, h3, h4, input, button {font-size: 14px; line-height: 160%; color: #666; margin: 0; padding: 0; font-family:malgun gothic, '맑은 고딕', 'Malgun Gothic', Dotum, Tahoma, arial;}
img { vertical-align: top; }
button{margin:0;padding:0}
a{color:#666;text-decoration:none}
a:hover{color:#666;}
a:active, a:focus{background: none;}
input { margin: 0; }
input::-ms-clear { display: none; }
iframe { border: 0; margin: 0; padding: 0; }
input, select { vertical-align: middle; }
caption, legend { overflow: hidden; position: absolute !important; top: -999px; left: -9990px; width: 1px; height: 1px; line-height: 0; font-size: 0 } 
i,em,address{font-style:normal}
label,button{cursor:pointer}
sup { vertical-align: super; font-size: smaller; }

input{ color: #666; height: 32px; line-height: 32px; padding: 0px 0px 0px 10px; font-size: 1.0em; font-family:malgun gothic, '맑은 고딕', 'Malgun Gothic', Dotum, sans-serif; border: 1px solid #e2e2e2; }
textarea{ color: #666; padding:10px; font-size: 1.0em; font-family:malgun gothic,'맑은 고딕', 'Malgun Gothic', Dotum, sans-serif; border: 1px solid #e2e2e2; }
select{ color: #666; border:1px solid #e2e2e2; height:27px; padding:1px;}
input[type="checkbox"], input[type="radio"] { color: #666;  border:none; vertical-align:middle;margin:2px 4px 4px 4px;}


/** Layout **/
.eng{font-family:'Noto Sans', sans-serif;  letter-spacing:0em;}
.hidden{ visibility:hidden; position:absolute; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none}	

/* Common */
.show{display:block}
.hide{display:none}
.blind{font-size: 1.0em; display:block;overflow:hidden;position:absolute;top:-1000em;left:0}
.font_nanum{font-family:'Nanum Barun Gothic', malgun gothic, '맑은 고딕', 'Malgun Gothic', Dotum, sans-serif;}
.txt_center{text-align: center;}
.btn_con{position: relative; text-align: center; margin-top:30px;} 
a.btn{display:inline-block; height:40px; padding:0 48px; color:#fff; line-height: 40px; background: #65b8c7;}

.wrap{position: relative; width:100%; min-width:1260px;}

.top_menu{width:100%; height:34px; background:#4d4d4d;}
.top_menu .top_con{position:relative; margin:auto; max-width: 1260px;}
.top_menu .top_con ul{position:absolute; top:0; right:0;}
.top_menu .top_con li{float:left; border-left:1px solid #5f5f5f; border-right:1px solid #5f5f5f;}
.top_menu .top_con li:first-child{border-right:0;}
.top_menu .top_con a{display:block; padding:0 20px; line-height:34px; font-size:12px; color:#fff;}

/*font*/
.txt_orange{color:#f1842d;}
.txt_sky{color:#5ccee2;}
.strong_txt{color:#3b3b3b; font-weight: 800;}
.fontb{font-weight: bold;}


/*list*/
.bl_list li{position: relative; padding-left:9px;}
.bl_list li:before{display:block; position: absolute; top:11px; left:0; width:3px; height:3px; border-radius: 3px; background: #f08342; content:"";}
.txt_list li{margin-left:18px; text-indent: -18px;}


.list_search_con{border: 1px solid #d2d2d2; padding:34px 40px; margin-bottom: 30px;  }
.input_box{display: inline-block; height:40px; line-height: 37px; font-size: 18px; font-weight: 700;}
.input_box span{font-size:18px; font-weight: 700;}
.input_box a{display: inline-block; width:120px; height:40px; background: #646464; text-align: center; color:#fff; font-weight: 700; line-height: 37px; }
.input_box select{width:163px; height:40px; font-size: 14px; margin-left: 16px; padding:0 38px 0 10px; color:#d2d2d2;-moz-appearance:none;-webkit-appearance:none; appearance:none; background: #fff url('/images/common/icon_select.png') right center no-repeat;}
.input_box select::-ms-expand{ display: none; }
.input_box .input_small{width:520px; height:40px; margin:0 5px;}
.input_box input{width:700px; height:40px; margin:0 5px 0 10px;}

.mt14{margin-top:14px;}


/*table list*/
.common_list{position:relative; display:table; width:1000px; border-top:2px solid #65b8c7; border-bottom: 1px solid #d8d6d9;}
.common_list li{display:table-row; width:100%;}
.common_list li span{display: table-cell; position: relative; vertical-align: top; text-align: center; padding: 25px 10px; border-top: 1px solid #d8d6d9; word-break: break-all;}
.common_list .th{position:relative; color:#65b8c7;}
.common_list .th span:first-child:before{display: none}
.common_list .th span:before{display: block; position: absolute; top:25px; left:0; width:1px; height:17px; background: #65b8c7; content: "";}
.common_list .td .alink{padding-left:25px; text-align: left;}

.link .td .alink{display:inline-block;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; overflow:hidden; word-break: break-all;}

/*view*/
.common_view{border-top: 2px solid #65b8c7; border-bottom: 1px solid #d8d6d9;}
.common_view .title_con{display: table; width: 100%;}
.common_view .title{display:table-cell; color:#3b3b3b; padding:24px 40px; font-weight: 700; font-size: 20px; line-height: 32px;}
.common_view .cols2{float:left; width: 50%}
.common_view dl {display:table; width:100%; height:60px; padding:0 40px; line-height:60px; border-top:1px solid #d8d6d9;}
.common_view dl dt{display: table-cell; position: relative; width: 68px;}
.common_view dl dt:after{position:absolute; display: block; top:22px; right:0; content: ""; width:1px; height:17px; background: #65b8c7}
.common_view dl dd{display: table-cell; padding-left:20px;}
.common_view dl dd img{vertical-align: middle; margin-right: 6px;}
.common_view dl dd a{text-decoration: underline;}
.common_view .txt{padding:40px; border-top:1px solid #d8d6d9;}
.common_view .txt span{display: block; text-align: center; }
.common_view .txt span img{max-width: 100%;}
.common_view .txt p{padding-top:20px;}


.paging{text-align: center; margin-top: 40px;}
.paging a, .paging strong{display:inline-block; margin:0 2px; width:20px; height:20px; font-size:16px; font-weight:700; color:#838383; vertical-align: top; text-align: center; line-height: 21px;font-family:'Nanum Barun Gothic', malgun gothic, '맑은 고딕','Nanum Barun Gothic', Dotum, Tahoma, arial;}
.paging>strong{color: #fff; vertical-align: middle; background: #65b8c7; }
.paging>a>strong{vertical-align: middle;}
.paging img{vertical-align: middle;}


/*tab*/
.tabstyle{display:table; width:760px; border: 1px solid #5ccee2; }
.tabstyle li{display:table-cell; background:#f7fdfe;}
.tabstyle li:first-child a{ border-left:none; }
.tabstyle li a{display:block; height:70px; color:#5ccee2; font-size:16px; line-height:70px; border-left:1px solid #5ccee2; text-align:center; }
.tabstyle li:hover a, .tabstyle li.on a{color:#fff; background:#5ccee2}


/** GNB **/
header{position: relative; width:100%; height:104px; min-width: 1260px; background: #fff; font-family:'Nanum Barun Gothic', malgun gothic, '맑은 고딕', 'Malgun Gothic', Dotum, sans-serif !important;}
header .header_con{position: relative; max-width:1260px; margin: 0 auto;}
header .logo{position: absolute; left:40px; top:30px; }
header .logo a{display: block;}

.gnb{position: absolute; right:40px; top:0;}
.gnb>li{position:relative; float:left;}
.gnb>li.on{overflow: auto}
.gnb>li>a{display:block; line-height: 104px; margin-left:40px; font-size:18px; color:#363636;}
.gnb>li:first-child>a{margin-left:0;}

.gnb>li>ul li a{position:relative; display: block; height:42px; line-height: 42px; padding-left: 20px; border-top: 1px solid rgba(255,255,255,0.3); font-size:14px; color:#fff; text-align: left;}
.gnb>li>ul li:first-child a{border: none;}
.gnb>li>ul li a.on{background:#65b8c7;}
.gnb>li>.dept2{position: absolute; top:104px; min-width:172px; z-index: 999999}
.gnb>li>ul{display: none;}
.gnb>li>ul>li{background:#8bd4e2; opacity: 1 }
.gnb>li>ul>li.depth3{ background:#7bc6d4;}
.gnb>li>ul>li.depth3>a{padding-left:32px;}
.gnb>li>ul>li.depth3>a:before{display: block; position: absolute; top:20px; left:20px; content:""; width:3px; height:3px; background: #fff }

.menu1>.dept2{left:-42px;}
.menu2>.dept2{width:192px; left:44px;}
.menu4>.dept2{right:-40px;}



.container{position:relative; min-height:775px;}

footer{position:relative; width:100%; min-width: 1260px; height:130px; background: #e4e4e4; }
footer .footer_con{position:relative; max-width:1260px; margin:0 auto; padding:22px 40px 0;}
footer .footer_con .family{float:left; height:108px; padding-right:58px;}
footer .footer_con address{font-size:11px; color:#898989; text-align:left;}

/** sub **/
.sub .container{width: 1000px; padding: 60px 0 100px; margin: 0 auto; text-align:left;}
.sub_title{position:relative; width:100%; height:150px; background: url("/images/common/sub_bg.jpg") center center no-repeat; 
  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.sub_title h2{position:relative; display: inline-block; color:#fff; line-height:150px; font-size:36px; font-weight: 700;}
.sub_title h2:before{display: block; position: absolute; top:40px; left:50%; margin-left: -10px; content:""; width:26px; height:1px; background: #fff}
.content_title{position:relative; margin-top:54px; padding-bottom:14px; color:#363636; font-weight: 800; font-size:24px;}
.content_title:before{position:absolute; display:block; top:-15px; left: 0;  width:24px; height:3px; content:""; background: #5ccee2;}
.location{position:absolute; top:0; left:0; width:100%; height:150px; min-width:1260px;}
.location .location_con{position:relative; height:100%; max-width: 1260px; margin:0 auto;}
.location ul{position: absolute; right:40px; bottom:0;}
.location ul li{float:left; padding:0 10px 0 30px; color:#fff; background:url("/images/common/icon_bl.png") 10px 25px no-repeat; line-height: 58px;}
.location ul .home span{position: absolute; left:-26px; top:23px;}
.location ul li:first-child{background:none; padding-left:0px;}
.location ul li:last-child{font-weight: 400; }
.location ul li img{padding-top:0px;}

/*타원형bg*/
.txt_title_bg01{display:inline-block; height:48px; font-weight: 800; font-size: 20px; line-height: 48px; text-align:center; background: #89cbe2; color:#fff; border-radius: 48px;}
.txt_title_bg02{display:inline-block; height:35px; font-weight: 800; font-size: 16px; line-height: 35px; text-align:center; background: #3b3b3b; color:#fff; border-radius: 35px;}

/*점선*/
.dot_line_orange:after{position: absolute; left:0; height:1px; content: ""; background: url(/images/about/dot_line_orange.png) 0 bottom repeat-x;}
.dot_line_sky:after{position: absolute; bottom:0; left:0; height:1px; content: ""; background: url(/images/about/dot_line_sky.png) 0 bottom repeat-x;}
.dot_line_gray:after{position: absolute; bottom:0; left:0; height:1px; content: ""; background: url(/images/about/dot_line_gray.png) 0 bottom repeat-x;}

/*table*/
table{border-top: 2px solid #65b8c7; border-bottom: 1px solid #d8d6d9; }
table tr{border-top: 1px solid #d8d6d9; }
table th{font-weight:bold; text-align:center; padding:24px 25px; color:#3b3b3b; border-left:1px solid #d8d6d9;}
table th:first-child{border-left: none}
table td{vertical-align: middle; padding:10px 25px; border-left:1px solid #d8d6d9;}
table td:first-child{border-left:none }
table td.row_line{border-right: 1px solid #d8d6d9; }