@charset "utf-8";
/*
느티울 sub
*/

body { padding-top:90px; }
body.print { padding-top:0; }

/* gnb */
#header .headWrap { background-color:#f7f7f7; }
.headWrap .logo img.off { display:none; }
#header .gnbList:after { content:''; position:absolute; top:90px; left:0; width:100%; height:1px; background-color:#dedede; }
#header .gnb .gnbList>li>a { color:#000; }
#header .headUtil a { color:#666; }
#header .headUtil .btnMem>span>a:before { background-color:#999; }
#header .btnLang a { border-color:#999; }
#header.active .headUtil .btnSiteMap a:before,
#header.active .headUtil .btnSiteMap a:after { background-color:#777; }
#header.active .headUtil .btnSiteMap a span { background-color:#777; }
.headWrap .btnMoGnb button:before,
.headWrap .btnMoGnb button:after { background-color:#777; }
.headWrap .btnMoGnb button span { background-color:#777; }
@media all and (max-width: 1359px) {
    .headUtil .btnSiteMap a:before,
    .headUtil .btnSiteMap a:after { background-color:#777; }
    .headUtil .btnSiteMap a span { background-color:#777; }
}
@media all and (max-width: 960px) {
    #header .gnbList:after { display:none; }
}

/* locaticon */
#sub_visual .location { border-bottom:1px solid #dedede; }
.location .location_tit { display:none; }
.location .location_txt { max-width:1100px; margin:0 auto; }
.location .location_txt .location_home,
.location .location_txt .location_dep,
.location .location_txt .location_dep2,
.location .location_txt .location_arr { display:inline-block; vertical-align:middle; }
.location .location_txt .location_arr { margin-left:7px; }
.location .location_txt .location_home + .location_arr { margin-left:0; }
.location_home a { display:block; width:50px; height:59px; line-height:59px; text-align:center; }
.location_home a img { margin-top:-4px; vertical-align:middle; }
.location_arr img { vertical-align:middle; }
.location .location_txt .location_dep,
.location .location_txt .location_dep2 { position:relative; min-width:200px; }
.location_dep button,
.location_dep2 button { position:relative; width:100%; height:59px; line-height:59px; padding:0 35px 0 8px; font-size:16px; color:#353535; text-align:left; outline:0 none; }
.location_dep button:focus,
.location_dep button:active,
.location_dep2 button:focus,
.location_dep2 button:active { text-decoration:underline; }
.location_dep button:before,
.location_dep2 button:before { content:''; position:absolute; top:50%; right:10px; display:inline-block; width:0; height:0; margin-top:-3px; border-style:solid; border-width:6px 4px 0 4px; border-color:#444 transparent transparent transparent; -webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out; }
.location_dep>div,
.location_dep2>div { display:none; position:absolute; top:100%; left:0; width:100%; padding-top:1px; font-size:15px; font-weight:300; z-index:5; box-sizing:border-box; }
.location_dep>div>ul>li>a,
.location_dep2>div>ul>li>a { display:block; padding:14px 35px 16px 10px; background-color:#fff; border:1px solid #dedede; border-top:0 none; color:#444; }
.location_dep>div>ul>li.current>a,
.location_dep>div>ul>li>a.hover,
.location_dep>div>ul>li>a:hover,
.location_dep>div>ul>li>a:focus,
.location_dep>div>ul>li>a:active,
.location_dep2>div>ul>li.current>a,
.location_dep2>div>ul>li>a.hover,
.location_dep2>div>ul>li>a:hover,
.location_dep2>div>ul>li>a:focus,
.location_dep2>div>ul>li>a:active { font-weight:400; color:#195eac; }
#sub_visual .location + div {  }
#sub_visual .subTab .subTabBtn { display:none; }
#sub_visual .subTab>ul { display:table; table-layout:fixed; width:100%; max-width:1100px; margin:0 auto; border-bottom:1px solid #deddde; }
#sub_visual .subTab>ul>li { position:relative; display:table-cell; text-align:center; vertical-align:middle; }
#sub_visual .subTab>ul>li.current:before { content:''; position:absolute; bottom:-1px; left:0; width:100%; height:4px; background-color:#1d66c2; }
#sub_visual .subTab>ul>li>a { display:block; padding:28px 0 27px; text-decoration:none; }
#sub_visual .subTab>ul>li:hover>a,
#sub_visual .subTab>ul>li.current>a { color:#1d66c2; }
#sub_visual .subTab>ul>li>a>span { display:inline-block; }

@media all and (max-width: 960px) {
    .location .location_txt .location_home,
    .location .location_txt .location_arr { display:none; }
    .location .location_txt .location_dep,
    .location .location_txt .location_dep2 { display:block; }
    .location_dep button { height:55px; line-height:55px; padding:0 32px 0 22px; background-color:#195eac; color:#fff; }
    .location_dep button:before { right:22px; border-color:#fff transparent transparent transparent; }
    .location_dep2 button { height:55px; line-height:55px; padding:0 32px 0 22px; background-color:#f7f7f7; color:#353535; }
    .location_dep2 button:before { right:22px; }
    .location_dep>div>ul>li>a,
    .location_dep2>div>ul>li>a { padding:13px 32px 15px 22px; border:0 none; font-weight:400; color:#333; }
    .location_dep>div>ul>li>a,
    .location_dep2>div>ul>li>a { border-bottom:1px solid #dedede; }
    
    #sub_visual .subTab>ul>li>a { padding:18px 0 17px; font-size:15px; }
    /*#sub_visual .subTab { position:relative;  }
    #sub_visual .subTab .subTabBtn { display:block; }
    #sub_visual .subTab .subTabBtn button { position:relative; width:100%; height:50px; line-height:50px; padding:0 32px 0 22px; border:1px solid #dedede; font-size:15px; color:#555; text-align:left; outline:0 none; z-index:4; }
    #sub_visual .subTab .subTabBtn button:focus,
    #sub_visual .subTab .subTabBtn button:active { text-decoration:underline; }
    #sub_visual .subTab .subTabBtn button:before { content:''; position:absolute; top:50%; right:22px; display:inline-block; width:0; height:0; margin-top:-3px; border-style:solid; border-width:6px 4px 0 4px; border-color:#777 transparent transparent transparent; -webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out; }
    #sub_visual .subTab .subTabBtn.active button:before { -webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg); }
    #sub_visual .subTab>ul { position:absolute; top:49px; left:0; display:block; display:none; background-color:#fff; border:1px solid #dedede; text-align:left; box-sizing:border-box; z-index:5; }
    #sub_visual .subTab>ul>li { display:block; }
    #sub_visual .subTab>ul>li.on:before,
    #sub_visual .subTab>ul>li:hover:before { display:none; }
    #sub_visual .subTab>ul>li.current:before { display:none; }
    #sub_visual .subTab>ul>li>a { padding:12px 32px 14px 21px;  border-top:1px solid #dedede; font-size:14px; }
    #sub_visual .subTab>ul>li:first-child>a { border-top:0 none; }
    #sub_visual .subTab>ul>li>a>span { max-width:none; }*/
}
@media all and (max-width: 640px) {
    #sub_visual .subTab>ul>li.current:before { height:3px; }
    #sub_visual .subTab>ul>li>a { font-size:13px; }
}

/* Layout */
#content { min-height:650px; padding:60px 10px 100px; }
.content_in { max-width:1200px; margin:0 auto; }

@media all and (max-width: 960px) {
    #content { min-height:500px; padding:40px 10px 70px; }
}

/* Cont Tab */
.conTabList .tabList { position:relative; margin-bottom:60px; }
.conTabList .tabList>ul { display:table; table-layout:fixed; width:100%; border-top:1px solid #dedede; border-bottom:1px solid #dedede; text-align:center; line-height:1.1; }
.conTabList .tabList>ul>li { position:relative; display:table-cell; vertical-align:middle; }
.conTabList .tabList>ul>li.on:before,
.conTabList .tabList>ul>li:hover:before { content:''; position:absolute; bottom:-1px; left:0; width:100%; height:4px; background-color:#1d66c2; }
.conTabList .tabList>ul>li>a { display:block; padding:28px 0 27px; text-decoration:none; }
.conTabList .tabList>ul>li:hover>a,
.conTabList .tabList>ul>li.on>a { color:#1d66c2; }

@media all and (max-width: 960px) {
    .conTabList .tabList { margin-bottom:40px; }
    .conTabList .tabList .moBtn button { position:relative; width:100%; height:50px; line-height:50px; padding:0 32px 0 22px; border:1px solid #dedede; font-size:15px; color:#555; text-align:left; outline:0 none; z-index:4; }
    .conTabList .tabList .moBtn button:focus,
    .conTabList .tabList .moBtn button:active { text-decoration:underline; }
    .conTabList .tabList .moBtn button:before { content:''; position:absolute; top:50%; right:22px; display:inline-block; width:0; height:0; margin-top:-3px; border-style:solid; border-width:6px 4px 0 4px; border-color:#777 transparent transparent transparent; -webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out; }
    .conTabList .tabList .moBtn.active button:before { -webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg); }
    .conTabList .tabList>ul { position:absolute; top:49px; left:0; display:block; display:none; background-color:#fff; border:1px solid #dedede; text-align:left; box-sizing:border-box; z-index:5; }
    .conTabList .tabList>ul>li { display:block; }
    .conTabList .tabList>ul>li.on:before,
    .conTabList .tabList>ul>li:hover:before { display:none; }
    .conTabList .tabList>ul>li>a { padding:12px 32px 14px 21px;  border-top:1px solid #dedede; font-size:14px; }
    .conTabList .tabList>ul>li:first-child>a { border-top:0 none; }
    .conTabList .tabList>ul>li>a>span { max-width:none; }
}

/* default Style */
#content .conTit { margin-bottom:55px; font-size:42px; font-weight:600; color:#000; text-align:center; line-height:1.3; }
.defaultCon { max-width:1200px; margin:0 auto; }
.defaultCon .sTit { margin:60px 0 20px; font-size:30px; font-weight:500; color:#000; }
.defaultCon .sTit:first-child { margin-top:0; }
.defaultCon .fontBold { font-weight:500; }
.defaultCon .pointCol { color:#e85218; }
.defaultCon .linkLine { text-decoration:underline; }
#content .tabList .moBtn { display:none; }
.txtborderBox { margin-bottom:33px; padding:33px 38px 35px; border:1px solid #dedede; font-size:17px; font-weight:300; line-height:1.55; word-break:keep-all; }
.txtborderBox>p { margin-top:15px; }
.txtborderBox>p:first-of-type { margin-top:0; }
.defaultTable { table-layout:fixed; width:100%; margin-bottom:10px; border-top:1px solid #333; line-height:1.4; font-size:16px; letter-spacing:0.01em; }
.dotTxtList + .defaultTable { margin-top:15px }
.defaultTable th,
.defaultTable td { padding:22px 20px; border-bottom:1px solid #dedede; border-left:1px solid #dedede; font-weight:300; text-align:center; vertical-align:middle; }
.defaultTable th { background-color:#f8f8f8; }
/*.defaultTable td { color:#4c4640; }*/
.defaultTable.alignLt th,
.defaultTable.alignLt td { padding:22px 30px; text-align:left; }
.defaultTable.tdLeft td { padding:22px 30px; text-align:left; }
.defaultTable th.row,
.defaultTable td.row { border-left:none;}
.defaultTable th.alignLt,
.defaultTable td.alignLt { padding:22px 30px; text-align:left; }
.defaultTable img { padding:5px; } 
.defaultTable a {  }
.scrollTblWrap .tableDrag { display:none; margin-bottom:10px; font-size:14px; font-weight:300; color:#666; text-align:center; }
.scrollTblWrap .tableDrag span { display:inline-block; padding:5px 0 5px 63px; background:url(../images/sub/icon_table_drag.png) left center no-repeat; background-size:50px auto; }
.tableUnit { padding-bottom:10px; text-align:right; font-size:15px; font-weight:300; }
.attachTxt { overflow:hidden; display:block; margin-top:20px; font-weight:300; }
.attachTxt + .attachTxt { margin-top:3px; }
.defaultTable .attachTxt { margin-top:0; }
.attachTxt>i { float:left; margin-right:5px; font-style:normal; }
.attachTxt>i>span { overflow:hidden; display:block; }
.attachTxtList { margin-top:20px; text-align:left; }
.defaultTable .attachTxtList { margin-top:0; /*padding:0 10px;*/ }
.attachTxtList>li { overflow:hidden; margin-top:4px; font-weight:300; line-height:1.4; }
.attachTxtList>li:first-child,
.defaultTable .attachTxtList>li { margin-top:0; }
.attachTxtList>li>i { float:left; margin-right:3px; font-style:normal; }
.attachTxtList>li>span { overflow:hidden; display:block; }
.tblMoTxt { display:none; background-color:#f7f7f7; padding:20px; }
.tblMoTxt>li { overflow:hidden; margin-top:9px; font-weight:300; line-height:1.4; }
.tblMoTxt>li:first-child { margin-top:0; }
.tblMoTxt>li>i { float:left; margin-right:3px; font-style:normal; }
.tblMoTxt>li>span { overflow:hidden; display:block; }
p.titTxt { margin:25px 0 12px; font-size:20px; font-weight:500; color:#000; }
.dotTxtList { margin-top:20px; text-align:left; }
.defaultTable .dotTxtList { margin-top:0; /*padding:0 10px;*/ }
.dotTxtList>li { position:relative; margin-top:5px; padding-left:18px; font-weight:300; line-height:1.4; }
.dotTxtList>li:first-child { margin-top:0; }
.dotTxtList.inBlock { margin-top:-5px; font-size:0; }
.dotTxtList.inBlock>li { display:inline-block; width:50%; padding-right:20px; vertical-align:top; font-size:16px; box-sizing:border-box; }
.dotTxtList.inBlock>li:first-child { margin-top:5px; }
.dotTxtList>li:before { content:''; position:absolute; top:10px; left:0; width:4px; height:4px; background-color:#666; border-radius:50%; }
.dotTxtList>li>p,
.dotTxtList>li>ul>li { position:relative; margin-top:3px; padding-left:10px; }
.dotTxtList>li>p:before,
.dotTxtList>li>ul>li:before { content:''; position:absolute; top:11px; left:0; width:5px; height:1px; background-color:#999; }
.dotTxtP { position:relative; padding-left:18px; font-weight:300; line-height:1.4; }
.dotTxtP + .dotTxtP { margin-top:5px; }
.dotTxtP:before { content:''; position:absolute; top:10px; left:0; width:4px; height:4px; background-color:#666; border-radius:50%; }

.defaultCon .btnLineDown { display:inline-block; margin-left:10px; padding:2px 5px; border:1px solid #1d66c2; font-size:14px; color:#1d66c2; text-decoration:none; }
.btnLk { margin-top:30px; font-size:0; text-align:center; letter-spacing:-4px; }
.btnLk a { display:inline-block; min-width:49.16666%; margin:10px 0; padding:23px 4%; border:1px solid #1d66c2; font-size:16px; font-weight:300; color:#1d66c2; letter-spacing:normal; text-align:left; vertical-align:top; text-decoration:none; box-sizing:border-box; }
.btnLk.dual a { width:49.16666%; }
.btnLk.dual a + a { margin-left:1.66668%; }
.btnLk.three a { width:32.22221%; min-width:auto; }
.btnLk.three a + a { margin-left:1.66668%; }
.btnLk a span { display:block; padding:2px 35px 2px 0; background-position:right center; background-repeat:no-repeat; }
.btnLk a.down span { background-image:url(../images/sub/btn_lk_down.png); }
.btnLk a.link span { background-image:url(../images/sub/btn_lk_link.png); }
.btnLk a.vr span { background-image:url(../images/sub/btn_lk_vr.png); }
.btnZoomIn { display:inline-block; margin:35px auto 0; padding:20px 30px; background-color:#f2f2f2; border-radius:50px; color:#777; box-sizing:border-box; }
.btnZoomIn span { display:block; padding:0 0 3px 40px; background:url(../images/sub/icon_zoom_in.png) no-repeat; background-size:28px auto; }

@media all and (max-width: 960px) {
    #content .conTit { margin-bottom:30px; font-size:35px; }
    #content .tabList .moBtn { display:block; }
    .defaultCon .sTit { margin:40px 0 15px; font-size:24px; font-weight:600; }
    .txtborderBox { margin-bottom:28px; padding:27px 20px 28px; }
    .txtborderBox>p { margin-top:10px; }
    .defaultTable { font-size:15px; }
    .defaultTable .pcTxt { display:none; }
    .tblMoTxt { display:block; }
    p.titTxt { margin:18px 0 10px; font-size:17px; }
    .dotTxtList.inBlock>li { display:block; width:auto; margin-right:0; }
    .btnLk a { display:block; }
    .btnLk.dual a,
    .btnLk.three a { width:auto; }
    .btnLk.dual a + a,
    .btnLk.three a + a { margin-left:0; }
    .btnLk a.vr span { margin-right:-5px; }
}
@media all and (max-width: 767px) {
	.scrollTblWrap { width:100%; overflow-x:auto; overflow-y:hidden; }
    .scrollTblWrap .tableDrag { display:block; }
	.scrollTblWrap .scrollTable { width:960px; }
}
@media all and (max-width: 640px) {
    #content .conTit { font-size:24px; }
    .defaultCon .sTit { font-size:18px; }
    .txtborderBox { font-size:15px; }
    .defaultTable { font-size:14px; }
    .defaultTable th,
    .defaultTable.alignLt th,
    .defaultTable.alignLt td,
    .ble.alignLt td { padding:13px 10px; }
    .defaultTable td,
    .defaultTable.tdLeft td { padding:13px 10px; }
    .attachTxt { font-size:14px; }
    .attachTxtList>li { font-size:14px; }
    .tblMoTxt { padding:15px; font-size:14px; }
    p.titTxt { font-size:16px; }
    .dotTxtList>li { padding-left:13px; font-size:14px; }
    .dotTxtList>li:before { top:8px; width:3px; height:3px; }
    .dotTxtList>li>p:before,
    .dotTxtList>li>ul>li:before { top:9px; }
    .dotTxtP { padding-left:13px; font-size:14px; }
    .dotTxtP:before { top:8px; width:3px; height:3px; }
    .defaultCon .btnLineDown { font-size:13px; }
    .btnLk a { padding:15px 4%; font-size:15px; font-weight:400; }
    .btnZoomIn { padding:17px 25px; font-size:14px;}
    .btnZoomIn span { padding:0 0 3px 29px; background-size:20px auto; }
}


/* 강좌소개 */
.lectureCon .topInfo>ul { position:relative; margin-top:20px; border:1px solid #444; font-size:0; letter-spacing:-4px; }
.lectureCon .topInfo>ul:before { content:''; position:absolute; top:0; left:50%; width:1px; height:100%; background-color:#444; }
.lectureCon .topInfo>ul>li { display:inline-block; width:50%; font-size:16px; text-align:center; vertical-align:middle; letter-spacing:normal; }
.lectureCon .topInfo>ul>li>a { display:block; }

@media all and (max-width: 640px) {
    .lectureCon .topInfo>ul:before { display:none; }
    .lectureCon .topInfo>ul>li { display:block; width:auto; border-top:1px solid #444; }
    .lectureCon .topInfo>ul>li:first-child { border-top:0 none; }
    .lectureCon .topInfo>ul>li img { max-width:80%; }
}

/* 느티 소개 */
.introCon .titTxt { margin-top:30px; font-weight:400; line-height:1.2; letter-spacing:1px; font-size:18px; color:rgb(29, 28, 28); font-family: 'Noto Sans KR';}
.introCon .infoTxt { margin-top:20px; font-weight:300; line-height:1.0; letter-spacing:1px; font-size:16px; color:rgb(79, 94, 63); }
.titLink { overflow:hidden; margin:60px 0 20px; }
.titLink .sTit { float:left; margin:0; }
.titLink a { float:right; display:inline-block; padding:5px 15px; background-color:#1d66c2; border-radius:15px; font-size:17px; font-weight:300; color:rgb(48, 47, 47); text-decoration:none; }

@media all and (max-width: 640px) {
    .introCon .infoTxt { font-size:14px; }
    .titLink a { font-size:15px; }
}

/* 오시는 길 */
.visitCon .sTit { margin:95px 0 22px; text-align:left; }
.visitCon .sTit:first-of-type { margin-top:80px; }
.visitCon .dualImg { margin:45px -5px 0; font-size:0; letter-spacing:-4px; }
.visitCon .defaultTable + .dualImg { margin-top:70px; }
.visitCon .dualImg>li { display:inline-block; width:50%; padding:10px 5px 0; font-size:16px; vertical-align:top; letter-spacing:normal; box-sizing:border-box; }
.visitCon .dualImg>li img { width:100%; }
.visitCon .mapWrap .map { width:100%; height:540px; }
.visitCon .mapWrap>ul { padding:35px 0 38px; border-bottom:1px solid #dedede; font-size:0; text-align:center; letter-spacing:-4px; }
.visitCon .mapWrap>ul>li { display:inline-block; font-size:18px; font-weight:300; letter-spacing:normal; vertical-align:top; line-height:1.4; }
.visitCon .mapWrap>ul>li:first-child { position:relative; margin-right:40px; padding-right:41px; }
.visitCon .mapWrap>ul>li:first-child:before { content:''; position:absolute; top:9px; right:0; width:1px; height:14px; background-color:#aaa; }
.visitCon .mapWrap>ul>li>span { display:block; padding:2px 0 2px 30px; background-position:left 6px; background-repeat:no-repeat; }
.visitCon .mapWrap>ul>li .addr { background-image:url(../images/content/icon_addr.png); }
.visitCon .mapWrap>ul>li .call { background-image:url(../images/content/icon_call.png); }
.visitCon .dotTxtList + .direcList { margin-top:55px; }
.visitCon .direcList { margin-top:35px; border-top:1px solid #696969; }
.direcList>li { display:table; width:100%; border-bottom:1px solid #ededed; font-weight:300; }
.direcList>li>div { display:table-cell; vertical-align:middle; }
.direcList>li .th { width:29%; padding:20px 10px; border-right:1px solid #ededed; text-align:center; }
.direcList>li .td { padding:20px 30px; font-size:0; letter-spacing:-4px; }
.direcList>li .th>span { display:block; width:13em; margin:0 auto; line-height:1.4; }
.direcList>li .btnMap>a { display:inline-block; margin:10px 3px 5px; padding:10px 20px; background-color:#f2f2f2; border:1px solid #dedede; border-radius:5px; vertical-align:top; text-decoration:none; }
.direcList>li .btnMap>a>span { display:block; padding-left:24px; background-position:left center; background-repeat:no-repeat; }
.direcList>li .btnMap.bus>a>span { background-image:url(../images/content/icon_bus.png); background-size:14px auto; }
.direcList>li .btnMap.subway>a>span { background-image:url(../images/content/icon_subway.png); background-size:15px auto; }
.direcList>li .td .bus { overflow:hidden; font-size:16px; line-height:1.4; letter-spacing:normal; }
.direcList>li .td .bus + .bus { margin-top:10px; }
.direcList>li .td .bus>em { float:left; min-width:4.5em; margin-right:16px; padding:5px 0; border-radius:5px; font-size:14px; color:#fff; text-align:center; }
.direcList>li .td .bus>em.col1 { background-color:#01a27c; }
.direcList>li .td .bus>em.col2 { background-color:#a18637; }
.direcList>li .td .bus>em.col3 { background-color:#cf481e; }
.direcList>li .td .bus>span { overflow:hidden; display:block; padding-top:2px; }
.direcList>li .td .subway { position:relative; display:inline-block; min-width:24%; margin-left:5px; padding:0 5%; font-size:16px; text-align:center; vertical-align:middle; letter-spacing:normal; }
.direcList>li .td .subway:first-of-type { margin-left:0; }
.direcList>li .td .subway>span { display:block; padding:10px; background-color:#fff; border:6px solid; border-radius:40px; }
.direcList>li .td .subway .col1 { border-color:#2a4fad; }
.direcList>li .td .subway .col2 { border-color:#edb70a; }
.direcList>li .td .subway .col3 { border-color:#0c893f; }
.direcList>li .td .subway .col4 { border-color:#990000; }
.direcList>li .td .subway .col5 { border-color:#3d7fe0; }
.direcList>li .td .subway>span:before { content:''; position:absolute; top:50%; left:0; width:100%; height:6px; margin-top:-3px; z-index:-1; }
.direcList>li .td .subway .col1:before { background-color:#2a4fad; }
.direcList>li .td .subway .col2:before { background-color:#edb70a; }
.direcList>li .td .subway .col3:before { background-color:#0c893f; }
.direcList>li .td .subway .col4:before { background-color:#990000; }
.direcList>li .td .subway .col5:before { background-color:#3d7fe0; }
.direcList>li .td .subway>span>em { display:block; font-weight:400; }
.direcList>li .td .subway .col1>em { color:#2a4fad; }
.direcList>li .td .subway .col2>em { color:#edb70a; }
.direcList>li .td .subway .col3>em { color:#0c893f; }
.direcList>li .td .subway .col4>em { color:#990000; }
.direcList>li .td .subway .col5>em { color:#3d7fe0; }
.direcList>li .td .subway>span>span { display:block; margin-top:2px; font-size:14px; }
.visitCon .btnCarList { margin:20px -10px 0; font-size:0; letter-spacing:-4px; }

.visitCon .btnCarList>li { display:inline-block; width:50%; margin-top:14px; padding:0 10px; font-size:16px; font-weight:300; vertical-align:top; letter-spacing:normal; box-sizing:border-box; }
.visitCon .btnCarList>li>a { display:table; width:100%; height:90px; padding:20px 95px; background:#f2f2f2 url(../images/content/icon_car.png) 50px center no-repeat; border:1px solid #dedede; border-radius:5px; text-decoration:none; box-sizing:border-box; }
.visitCon .btnCarList>li>a>span { display:table-cell; text-align:center; vertical-align:middle; }
.visitCon .btnCarList>li>a>span>span { display:block; margin-top:4px; font-size:14px; }
.visitCon .btnLk { margin-top:50px; }
.visitCon .ParkingTop { margin-bottom:60px; padding:0 5%; text-align:center; }
/*.visitCon .ParkingTop .sTit { margin-top:0; text-align:center; }*/
.visitCon .ParkingTop>p { /*margin-top:40px;*/ font-size:17px; font-weight:300; }
.visitCon .ParkingTop>p>em { font-weight:400; color:#e85218; }
.visitCon .amenitiList>li { overflow:hidden; margin-top:40px; }
.visitCon .amenitiList>li:first-child { margin-top:0; }
.visitCon .amenitiList>li>div { float:right; width:53.33334%; }
.visitCon .amenitiList>li>div .sTit { margin-top:25px; }
.visitCon .amenitiList>li>span { float:left; display:block; width:41.66666%; margin-right:5%; }
.visitCon .amenitiList>li>span img { width:100%; }

@media all and (max-width: 1040px) {
    .visitCon .mapWrap>ul { padding:25px 0 28px; text-align:left; }
    .visitCon .mapWrap>ul>li { display:block; margin-top:7px; }
    .visitCon .mapWrap>ul>li:first-child { margin:0; padding-right:0; }
    .visitCon .mapWrap>ul>li:first-child:before { display:none; }
    .visitCon .mapWrap>ul>li>span { padding:2px 0 2px 25px; }
}
@media all and (max-width: 960px) {
    .visitCon .sTit { margin:60px 0 22px; }
    .visitCon .sTit:first-of-type { margin-top:40px; }
    .visitCon .dualImg { margin:35px -5px 0; }
    .visitCon .defaultTable + .dualImg { margin-top:50px; }
    .visitCon .mapWrap>ul>li { font-size:16px; }
    .visitCon .mapWrap>ul>li>span { background-position:left 4px; }
    .visitCon .dotTxtList + .direcList { margin-top:35px; }
    .visitCon .direcList { margin-top:25px; }
    .direcList>li { display:block; width:auto; }
    .direcList>li>div { display:block; }
    .direcList>li .th { position:relative; display:table; width:100%; height:4.7em; padding:15px 250px 15px 2%; background-color:#f8f8f8; border-right:0 none; border-bottom:1px solid #ededed; box-sizing:border-box; }
    .direcList>li .td { padding:20px 2%; }    
    .direcList>li .th>span { display:table-cell; width:auto; vertical-align:middle; }
    .direcList>li .btnMap { position:absolute; top:50%; right:2%; margin-top:-19px; }
    .direcList>li .btnMap>a { margin:0; background-color:#fff; }
    .direcList>li .td .subway { min-width:auto; width:49%; margin:0 0.5%; box-sizing:border-box; }
    .visitCon .btnCarList { margin:20px 0 0; }
    .visitCon .btnCarList>li { display:block; width:auto; margin-top:14px; padding:0; }
    .visitCon .btnLk { margin-top:40px; }
    .visitCon .ParkingTop { margin-bottom:40px; }
    /*.visitCon .ParkingTop>p { margin-top:22px; }*/
    .visitCon .amenitiList>li>div .sTit { margin-top:0; }
}
@media all and (max-width: 640px) {
    .visitCon .dualImgdualImg { margin:35px 0 0; }
    .visitCon .dualImg>li { display:block; width:auto; margin-top:10px; padding:0; }
    .visitCon .dualImg>li:first-child { margin-top:0; }
    .visitCon .mapWrap .map { height:450px; }
    .visitCon .mapWrap>ul>li { font-size:15px; }
    .visitCon .mapWrap>ul>li>span { padding:2px 0 2px 22px; background-size:13px auto; }
    .direcList>li { font-size:14px; }
    .direcList>li .th { padding:15px 170px 15px 2%; }
    .direcList>li .btnMap { font-size:13px; }
    .direcList>li .btnMap>a { padding:9px 13px; }
    .direcList>li .btnMap>a>span { padding:1px 0 1px 22px; }
    .direcList>li .btnMap.bus>a>span { background-size:13px auto; }
    .direcList>li .btnMap.subway>a>span { background-size:14px auto; }
    .direcList>li .td .bus { font-size:14px; }
    .direcList>li .td .bus>em { margin-right:12px; font-size:12px; }
    .direcList>li .td .bus>span { padding-top:3px; }
    .direcList>li .td .subway { padding:0 4%; font-size:14px; }
    .direcList>li .td .subway>span { padding:7px 5px; border-width:4px; }
    .direcList>li .td .subway>span:before { height:4px; margin-top:-2px; }
    .direcList>li .td .subway>span>span { font-size:13px; }
    .visitCon .btnCarList>li { margin-top:10px; font-size:14px; }
    .visitCon .btnCarList>li>a { height:67px; padding:15px 20px; background-image:none; }
    .visitCon .btnCarList>li>a>span>span { font-size:13px; }
    .visitCon .ParkingTop>p { font-size:15px; }
    .visitCon .amenitiList>li { margin-top:60px; }
    .visitCon .amenitiList>li>div { float:none; width:auto; }
    .visitCon .amenitiList>li>span { float:none; width:auto; margin:35px 0 0; }
}







/* 사이트맵 */
.sitemapCon>ul { margin:0 -1.5%; padding-top:15px; font-size:0; letter-spacing:-4px; }
.sitemapCon>ul>li { display:inline-block; width:22%; margin:0 1.5% 20px; font-size:16px; vertical-align:top; letter-spacing:normal; }
.sitemapCon>ul>li>h5 { display:table; width:100%; height:4.7em; border-top:1px solid #111; border-bottom:1px solid #dedede; font-size:20px; font-weight:500; text-align:center; }
.sitemapCon>ul>li>h5>span { display:table-cell; vertical-align:middle; }
.sitemapCon>ul>li>ul { padding:36px 6.4%; font-weight:300; }
.sitemapCon>ul>li>ul>li { margin-top:19px; font-size:18px; }
.sitemapCon>ul>li>ul>li:first-child { margin-top:0; }
.sitemapCon>ul>li>ul>li>ul { margin:15px 0 22px 2px; }
.sitemapCon>ul>li>ul>li>ul>li { margin-top:6px; }
.sitemapCon>ul>li>ul>li>ul>li:first-child { margin-top:0; }
.sitemapCon>ul>li>ul>li>ul>li>a { position:relative; display:inline-block; padding-left:18px; font-size:16px; color:#666; }
.sitemapCon>ul>li>ul>li>ul>li>a:before { content:''; position:absolute; top:8px; left:0; width:4px; height:4px; background-color:#999; border-radius:50%; }

@media all and (max-width: 960px) {
    .sitemapCon>ul { padding-top:10px; }
    .sitemapCon>ul>li { width:47%; }
    .sitemapCon>ul>li>ul { padding:33px 5%; }
    .sitemapCon>ul>li>h5 { height:4.5em; }
    .sitemapCon>ul>li>ul>li>ul { margin:12px 0 20px 10px; }
}
@media all and (max-width: 640px) {
    .sitemapCon>ul>li>h5 { font-size:17px; }
    .sitemapCon>ul>li>ul>li { font-size:16px; }
    .sitemapCon>ul>li>ul>li>ul>li>a { padding-left:13px; font-size:14px; }
    .sitemapCon>ul>li>ul>li>ul>li>a:before { top:7px; width:3px; height:3px; }
    
}

/* board gallery */
.gallery_list { max-width:1200px; margin:0 auto; }
.gallery_list { clear:both; overflow:hidden; position:relative; width:100%; margin-bottom:10px; padding:10px 0; border-top:5px solid #000; border-bottom:1px solid #d8d8d8; color:#666; line-height:normal; }
.gallery_list ul { margin:0 -1.12%; font-size:0; letter-spacing:-4px; }
.gallery_list li { display:inline-block; width:22.76%; margin:10px 1.12%; border:1px solid #d8d8d8; font-size:16px; vertical-align:top; letter-spacing:normal; box-sizing:border-box; }

.gallery_list .photo { padding:0; border-bottom: 1px solid #ddd; text-align:center; }
.gallery_list .photo a { overflow:hidden; position:relative; display:block; padding-top:66.67%; }
.gallery_list .photo img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    background-image: url(inc/leo2020/images/content/golink002.jpg);
}
.gallery_list .photo2 { padding-top:2px; text-align:center; }
.gallery_list .photo2 img { width:237px; height:273px; }
.gallery_list dl { padding:12px; }
.gallery_list dt { display:inline-block; line-height:1.4em; color:#444; }
.gallery_list dt .subject {float: left; overflow: hidden; max-width: 190px; text-overflow: ellipsis;}
.gallery_list dt a { color:#444; font-size:14px; }
.gallery_list dd { line-height:1.4em; color:#666; font-size:13px; margin-top:5px; }
.gallery_list ul li.all {clear:both;float:none;width:100%;text-align:center;background:none; }

.gallery_list2 { clear:both; position:relative; width:100%; color:#666; line-height:normal; overflow:hidden; margin-bottom:10px; }
.gallery_list2 ul { clear:both; width:100%; display:inline-block; padding:20px 0; }
.gallery_list2 li { float:left; width:241px; height:373px; margin-left:25px; background:url(/inc/img/board/gallery_pgoto2_bg.gif) no-repeat; }
.gallery_list2 li:first-child { margin-left:0; }
.gallery_list2 .photo { padding-top:2px; text-align:center; height:273px; overflow:hidden;}
.gallery_list2 .photo img { width:100%; }
.gallery_list2 dl { padding:20px; }
.gallery_list2 dt { font-weight:500; line-height:1.4em; color:#444; font-size:14px; }
.gallery_list2 dt a { color:#444; font-size:14px; }
.gallery_list2 dd { line-height:1.4em; color:#666; font-size:13px; margin-top:5px; }

@media all and (max-width: 768px) {
    .gallery_list li { width:47.76%; }
}
@media all and (max-width: 640px) {
    .gallery_list dl { padding:10px 8px; }
}