@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 Barun Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(./fonts/NanumBarunGothicBold.eot);
  src: local('Nanum Barun Gothic Bold'),
       local('NanumBarunGothicBold'),
       url(./fonts/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(./fonts/NanumBarunGothicBold.woff) format('woff'),
       url(./fonts/NanumBarunGothicBold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Square';
  font-style: normal;
  font-weight: 400;
  src: url(./fonts/NanumSquareR.eot);
  src: local('Nanum Square Regular'),
       local('NanumSquareR'),
       url(./font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
       url(./font/NanumSquareR.woff2) format('woff2'),
       url(./font/NanumSquareR.woff) format('woff'),
       url(./font/NanumSquareR.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Square';
  font-style: bold;
  font-weight: 700;
  src: url(./fonts/NanumSquareB.eot);
  src: local('Nanum Square Bold'),
       local('NanumSquareB'),
       url(./font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
       url(./font/NanumSquareB.woff2) format('woff2'),
       url(./font/NanumSquareB.woff) format('woff'),
       url(./font/NanumSquareB.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Square';
  font-style: bold;
  font-weight: 800;
  src: url(./fonts/NanumSquareEB.eot);
  src: local('Nanum Square EBold'),
       local('NanumSquareEB'),
       url(./font/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
       url(./font/NanumSquareEB.woff2) format('woff2'),
       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:'Nanum Barun Gothic',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:'Nanum Barun Gothic',malgun gothic, '맑은 고딕', 'Malgun Gothic', Dotum, sans-serif; border: 1px solid #e2e2e2; }
textarea{ color: #666; padding:10px; font-size: 1.0em; font-family:'Nanum Barun Gothic','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_square{font-family:'Nanum Square','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; font-size: 16px; padding:0 48px; color:#fff; line-height: 40px;}
.btn.line{color:#3b3b3b; border: 2px solid #4b8fcc;}
.btn.color{color:#fff; background-color: #4b8fcc;}

.mt0{margin-top: 0!important;}
.pt0{padding-top: 0!important;}

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

.top_menu{width:100%; height:40px; background:#6e98bd;}
.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-right:1px solid #85accd;}
.top_menu .top_con li:first-child{border-left:1px solid #85accd;}
.top_menu .top_con a{display:block; padding:0 20px; line-height:40px; font-size:12px; color:#fff;}

/*font*/
.txt_orange{color:#f1842d;}
.txt_sky{color:#4b8fcc;}
.strong_txt{color:#3b3b3b; font-weight: 800;}


/*list*/
.bl_list>li{position: relative; line-height: 25px; padding:0 0 9px 10px;}
.bl_list>li:before{display:block; position: absolute; top:10px; left:0; width:4px; height:4px; border-radius: 3px; background: #7399aa; content:"";}
.txt_list li{margin-left:12px; text-indent: -12px;}


.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;}

/*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: #4b8fcc; }
.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:110px; 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:0; top:42px; }
header .logo a{display: block;}

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

.gnb>li>ul li a{position:relative; display: block; height:48px; line-height: 48px; padding-left: 24px; border-top: 1px solid rgba(255,255,255,0.3); font-size:14px; color:#fff; text-align: left;}
.gnb>li>ul li a:before{position: absolute; top:23px; left:14px; width:3px; height:3px; background: #fff; border-radius: 50%; content: "";}
.gnb>li>ul li:first-child a{border: none;}
.gnb>li>ul li a.on{color:#dcf43c; background:#3a80bf;}
.gnb>li>ul li a.on:before{background:#dcf43c; }
.gnb>li>.dept2{position: absolute; top:84px; left:0; min-width:128px; z-index: 999999}
.gnb>li>ul{display: none;}
.gnb>li>ul>li{background:#4b8fcc; opacity: 1 }
.gnb>li.menu2 .dept2{left:9px;}
.gnb>li.menu3 .dept2{left:9px; width:178px;}
.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 }


.menu_all{position:absolute; right:0; top:34px; width:49px; height:44px; border:1px solid #4b8fcc;}
.menu_all a{display: block; width:100%; height:100%;}
.menu_all a>div{position:relative; width:27px; height:3px; top:19px; left:10px; background: #4b8fcc;}
.menu_all a>div:after{position:absolute; top:-8px; left:0; width:27px; height:3px; background: #4b8fcc; content: "";}
.menu_all a>div:before{position:absolute; top:8px; left:0; width:27px; height:3px; background: #4b8fcc; content: "";}

.menu_open a, .menu_open h2, .menu_open p, .visual_con .txt_con p, .visual_con .txt_con div,
.main_visual .left_con h2{font-weight:700; font-family:'Nanum Square','Nanum Barun Gothic', 'malgun gothic', '맑은 고딕', 'Malgun Gothic', 'Dotum', sans-serif;}

.menu_open{display:none; position: absolute; top:110px; left:0; width:100%; z-index: 3;}
.menu_open>p{width: 100%; height:50px; line-height: 50px; font-size:20px; color:#686868; background: #d6e2e8}
.menu_open>div{position:relative; width: 100%; height:344px; padding:55px 0; background: #f3f3f3}
.menu_open>div>ul{display:table; width:1260px; margin:0 auto;}
.menu_open>div>ul>li{width:380px; height:233px; margin-left: 60px; float:left; background: #fff;}
.menu_open>div>ul>li:first-child{margin-left: 0;}
.menu_open>div ul ul{width:218px; margin:auto;}
.menu_open>div ul ul>li{padding-left:25px; text-align: left;}
.menu_open>div ul ul>li:before{left:11px; background: #676767;}
.menu_open>div ul h2{width:218px; height:45px; font-size:20px; margin:30px auto 24px; line-height: 45px; color:#fff; background: #4b8fcc; border-radius: 30px;}
.menu_open>div ul ul>li>a{display:block; margin-bottom:6px; font-size:18px;}
.menu_open .close_btn{position: absolute; left:50%; bottom:-36px; margin-left:-49px; background: none;}



.container{position:relative; min-height:830px;}
.container h3{position:relative; margin-top:52px; padding-bottom:19px; font-size: 24px; color:#3b3b3b;}
.container h3:first-child{margin-top: 0;}
.container h3:before{position: absolute; top:6px; left:-13px; width:3px; height:22px; background: #4b8fcc; content: "";}


footer{position:relative; width:100%; min-width: 1260px; height:117px; background: #fff; }
footer .footer_con{position:relative; max-width:1260px; margin:0 auto; padding:35px 40px 0;}
footer .footer_con .family{float:left; height:72px; padding-right:72px;}
footer .footer_con address{font-size:11px; color:#a2a2a2; text-align:left;}
footer .footer_con a.footer_btn{display:inline-block; position: absolute;  top:37px; right:0;  width:150px; height:33px; font-weight: bold; line-height: 33px; padding-right: 13px;  border-radius: 6px; background-color:#85accd; font-size:12px; color:#fff;}
footer .footer_con a.footer_btn>span{position: absolute; top:9px; right:17px; margin-left: 6px;}
.wrap.sub footer{height:140px; border-top:1px solid #ebebeb;}
.wrap.sub footer .footer_con{padding-top:19px;}

/** sub **/
.sub .container{width: 1000px; padding: 60px 0 100px; margin: 0 auto; text-align:left;}
.sub_title{position:relative; width:100%; height:190px; background:#ddecf3 url("/images/common/sub_bg.png") 50% 0 no-repeat;}
.sub_title h2{position:relative; display: inline-block; padding-top: 56px; color:#4b8fcc; font-size:36px; font-weight: 700;}
.sub_title h2:before{display: block; position: absolute; top:50px; left:50%; margin-left: -10px; content:""; width:26px; height:1px; background: #4b8fcc}
.sub_title p{color:#7399aa;}
.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:190px; 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:#7399aa; background:url("/images/common/icon_bl.png") 10px 23px 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;}