@charset 'utf-8';

/* sub-visual */
.sub-visual { background-color:#232421;background-repeat:no-repeat; background-position:center; }
.sub-visual .m { display:none; width:100%; height:auto; }
.sub-visual.sub01 { background-image:url('../img/contents/sub_visual_apps2025.jpg'); }
.sub-visual .inbx { position:relative; max-width:1400px; height:215px; margin:0 auto; overflow:hidden; box-sizing:border-box; }
.sub-visual .t-bx { position:absolute; left:40%; right:25px; top:50%; transform:translateY(-50%); font-size:15px; line-height:1.5; color:#fff; font-weight:300; letter-spacing:-0.2px; }
.sub-visual .t-bx .big { font-size:28px; line-height:1.2; margin-bottom:5px; font-weight:200; }

/* lnb-wr */
.lnb-wr { border-bottom:1px solid #cccccc; background-color:#f1f1f1;}
.lnb-wr .inbx { max-width:1400px; margin:0 auto; box-sizing:border-box; }
.lnb-wr .btn-home { float:left; display:block; width:70px; height:69px; background-repeat:no-repeat; background-position:center; background-image:url('../img/contents/icon_home.png'); cursor:pointer; border-left:1px solid #d6d6d6;  border-right:1px solid #d6d6d6;}
.lnb-wr #lnb { margin-left:70px; }
.lnb-wr #lnb:after { display:block; height:0; clear:both; content:"" }
.lnb-wr #lnb > li { position:relative; float:left; width:19%; font-size:16px; border-right:1px solid #d6d6d6; box-sizing:border-box; }
/*.lnb-wr #lnb > li { position:relative; float:left; width:16.6%; font-size:17px; border-right:1px solid #d6d6d6; box-sizing:border-box; }*/
.lnb-wr #lnb > li .idx { display:block; height:69px; line-height:69px; padding-left:20px; color:#101010; letter-spacing:0.5px; }
.lnb-wr #lnb > li .idx:after { position:absolute; right:15px; top:50%; display:block; width:35px; height:35px; transform:translateY(-50%); content:""; }
/*.lnb-wr #lnb > li .idx:after { position:absolute; right:15px; top:50%; display:block; width:35px; height:35px; background-repeat:no-repeat; background-position:center; background-image:url('../img/contents/ic_menu_ar.jpg'); transform:translateY(-50%); content:""; }*/
.lnb-wr #lnb .sub-menu { position:absolute; left:-1px; right:-1px; top:69px; display:block; background-color:#fff; border:1px solid #d6d6d6; box-sizing:border-box; z-index:1; display:none; }
.lnb-wr #lnb .sub-menu li { border-top:1px solid #d6d6d6; border-left:0; }
.lnb-wr #lnb .sub-menu li:first-child { border-top:0; }
.lnb-wr #lnb .sub-menu li a { height:57px; line-height:57px; display:block; padding-left:20px; color:#101010; }
.lnb-wr #lnb .sub-menu li a:hover { background-color:#ededed; }
.lnb-wr #lnb > li:hover .idx { color:#007db6; }
.lnb-wr #lnb > li:hover .sub-menu { display:block; }

/* contents */
.contents { max-width:1400px; padding:40px 0 100px 0; margin:0 auto; }
.contents .sub-hd { position:relative; padding-bottom:13px; padding-left:35px; border-bottom:1px solid #d7d7d7; margin-bottom:55px; }
.contents .sub-hd:after { position:absolute; left:20px; bottom:-5px; display:block; width:8px; height:8px; background-color:#38536e; border-radius:20px; overflow:hidden; content:""; }
.contents .sub-hd h3 { font-size:40px; line-height:1.4; color:#363638; font-weight:570; letter-spacing:-0.5px;}



/* tab-menu */
#tab-menu { width:100%; overflow:hidden; background-color:#eeeeee; margin-bottom:50px; }
#tab-menu li { position:relative; float:left; width:25%; font-size:20px; }
#tab-menu li span { position:relative; display:block; cursor:pointer; color:#939292; box-sizing:border-box; height:65px; line-height:65px; text-align:center; border:1px solid #eeeeee; border-bottom:1px solid #999; }
#tab-menu li span:after { position:absolute; right:-1px; top:0; width:1px; height:100%; background-color:#999; content:""; }
#tab-menu li:last-child span:after { display:none; }
#tab-menu li#current span { background-color:#fff; border:1px solid #999999; border-bottom:1px solid #fff; } 

#content { min-height:300px; height:auto !important; height:300px; }