@charset "utf-8";

.defaultbox {max-width:1150px; position:relative; margin:auto; }
#wrapper {width:100%;}

#headerWrap {border-bottom:1px solid #bbbbbb;position:relative; z-index:99998;}
#header {position:relative;  height:105px; margin:0 auto; z-index:998; background:#fff;}




/*
#header h1 {float:left; padding-top:50px;}
*/
/*#headerTop {height:30px; background:#444a61; position:relative; z-index:2;}*/
/*
#headerTop {height:30px; background:#444a61; position:relative; z-index:2; clear:both}
#header .utilWrap {float:right; height:30px; }

#header .utilWrap ul.btn_home { position:relative; display:inline; }
#header .utilWrap ul.btn_home li { float:left; background:url(../../images/layout/bul_home.gif) no-repeat 0 50% ;  padding: 0 15px 0 10px; font-size:13px; height:30px; line-height:30px;}
#header .utilWrap ul.btn_home li a{ color:#fff; font-weight:400; margin-top:-2px;}

#header .utilWrap .fontOption {float:left; margin:0 0; display:inline; }
#header .utilWrap .fontOption ul { border:0px solid #828695; border-radius:0px; padding:1px 10px; background:#3d4256;}
#header .utilWrap .fontOption ul:after{content:".";height:0;font-size:0;visibility:hidden;display:block;clear:both;}
#header .utilWrap .fontOption ul li {float:left; padding:6px 8px 10px;height:12px; line-height:12px; vertical-align:middle;}

#header .search { float:left; width:188px; display:inline; margin:0 0px; }
#header .search .inputTxt {float:left; width:119px; height:14px; padding:8px 16px; line-height:14px; background:#666a7a; border:none; color:#fff;}
#header .search .btnSearch {float:left; padding:0px 0 0 5px;}
*/

#header h1 {float:left; margin-top:31px; height:74px; background:#fff; width:290px}
#header h1 img{padding-top:15px}
#headerTop {height:30px; background:#444a61; position:relative; z-index:2;}
#header .utilWrap {float:right; height:30px; }
#header .utilWrap ul.btn_home { position:relative; display:inline; }
#header .utilWrap ul.btn_home li { float:left; background:url(../../images/layout/bul_home.gif) no-repeat 0 50% ;  padding: 0 15px 0 10px; font-size:13px; height:30px; line-height:30px;}
#header .utilWrap ul.btn_home li a{ color:#fff; font-weight:400; margin-top:-2px;}
#header .utilWrap .fontOption {float:left; margin:0 0; display:inline; }
#header .utilWrap .fontOption ul { border:0px solid #828695; border-radius:0px; padding:1px 10px; background:#3d4256;}
#header .utilWrap .fontOption ul:after{content:".";height:0;font-size:0;visibility:hidden;display:block;clear:both;}
#header .utilWrap .fontOption ul li {float:left; padding:6px 8px 10px;height:12px; line-height:12px; vertical-align:middle;}
#header .search { float:left; width:188px; display:inline; margin:0 0px; }
#header .search .inputTxt {float:left; width:119px; height:14px; padding:8px 16px; line-height:14px; background:#666a7a; border:none; color:#fff;}
#header .search .btnSearch {float:left; padding:0px 0 0 5px;}


