@charset "euc-kr";

/* common CSS */
body, input, button, textarea, select, option, a {font-family:'Lato','NotoSans',sans-serif; outline-color:#1d3979;}
.wrap {position:relative; width:100%; min-width:1240px;}
.container {position:relative; width:100%; max-width:1200px; margin:0 auto;}
.container:after {content:''; display:block; clear:both;}
select {border:1px solid #ddd; background:#fff url(../images/ico/sel_ico.png) 94% 50% no-repeat; padding:0 32px 0 14px; box-sizing:border-box;}
select::-ms-expand {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity:0; -webkit-filter: alpha(opacity=0); }

/* selection */
::selection {background: #1d3979; background:rgba(29,57,121,.7); color:#fff; text-shadow:none;}
::-moz-selection {background:#1d3979; background:rgba(29,57,121,.7); color:#fff; text-shadow:none;}
::-webkit-selection {background:#1d3979; background:rgba(29,57,121,.7); color:#fff; text-shadow:none;}

/* placeholder */
::-webkit-input-placeholder {color:#999;}
::-moz-placeholder {color:#999;}
:-moz-placeholder {color:#999;}
:-ms-input-placeholder {color:#999;}

/* header */
.header { position:absolute; top:0; left:0; width:100%; height:100px; border-bottom:1px solid rgba(255,255,255,.2); box-sizing:border-box; z-index:200; transition:background 0.28s; -webkit-transition:background 0.28s; -moz-transition:background 0.28s; -ms-transition:background 0.28s; -o-transition:background 0.28s; }
.header .container {height:100%;}
.header .main_logo {float:left; width:300px; height:52px; margin:23.5px 48px 23.5px 0;}
.header .main_logo a {display:block; width:100%; height:100%; background:url(../images/main_logo.png) 0 50% no-repeat; text-indent:-9999px;}
.header .nav_bar {float:left;}
.header .nav_bar > li {position:relative; float:left; margin:0 15px 0 10px;}
.header .nav_bar > li:last-child {margin-right:0;}
.header .nav_bar > li > a {display:block; width:100%; height:99px; line-height:30px; font-size:18px; font-weight:700; letter-spacing:-0.065rem; color:rgba(255,255,255,.7); text-align:center; padding:45px 20px 0; box-sizing:border-box; transition:color 0.2s; -webkit-transition:color 0.2s; -moz-transition:color 0.2s; -ms-transition:color 0.2s; -o-transition:color 0.2s;}
.header .nav_bar > li:hover > a, .header.on .nav_bar > li:hover > a {color:#e83828;}
.header .nav_bar > li > a:after { content:''; position:absolute; top:100%; left:0; width:100%; height:2px; background:#e83828; margin-top:-1px; transform:scaleX(0); -webkit-transform:scaleX(0); -moz-transform:scaleX(0); -ms-transform:scaleX(0); -o-transform:scaleX(0); transition:transform 0.25s; -webkit-transition:transform 0.25s; -moz-transition:transform 0.25s; -ms-transition:transform 0.25s; -o-transition:transform 0.25s; }
.header .nav_bar > li:hover > a:after {transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); -ms-transform:scaleX(1); -o-transform:scaleX(1);}
.header .nav_bar > li.on > a {color:#fff;}
.header .nav_bar > li.on > a:after {background:#fff; transform:scalex(1); -webkit-transform:scalex(1); -moz-transform:scalex(1); -ms-transform:scalex(1); -o-transform:scalex(1);}
.header.on .nav_bar > li.on > a:after {transform:scaleX(0); -webkit-transform:scaleX(0); -moz-transform:scaleX(0); -ms-transform:scaleX(0); -o-transform:scaleX(0);}
.header .nav_bar > li.on:hover > a:after {background:#e83828; transform:scalex(1); -webkit-transform:scalex(1); -moz-transform:scalex(1); -ms-transform:scalex(1); -o-transform:scalex(1);}
.header .lnk_bar {float:right; margin:35px 0 13px;}
.header .lnk_bar li {float:left; height:50px;}
.header .lnk_bar a { display:block; height:100%; line-height:50px; font-size:13px; font-weight:700; letter-spacing:-0.065rem; color:rgba(255,255,255,.7); transition:color 0.24s; -webkit-transition:color 0.24s; -moz-transition:color 0.24s; -ms-transition:color 0.24s; -o-transition:color 0.24s; }
.header .lnk_bar li a:before {content:''; display:inline-block; width:1px; height:11px; background:rgba(255,255,255,.2); margin:-2px 10px 0 11px; vertical-align:middle;}
.header .lnk_bar li:first-child a:before {display:none;}
.header .lnk_bar li:hover a {color:#fff;}
.header .lnk_bar li.lang {margin:0 40px 0 0;}
.header .lnk_bar li.lang a {font-size:15px; letter-spacing:0; padding:0 5px 0 30px; background:url(../images/ico/eng_ico.png) 0 50% no-repeat; color:#fff;}
.header .depth_menu { position:absolute; top:100%; left:0; width:100%; height:0; text-align:center; margin:30px 0 0; overflow:hidden; z-index:201; transition:height 0.25s; -webkit-transition:height 0.25s; -moz-transition:height 0.25s; -ms-transition:height 0.25s; -o-transition:height 0.25s; }
.header .depth_menu a {display:block; width:100%; font-size:15px; line-height:37px; font-weight:500; letter-spacing:-0.065rem; color:#888;}
.header .depth_menu a:hover {color:#e83828;}

.header.on, .header:hover {background:#fff; border-bottom-color:rgba(0,0,0,.05);}
.header.on .main_logo a, .header:hover .main_logo a {background-image:url(../images/main_logo2.png);}
.header.on .nav_bar > li > a, .header.on .lnk_bar a, .header:hover .nav_bar > li > a, .header:hover .lnk_bar a {color:rgba(0,0,0,.5);}
.header.on .lnk_bar li a:before, .header:hover .lnk_bar li a:before {background:rgba(0,0,0,.2);}
/* .header.on .lnk_bar li.lang a {color:#777; background-image:url(../images/ico/eng_bk.png);} */
.header.on .lnk_bar li:hover a, .header:hover .lnk_bar li:hover a {color:#777;}

.depth_bg { position:absolute; top:100px; left:0; width:100%; height:0; background:#fff; z-index:200; transition:height 0.25s; -webkit-transition:height 0.25s; -moz-transition:height 0.25s; -ms-transition:height 0.25s; -o-transition:height 0.25s; box-shadow:0 10px 20px -10px rgba(0,0,0,.4); }

/* footer */
.footer {width:100%; padding:35px 0 75px; background:#f2f2f2;}
.footer .foot_lnk {margin:0 0 35px;}
.footer .foot_lnk li {float:left;}
.footer .foot_lnk a {display:block; font-size:15px; font-weight:500; line-height:18px; letter-spacing:-0.065rem; color:#444;}
.footer .foot_lnk li:nth-child(2) a {color:#e83828;}
.footer .foot_lnk a:after {content:''; display:inline-block; width:1px; height:12px; background:#ccc; vertical-align:middle; margin:-2px 12px 0 10px;}
.footer .foot_lnk li:last-child a:after {display:none;}

.footer .foot_logo {position:absolute; top:40px; right:0;}
.footer .foot_info {width:900px; margin:0 0 15px;}
.footer .foot_info li {float:left; font-size:15px; font-weight:500; line-height:25px; letter-spacing:-0.065rem; color:#666; margin:0 20px 0 0;}
.footer .copy {display:block; font-size:15px; font-weight:500; line-height:25px; color:#999;}

.footer .go_top {display:none; position:fixed; bottom:0; right:0; width:65px; height:65px; background:rgba(0,0,0,.4) url(../images/ico/go_top.png) 50% 50% no-repeat; text-indent:-9999px;}

.sub_vis {width:100%; height:360px; background-position:50% 50%; background-size:cover; background-repeat:no-repeat; padding:180px 0 0; text-align:center; box-sizing:border-box;}
.sub_vis h2 {font-size:50px; font-weight:900; letter-spacing:-0.065rem; color:#fff; margin:0 0 15px;}
.sub_vis p {font-size:18px; font-weight:500; line-height:28px; letter-spacing:-0.045rem; color:#fff;}

.sub_nav {width:100%; height:61px; border-bottom:1px solid #ddd; box-sizing:border-box;}
.sub_nav .snb {text-align:center;}
.sub_nav .snb li {display:inline-block; margin:0 5px; vertical-align:top;}
.sub_nav .snb a { position:relative; display:block; font-size:17px; font-weight:500; line-height:60px; letter-spacing:-0.065rem; color:#777; padding:0 20px; box-sizing:border-box; transition:color 0.25s; -webkit-transition:color 0.25s; -moz-transition:color 0.25s; -ms-transition:color 0.25s; -o-transition:color 0.25s; }
.sub_nav .snb li.on a, .sub_nav .snb li:hover a {color:#e83828;}
.sub_nav .snb li.on a:after {content:''; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#e83828; margin:0 0 -1px;}

.S_container {position:relative; width:100%; max-width:1200px; min-height:600px; margin:0 auto;}
.sub_ttl {font-size:40px; font-weight:700; line-height:50px; letter-spacing:-0.065rem; color:#111; text-align:center; margin:70px auto;}

/*ÆäÀÌ¡*/
.pagelist {margin:10px auto 20px;}
.pagelist td {vertical-align:middle;}
.pagelist a {display:inline-block; width:30px; height:30px; line-height:28px; font-size:13px; text-align:center; border:1px solid #ddd; font-weight:700; color:#666; vertical-align:middle; margin:0 2px; box-sizing:border-box;}
.pagelist a.arr {border:none;}
.pagelist b {display:inline-block; width:30px; height:30px; line-height:30px; font-size:13px; font-weight:700; background:#1d3979; color:#fff; vertical-align:middle; margin:0 2px;}
.pagelist b ~ a {width:30px;}