/* gnb */
/*
.allnavi {display:none;position:absolute; top:30px; right:0px;}
.gnbOutBox {position:absolute; border-bottom:1px solid #bbbbbb; background:#fff;}
#gnbWrap {position:absolute; top:10px; right:0px; }
#gnbWrap #gnb{background:url(../../images/layout/over_img.png) 0% 100% no-repeat; width:1140px}
#gnbWrap #gnb > li {float:left;  background:url(../../images/layout/bul_gnbli.png)  no-repeat 0 23px ;  padding: 0 26px; }
*/
/*#gnbWrap #gnb > li:first-child {margin-left:0; background:none;}*/
/*
#gnbWrap #gnb > li:first-child {margin-left:225px; background:none;}
#gnbWrap #gnb > li:last-child {padding-right:35px;}
*/
.allnavi {display:none;position:absolute; top:30px; right:0px;}
.gnbOutBox {position:absolute; border-bottom:1px solid #bbbbbb; background:#fff}
#gnbWrap {position:absolute; top:10px; right:0px;}
#gnbWrap #gnb{background:url(../../images/layout/over_img.png) -40px 100% no-repeat; width:1150px}
#gnbWrap #gnb > li {float:left;background:url(../../images/layout/bul_gnbli.png)  no-repeat 0 23px;padding: 0 19px;}
#gnbWrap #gnb > li:first-child {margin-left:270px; background:none;}
#gnbWrap #gnb > li:last-child {padding-right:5px;}

#gnbWrap #gnb > li:nth-child(7){padding-right:9px;}
#gnbWrap #gnb > li:nth-child(8){padding:0 2px; margin-top: 14px; background: none;}
#gnbWrap #gnb > li:nth-child(9){padding: 0; margin-top: 14px; background: none;}
#gnbWrap #gnb > li:nth-child(10){padding: 0; margin-top: 14px; background: none;}


#gnbWrap #gnb > li > span {height:61px; line-height:61px;}
#gnbWrap #gnb > li > span > a { margin-top:-3px; font-size:18px; font-weight:bold; color:#333333; letter-spacing:-0.015em; *letter-spacing:-0.08em; text-decoration:none;}
#gnbWrap #gnb > li.on > span {display:block;  }
#gnbWrap #gnb > li.on > span > a {color:#245fb2;}
#gnbWrap #gnb > li:last-child > span > a  {color:#245fb2;}
#gnb li a:hover {color:#245fb2;}
#gnbWrap #gnb:after{content:".";height:0;font-size:0;visibility:hidden;display:block;clear:both;}
/* gnb 2depth */
.depth2Wrap { position:absolute; top:67px; max-width:150px; padding-top:0; z-index:998; }
.depth2Wrap .menuWrap {position:relative; padding: 0 0px; }
.depth2Wrap .menuWrap .depth2 { }
.depth2Wrap .menuWrap .depth2:first-child {background:none;}
.depth2Wrap .menuWrap .depth2 > li { max-width:140px; width:auto; }
.depth2Wrap .menuWrap .depth2 > li:first-child {}
/*.depth2Wrap .menuWrap .depth2 > li > a {font-size:14px; font-weight:normal; color:#666; line-height:28px; text-decoration:none;  padding:0 ; display:block; margin-top:-2px;}*/
.depth2Wrap .menuWrap .depth2 > li > a {font-size:14px;font-weight:normal;color:#666;line-height:18px;text-decoration:none;padding:0;display:block;margin-top:-2px;padding-top:10px;letter-spacing: -1px;}
/*.depth2Wrap .menuWrap .depth2 > li > a.nmenu {background:url(../../images/board/icon_new.png) no-repeat 100% 87%; width:88px;}*/
.depth2Wrap .menuWrap .depth2 > li > a:hover, .depth2Wrap .menuWrap .depth2 > li > a.on { font-weight:bold;  color:#2458c5 !important;}

.depth2Wrap .menuWrap { }
/*
.depth2Wrap.sub01 {left:0px;}
.depth2Wrap.sub02 {left:0px;}
.depth2Wrap.sub03 {left:120px;}
.depth2Wrap.sub04 {left:120px;}
.depth2Wrap.sub05 {left:125px;}
.depth2Wrap.sub06 {left:475px;}
.depth2Wrap.sub07 {left:385px;}
*/
.depth2Wrap .menuWrap .depth2 .depth3 {display:none;}

/* gnb2 */
#gnbWrap .gnb2box {display:none;height:100%;}
.gnb2box { position:absolute; top:-30px; right:0; }
.btnEng {position:absolute; top:0; height:50px; background:#fff; z-index:2; right:0; }
.btnEng a {display:none; height:100%;}
.gnb2close {position:absolute; top:0; height:50px; background:#fff; width:100%;}
.gnb2close a {display:block; border:1px solid #cecece; border-width:0 1px;height:100%;}
.gnb2close a img { padding:12px 0 0 25px; }
#gnbWrap #gnb2 { width:350px; border:1px solid #cecece; border-width:0 1px; position:relative; margin-top:50px; }

/*
#gnbWrap #gnb2 > li { border-bottom:1px solid #cecece;}
#gnbWrap #gnb2 > li.on { }
#gnbWrap #gnb2 > li:first-child { }
#gnbWrap #gnb2 > li > span {padding:18px 25px 17px; background:#ededed; display:block;}
#gnbWrap #gnb2 > li > span > a { margin-top:-3px; font-size:18px; font-weight:bold; color:#333333; line-height:16px; letter-spacing:-0.015em; *letter-spacing:-0.08em; text-decoration:none;}
#gnbWrap #gnb2 > li.on > span {display:block; background:#4472b4;  }
#gnbWrap #gnb2 > li.on > span > a {color:#fff;}
*/

#gnbWrap #gnb2 > li { border-bottom:1px solid #cecece;}
#gnbWrap #gnb2 > li.on { }
#gnbWrap #gnb2 > li:first-child { }
#gnbWrap #gnb2 > li > span { background:#ededed; display:block;}
#gnbWrap #gnb2 > li > span > a {background:#ededed; display:block;padding:18px 25px 17px; margin-top:-3px; font-size:18px; font-weight:bold; color:#333333; line-height:16px; letter-spacing:-0.015em; *letter-spacing:-0.08em; text-decoration:none;}
#gnbWrap #gnb2 > li.on > span { }
#gnbWrap #gnb2 > li.on > span > a,#gnbWrap #gnb2 > li > span > a:hover {display:block; background:#4472b4; color:#fff; padding:18px 25px 17px;}


/* gnb2 2depth */
.depth2Wrap2 { display:none; padding-top:0; background:#ffffff; z-index:998;}
#gnbWrap #gnb2 > li.on .depth2Wrap2 { display:block;  }
.depth2Wrap2 .menuWrap {position:relative; padding: 0px; }
.depth2Wrap2 .menuWrap .depth2 { }
.depth2Wrap2 .menuWrap .depth2 > li { border-bottom:1px solid #e2e2e2;}
.depth2Wrap2 .menuWrap .depth2 > li > a {display:block;  padding:18px 25px 16px 40px; line-height:1.1;font-size:15px; color:#666; background:url(../../images/layout/bul_lnb1.png) no-repeat 22px 50%;}
.depth2Wrap2 .menuWrap .depth2 > li > a > span {margin-top:-4px;}
.depth2Wrap2 .menuWrap .depth2 > li.last a {background:none;}

.depth2Wrap2 .menuWrap .depth2 > li:last-child{border-bottom:none}

.depth2Wrap2 .menuWrap .depth2 > li.on > a, .depth2Wrap2 .menuWrap .depth2 > li > a:hover {font-weight:bold; color:#1d4795; text-decoration:none; background:url(../../images/layout/bul_lnb1on.png) no-repeat 22px 50%;}
.depth2Wrap2 .menuWrap .depth2 > li > .depth3 { /* display:none; */ padding:17px 0 21px 38px; border-top:1px solid #e2e2e2; background:#f3f3f3;}
.depth2Wrap2 .menuWrap .depth2 > li > .depth3 > ul {}
.depth2Wrap2 .menuWrap .depth2 > li > .depth3 > ul > li {margin-top:12px;  line-height:1.1;}
.depth2Wrap2 .menuWrap .depth2 > li > .depth3 > ul > li:first-child {margin-top:0;}
.depth2Wrap2 .menuWrap .depth2 > li > .depth3 > ul > li > a {display:block; padding-left:12px; font-size:14px; text-decoration:none; background:url(../../images/layout/bul_depth3_off.png) no-repeat 0 50%;}
.depth2Wrap2 .menuWrap .depth2 > li > .depth2Wrap2 .menuWrap .depth2 > li.on > a, .depth2Wrap2 .menuWrap .depth2 > li > .depth3 > ul > li > a:hover {font-weight:bold; color:#4472b4; background:url(../../images/layout/bul_depth3_on.png) no-repeat 0 50%;}
.depth2Wrap2 .menuWrap .depth2 > li.on > .depth3 {display:block;}



#container {position:relative; background:#fff; z-index:1;}
#contentsWrap {/* overflow: hidden; */ max-width:1140px; margin:40px auto 0;}

#lnbWrap {float:left; width:220px; padding-bottom:80px;}
#lnbWrap .quickWrap {overflow:hidden;}
#lnbWrap .quickWrap a {float:left;}
#lnbWrap .lnbWraph2 {height:70px; background:#4472b4;text-align:center;}
#lnbWrap h2 { font-size:30px; font-weight:300; color:#ffffff;  line-height:70px; }
#lnbWrap h2.etcTitle {margin-bottom:40px; border-bottom:1px solid #808080;}
#lnbWrap .lnb { }
#lnbWrap .lnb > li { border-bottom:1px solid #e2e2e2;}
#lnbWrap .lnb > li > a {position: relative; display:block;  padding:18px 25px 16px 40px; line-height:1.1;font-size:14px; color:#666; background:url(../../images/layout/bul_lnb1.png) no-repeat 22px 50%;}
#lnbWrap .lnb > li > a:focus-visible, #lnbWrap .lnb > li > a:focus {outline: none; border: 0;}
#lnbWrap .lnb > li > a:focus-visible:after,
#lnbWrap .lnb > li > a:focus-within:after,
#lnbWrap .lnb > li > a:focus:after {position: absolute; top: 3px; left: 3px; content: ""; display: block; width: calc(100% - 6px); height: calc(100% - 6px); background-color: rgba(254, 0, 245, 0.05); outline: 3px dashed #fe00f5;}



#lnbWrap .lnb > li > a > span {margin-top:-4px;}
#lnbWrap .lnb > li.last a {background:none;}
#lnbWrap .lnb > li.on > a, #lnbWrap .lnb > li > a:hover {font-weight:bold; color:#1d4795; text-decoration:none; background:url(../../images/layout/bul_lnb1on.png) no-repeat 22px 50%;}
#lnbWrap .lnb > li > .depth3 {display:none; padding:17px 0 21px 28px; border-top:1px solid #e2e2e2; background:#f3f3f3;}
#lnbWrap .lnb > li > .depth3 > ul {}
#lnbWrap .lnb > li > .depth3 > ul > li {margin-top:12px;  line-height:1.1;}
#lnbWrap .lnb > li > .depth3 > ul > li:first-child {margin-top:0;}
#lnbWrap .lnb > li > .depth3 > ul > li > a {display:block; padding-left:12px; font-size:13px; text-decoration:none; background:url(../../images/layout/bul_depth3_off.png) no-repeat 0 50%;}
#lnbWrap .lnb > li > .depth3 > ul > li.on > a, #lnbWrap .lnb > li > .depth3 > ul > li > a:hover {font-weight:bold; color:#4472b4; background:url(../../images/layout/bul_depth3_on.png) no-repeat 0 50%;}
#lnbWrap .lnb > li.on > .depth3 {display:block;}


#contents_area {float:right; position:relative; width:860px; min-height:450px; padding:0 0; line-height:1em; *line-height:1.05em; font-size:14px;}
#contents_area h3 {margin:0px 0 30px; font-weight:400; font-size:25px; color:#3e3e3e; line-height:70px; height:70px; border-bottom:1px solid #ccc;}
.h3titleline {height:3px; width:40px; margin:0 auto 20px; display:none; background:#000;}

#contents_area .iconWrap {position:absolute; top:36px; right:0; overflow:hidden;}
#contents_area .iconWrap a {float:left; margin-left:3px;}
#contents_area .iconWrap a:first-child {margin-left:0;}
#contents_area .location {position:absolute; right:0; font-size:14px; color:#666666; line-height:22px; height:22px;}
#contents_area .location .home {*position:relative; *top:3px;}
#contents_area .location .arrow {margin:0 2px; background:url(../../images/layout/icon_arrlo.png) no-repeat; width:7px; height:22px;}
#contents_area .location em {display:inline-block; vertical-align:middle; }


#changeWrap  {position:relative; border:1px solid #d1d1d1; background:#f5f5f5 url(../../images/layout/changeWrapbg.png) no-repeat  55px 40px; margin:60px 0;}
#changeWrap dl.contents { padding:40px 0 0 135px;}
#changeWrap dl.contents dt {font-size:16px; font-weight:bold;}
#changeWrap dl.contents dd {font-size:14px; margin-top:10px; height:20px;}
#changeWrap dl.contents dd ul li {float:left; line-height:20px; padding-right:15px;}
#changeWrap dl.contents dd ul li input {margin:3px 6px 0 0;}

#changeWrap dl.talktalk  { padding:20px 0 25px 135px;}
#changeWrap dl.talktalk .textbox {border:1px solid #cccccc; line-height:18px; height:18px; padding:9px 10px 11px; font-size:14px; }
#changeWrap dl.talktalk .btnChange {font-size:14px;  width:140px; height:40px; line-height:40px; font-weight:bold; color:#ffffff !important; text-align:center; text-decoration:none !important; border:1px solid #42619e; background:#42619e;}
#changeWrap dl.change  { padding:0 0 0 0; line-height:50px; height:50px; background:#e6e6e6; text-align:center; }
#changeWrap dl.change dt {display:inline; font-weight:bold; padding-left:30px; }
#changeWrap dl.change dt:first-child {padding:0;}
#changeWrap dl.change dd {display:inline; font-weight:bold; }

#relatesite {position:absolute; top:30px; right:0;}
#relatesite h3 a{ display:block; width:157px;height:31px;line-height:31px;padding:0px 9px;background:#f3f3f3 url(../../images/layout/relatesite_arr.png) no-repeat 100% 50%;color:#626262;font-weight:bold;text-decoration:none; font-size:12px; border:1px solid #d6d6d6;}
#relatesitecont {display:none;position:absolute;left:0;bottom:0px;padding:0;width:175px;border:1px solid #e5e5e7;background:#fff;}
#relatesitecont a.close{margin:0px 0 -1px -1px; display:block;width:157px;height:31px;line-height:31px;padding:0px 9px;background:#f3f3f3 url(../../images/layout/relatesite_arr.png) no-repeat 100% 50%;color:#626262;font-weight:bold;text-decoration:none; font-size:12px; border:1px solid #d6d6d6;}
#relatesitecont a.close .ic{}
#relatesitecont ul{width:157px;padding:6px 11px;overflow:hidden;}
#relatesitecont li{display:inline;}
#relatesitecont li a{display:block;padding:3px 0 2px;color:#666;letter-spacing:-1px;}
#relatesitecont.on {display:block;}
/*#footerWrap {height:155px; border-top:1px solid #d2d2d2; position:relative; z-index:9999;}*/
#footerWrap {height:155px; border-top:1px solid #d2d2d2; position:relative;}
#footer {position:relative; max-width:1140px; margin:0 auto; font-size:13px;}
#footer .footlogo {position:absolute; top:42px; left:0;}
#footer .ftMenu {position:relative; margin:10px 0 0 245px; height:37px;}
#footer .ftMenu li {float:left; padding:0 7px; background:url(../../images/layout/ftMenu_line.png) no-repeat 0 50%;}
#footer .ftMenu li:first-child {margin-left:0; background:none; padding-left:0;}
#footer .ftMenu li a { color:#626262; line-height:37px; text-decoration:none;}
#footer .ftMenu li a.bld { font-weight:bold; color:#626262; text-decoration:none;}
#footer address {margin:10px 0 0 245px; color:#848484; line-height:18px; letter-spacing:-0.5px; font-weight:bold;}
#footer .copyright {color:#848484; margin:0px 0 0 245px;}