/* ================================================================= */
/* ========================= ▼공통된부분 시작점▼ ========================= */
/* ================================================================= */

@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css); 
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css); 
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 

@font-face {font-family:'GmarketSansLight'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'GmarketSansMedium'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'GmarketSansBold'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'S-CoreDream-1Thin'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'S-CoreDream-2ExtraLight'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'S-CoreDream-3Light'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'S-CoreDream-4Regular'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'S-CoreDream-5Medium'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'S-CoreDream-7ExtraBold'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'S-CoreDream-9Black'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); font-weight:normal; font-style:normal;}


*,body {margin:0; padding:0;}
body, html {height:100%; margin:0;}
body {background:#fff;}
body {font-family:'S-CoreDream-4Regular', ns,dotum,gullim,Tahoma,Arial,Helvetica,sans-serif;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,select,button,
body,td,form,select,input,button,textarea,div,option,pre,p,span,blockquote,li,dt,dd,legend,label,h1,h2,h3,h4,h5,h6, div, header, nav, ol, ul, li, article, section, footer, img, a, p, span, h1, h2, h3, h4, h5, h6, hgroup, input, select, figure, figcaption, textarea, fieldset {position:relative;}
label,button,input[type=button],input[type=submit],input[type=image] {cursor:pointer;}
br {font-family:dotum !important;}
img {border:none; max-width:100%;}
a {text-decoration:none;}
li {list-style:none;}
button {outline:none;}
input {font-family:'S-CoreDream-4Regular';}
label {cursor:pointer; color:#666;}
select {cursor:pointer; border:1px solid #e1e1e1; font-size:12px; color:#666;}
.clr {clear:both;}
.overfl {overflow:hidden;}
.overflV {overflow:visible !important;}
.mrt0 {margin-top:0 !Important;}
.pdt0 {padding-top:0 !important;}
.mrt10 {margin-top:10px !Important;}
.mrt30 {margin-top:30px !Important;}
.mrt50 {margin-top:50px !Important;}
.mrt70 {margin-top:70px !Important;}
.mrt90 {margin-top:90px !Important;}
.mrt100 {margin-top:100px !Important;}
.displaynone {display:none !important;}
.displayblock {display:block !important;}
#bodywrap {Width:100%; height:100%;}


body:after {-moz-animation:overlay-hide 1.5s ease-in forwards !important; -webkit-animation:overlay-hide 1.5s ease-in forwards !important; -ms-animation:overlay-hide 1.5s ease-in forwards !important; animation:overlay-hide 1.5s ease-in forwards !important; background:#fff; content:''; display:block; height:100%; left:0; opacity:0; position:fixed; top:0; width:100%; z-index:-1;}
body.is-loading:after {-moz-animation:none !important; -webkit-animation:none !important; -ms-animation:none !important; animation:none !important; opacity:1; z-index:10;}
a, a:hover, a:visited {text-decoration:none;} 
li {list-style:none;}
input {outline:none;}
.h1title {overflow:Hidden;}
.h1title span, .h1title strong {display:Block; float:left;}
.h1title span {width:2px; height:50px; background:#222;}
.h1title strong {font-size:17px; color:#333; margin:0 0 0 10px; line-height:50px; font-weight:400;}
.lineheight_titlemobile br {display:none;}
.h4detailtxt {margin:10px 0 0 10px; font-size:13px; color:#999; font-weight:400;}












/* ====== 공통 ====== */
/* 헤더 */
header {width:100%; background:#fff;}
header::after {content:"";}
header > div > h1 {margin:0 auto; text-align:Center;}
header > div > h1 figure {display:none;}



nav::after {content:"";}
#navigation {position:fixed; top:0; z-index:100; width:100%; z-index:9999999999999;}
#navigation::after {content:"";}
#sidebar {width:280px; height:100%; background:#fff; box-shadow:-1px 3px 28px rgba(84, 84, 84, 0.12); z-index:9999999999999999999999999999999999999999999999999;}
.container {width:100%; position:absolute; top:0;}
.container::after {content:"";}
.fixed1 {position:absolute; z-index:999; left:20px;}
.tuxedo-menu.tuxedo-menu-fixed {position:fixed; top:0; left:0; padding:0 20px; overflow:auto; z-index:11919911026; opacity:1;}
.tuxedo-menu {background:#fafafa; -webkit-animation-duration:200ms; animation-duration:200ms; display:none;}
.tuxedo-menu.tuxedo-menu-visible {display:block;}
.navXbtn01 {margin:20px auto 0 auto; text-align:right;}
.navXbtn01 img {width:30px; height:30px;}
.h1_nav01 {font-size:10px; color:#333; font-weight:500; margin:40px auto 0 auto; text-transform:uppercase; padding:0 0 10px 0; border-bottom:1px solid #333;}
.nav_cate01 {width:100%; margin:0 auto; text-transform:uppercase;}
.nav_cate01 > li, .nav_cate01 > li.active {font-size:14px;}
.nav_cate01 > li {background:#fff url(/img/tri01.png) no-repeat 95% 23px;}
.nav_cate01 > li.active {background:#f26e4a url(/img/tri01.png) no-repeat 95% 23px;}
.nav_cate01 > li > a {color:#111; border-bottom:1px solid #eee; font-weight:500;}
.nav_cate01 > li.active > a {color:#fff !Important;}
.nav_cate01 a {display:block; padding:0 5%; border-bottom:1px solid #d7d7d7; width:90%; height:60px; line-height:60px;}
.nav_cate01 li:last-child .subgnb01 > li:last-child {border-bottom:none;}
.subgnb01 > li {background:#fbfbfb; font-size:13px; font-weight:normal;}
.subgnb01 > li:last-child {border-bottom:1px solid #eee;}
.subgnb01 > li > a {color:#333;}

/* 푸터 */
footer {width:100%; background:#20252c; padding:20px 0; overflow:hidden;}
footer img {vertical-align:middle;}
.footer2 {margin:0 auto; width:90%; line-height:25px;}
.footer2 p {color:#ddd;font-size:12px; text-align:center;}
.footer2 p a {color:#ddd;}
.footer2 ul {text-align:center; margin:10px auto 0 auto;}
.footer2 li {display:inline-block;}




/* ====== 인덱스 ====== */
#body_main {background:#ea554f; display:table; width:100%; text-align:Center; text-align:left;}
.divindex_table {display:table-cell; vertical-align:middle;}
.divindex_table div {width:90%; margin:0 auto;}
.divindex_table div > a > article {Color:#000; font-size:15px; line-height:25px; text-align:center; margin:30px auto 0 auto;}
.divindex_table div > a > article figcaption {margin:35px 0 0 0;}
.divindex_table div img {width:100%;}





/* ====== 서브 ====== */
/* 서브공통 */
.subvis {width:100%; height:420px;overflow:hidden;margin:0 auto;}
.subtxt {width:98%; margin:0 auto; overflow:hidden;}
.subtxt > article {font-size:15px; letter-spacing:-0.05em; line-height:22px; text-transform:uppercase;}
.subcontents {width:90%; margin:0 auto;}
.subhgroup {margin:80px 0 0 0; text-align:center; overflow:hidden;}
.subhgroup > h1 {color:#ee7745; font-weight:900;letter-spacing:-0.05em; font-size:53px; line-height:44px; height:58px;}
.subhgroup > h5 {color:#303030; font-weight:normal; letter-spacing:-0.05em; font-size:14px; padding:40px 0; background:url(/img/subbar.jpg) no-repeat center bottom; line-height:26px;}
.subhgroup > h2 {font-size:31px; color:#ee7745; line-height:30px; letter-spacing:-0.07em;}


#subvis0101 {background:url(/img/subvis0101.jpg) no-repeat center top;}
#subvis0200 {background:url(/img/subvis0200.jpg) no-repeat center top;}
#subvis0201 {background:url(/img/subvis0201.jpg) no-repeat center top;}
#subvis0202 {background:url(/img/subvis0202.jpg) no-repeat center top;}
#subvis0203 {background:url(/img/subvis0203.jpg) no-repeat center top;}
#subvis0203_02 {background:url(/img/subvis0203_02.jpg) no-repeat center top;}
#subvis0203_03 {background:url(/img/subvis0203_03.jpg) no-repeat center bottom;}
#subvis0203_04 {background:url(/img/subvis0203_04.jpg) no-repeat center bottom;}

#subvis0204 {background:url(/img/subvis0204.jpg) no-repeat left top;}
#subvis0204_02 {background:url(/img/subvis0204_02.jpg) no-repeat right top;}
#subvis0204_03 {background:url(/img/subvis0204_03.jpg) no-repeat center top;}
#subvis0204_04 {background:url(/img/subvis0204_04.jpg) no-repeat center top;}
#subvis0204_05 {background:url(/img/subvis0204_05.jpg) no-repeat center top;}
#subvis0204_06 {background:url(/img/subvis0204_06.jpg) no-repeat center top;}
#subvis0204_07 {background:url(/img/subvis0204_07.jpg) no-repeat center top;}
#subvis0204_08 {background:url(/img/subvis0204_08.jpg) no-repeat center top;}

#subvis0205 {background:url(/img/subvis0205.jpg) no-repeat center top;}
#subvis0205_02 {background:url(/img/subvis0205_02.jpg) no-repeat right bottom;}
#subvis0205_03 {background:url(/img/subvis0205_03.jpg) no-repeat center bottom;}
#subvis0205_04 {background:url(/img/subvis0205_04.jpg) no-repeat right top;}

#subvis0301 {background:url(/img/subvis0301.jpg) no-repeat right top;}
#subvis0302 {background:url(/img/subvis0302.jpg) no-repeat center top;}
#subvis0303 {background:url(/img/subvis0303.jpg) no-repeat center top;}
#subvis0401 {background:url(/img/subvis0401.jpg) no-repeat center top;}
#subvis0501 {background:url(/img/subvis0501.jpg) no-repeat center top;}





/* 0101 */
.sub01at1 {width:100%; overflow:hidden; color:#fff; text-align:center; background:url(/img/sub01img1.jpg) no-repeaT center;}
.sub01at2 {width:100%; overflow:hidden; text-align:center;}
.sub01at2 > h1 {color:#ee7745; background:url(/img/bar2.jpg) no-repeat center top; padding:20px 0 0 0; font-weight:400; letter-spacing:-0.05em; font-size:20px;}
.sub01at1 > p {font-size:18px; margin:25px 0 0 0; background:rgba(0,0,0,0.5); display:inline-block;}
.sub01at2 > p {margin:35px 0 0 0;}
.sec01_02 > span > h1 {text-transform:uppercase; font-size:16px; color:#515151; padding:15px 0 0 0;}
.sec01_02 > span > article {font-size:13px; line-height:22px; color:#888; margin:10px 0 0 0; text-align:center;}



/* 0200 */
#sub0200 {width:100%;}
.jy_filterul {margin:30px auto; overflow:hidden; text-align:Center;}
.jy_filterul li {text-align:center; text-transform:uppercase; background:#fff; color:#9b9b9b; border:1px solid #ccc; display:inline-block;}
.jy_filterul li a {text-decoration:none; color:#9b9b9b;display:block;}
.jy_filterul li:first-child {margin:0;}
.jy_filterul li:hover, .current, .selsect1 {background:#ee7745 !important; border:none !important; font-weight:bold;}
.jy_filterul li a:hover , .current a, .selsect1 a {color:#fff !important;}
#grid li a {cursor:auto !important;}


/* 0201 */
.sub02CM {width:90%; margin:50px auto; overflow:Hidden;}
.sub0201_01 {overflow:hidden;}
.sub0201_01 section {padding:20px; border:1px solid #ddd; border-top:2px solid #222;}
.sub0201_01 section figure img {width:100%;}
.sub0201_01 section h1 {text-align:Center; font-weight:100; color:#333; font-size:20px; margin:10px 0 0 0;}
.sub0201_01 section h1 strong {font-weight:600;}
.sub0201_01 section p {font-size:13px; color:#666; line-height:23px; font-weight:400; margin:15px 0 0 0;}
.sub0201_01 article {text-align:Center; background:#fcfcfc; padding:50px 20px; width:calc(100% - 40px); margin:0 auto 30px auto;}
.sub0201_01 article h1 {font-size:18px; color:#000; background:url(/img/bar02.jpg) no-repeat center bottom; padding:0 0 30px 0;}
.sub0201_01 article p {font-size:12px; line-height:24px; margin:15px auto 0 auto;}

.sub0201_02 {overflow:Hidden; margin:60px auto 0 auto;}
.sub0201_02 section {overflow:hidden; margin:25px auto 0 auto; padding:20px; border:1px solid #ddd;}
.sub0201_02 section figure img {width:100%; display:block;}
.sub0201_02 section article {margin:25px auto; padding:0 5%; text-align:Center;}
.sub0201_02 section article h3 {font-size:22px; color:#333; padding:0 0 20px 0; background:url(/img/bar02.jpg) no-repeat center bottom;}
.sub0201_02 section article p {font-size:13px; color:#666; margin:20px 0 0 0; line-height:22px;}


/* 0202 */
.sub0202_01 {margin:30px auto 0 auto;}
.sub0202_01 section {padding:30px; border:1px solid #ddd; overflow:hidden;}
.sub0202_01 section h3 {text-align:Center; height:45px; line-height:45px; width:100%; font-size:15px; font-weight:400; margin:30px auto 0 auto;}
.sub0202_01 section h3:nth-of-type(1) {background:#fafafa; color:#333; margin:0 auto;}
.sub0202_01 section h3:nth-of-type(2) {background:#f26e4a; color:#fff;}
.sub0202_01 section figure {margin:15px auto 0 auto;}
.sub0202_01 section figure img {width:100%;}
.sub0202_01 section article {border:1px dashed #ddd; margin:5px auto 0 auto; text-align:Center; padding:20px; color:#333; font-size:13px; line-height:22px;}


/* 0203 */
.ul_submiddle {text-align:center; margin:50px auto 0 auto;}
.ul_submiddle:nth-of-type(2) {margin:5px auto 0 auto;}
.ul_submiddle li {border:1px solid #ddd; display:inline-block; font-size:14px;}
.ul_submiddle li a {display:block; color:#333; padding:10px 0;}
.ul_submiddle li:hover, .active_sub01 {background:#ee7745; border:1px solid #ee7745 !important;}
.ul_submiddle li:hover a, .active_sub01 a {color:#fff !important;}

#sub0203 {text-align:center; width:100%;}
#sub0203 figure {text-align:Center;}
#sub0203 ul {text-align:Center; margin:15px auto 0 auto; overflow:hidden; width:90%;}
#sub0203 ul li {display:inline-block;}




/* 게시판 */
.subboardwrap {width:90%; margin:50px auto; overflow:Hidden;}


/* 0501 */
#sub0501 {overflow:hidden;}
.sub0501wrap section {border:1px solid #ddd; padding:25px; text-align:center; border-top:2px solid #902a18; margin:35px auto 0 auto;}
.sub0501wrap section h1 {font-size:18px; color:#e4644e; font-weight:400; line-height:15px; height:20px;}
.sub0501wrap section h3 {font-size:25px; color:#902a18; line-height:23px; height:24px; margin:15px auto 22px auto; font-weight:400; letter-spacing:-0.05em;}
.sub0501wrap section p {font-size:13px; color:#888; line-height:22px;}

















/* ================================= 반응형 ================================= */
@media screen and (min-width:1200px)
{

/* ====== 공통 ====== */
.px1200 {width:1200px; margin:0 auto;}


/* 헤더 */
header {}
header > div {height:40px; padding:20px 0; width:1200px; margin:0 auto;}
header > div > h1 {height:40px;}
header h1 .container {display:none;}
#gnb > li {float:left; width:240px;}
#sidebar {width:100%; height:60px; box-shadow:none; z-index:99; border-top:1px solid #d7d7d7; overflow:visible; background:none; border-bottom:1px solid #d7d7d7;}
.animated {animation-fill-mode:none !important; -webkit-animation-fill-mode:none !important;}
.slideOutLeft {-webkit-animation-name:none !important; animation-name:none !important;}
.tuxedo-menu {display:block !important;}
.tuxedo-menu.tuxedo-menu-fixed {position:relative; padding:0; overflow:auto; z-index:11919911026; opacity:1;}
.navXbtn01, .h1_nav01 {display:none;}
.nav_cate01 {width:1200px; margin:0 auto; background:url(/img/bar01.png) no-repeat left 22px; height:60px;}
.nav_cate01 > li {width:200px; float:left; text-align:center; padding:0; background:url(/img/bar01.png) no-repeat right 22px;}
.nav_cate01 > li > a {padding:0; width:100%; height:100%; border-bottom:none;}
.nav_cate01 > li:hover > a, .nav_cate01 > li.active, .nav_cate01 > li.active > a {background:url(/img/tri01_PC.png) no-repeat 150px center #f26e4a; color:#fff;}
.subgnb01 {position:Absolute !important; width:100%; z-index:100; display:none;}
.subgnb01 a {display:block; padding:0; border-bottom:1px solid #d7d7d7; width:100%; height:40px; line-height:40px;}
.subgnb01 a:hover {background:#f26e4a; color:#fff;}
.subgnb01 > li:last-child {border-bottom:none;}
.subgnb01 > li {font-size:12px;}


/* 푸터 */
.footer2 p {float:left; text-align:left;}
.footer2 ul {float:Right; text-align:right;}



/* ====== 인덱스 ====== */
.divindex_table div > a {display:block; width:100%; margin:0 auto; text-align:center;}
.divindex_table div > a > figure {display:inline-block; vertical-align:middle; width:40%;}
.divindex_table div > a > article {display:inline-block; margin:0 0 0 30px; text-align:left; vertical-align:middle; width:40%;}




/* ====== 서브 ====== */
/* 서브공통 */
.subvis .subtxt {background:url(/img/subvis1_line.png) no-repeat left center;}
.subtxt {height:421px;}
.subtxt > h1 {top:188px; left:218px;}
.subtxt > article {top:200px; left:216px; color:#fff;}


/* 0101 */
.sub01_01 {width:90%; margin:0 auto;}
.sub01at1 {height:229px; margin:60px 0 0 0; padding:135px 0 0 0;}
.sub01at1 > h1 {font-weight:900; font-size:50px; line-height:50px; height:50px;}
.sub01at2 {margin:80px 0 0 0;}
.sub01at2 > h1 {font-size:22px;}
.sub01at2 > p {font-size:15px; line-height:26px;}
.sub01_02 {width:90%; margin:110px auto 0 auto;}
.sub01_02 > section {width:30%; float:left; text-align:center;}
.sub01_02 > section:first-child {margin:0 0 90px 0;}
.sec01_02 {margin:0 0 0 5%;}


/* 0200 */
#jy_filter {overflow:hidden; width:100%; z-index:300;}
#grid {width:95%; margin:50px auto; overflow:hidden;}
#grid li {width:24%;float:left; text-align:center;}
.jy_filterul li {font-size:13px;margin:0 0 0 20px;}
.jy_filterul li a {padding:20px;}


/* 0201 */
.sub02CM {width:1200px;}
.sub0201_01 section {float:left; margin:0 0 0 26px; width:calc(25% - 62px);}
.sub0201_01 section:first-child {margin:0;}
.sub0201_01 section p {min-height:115px;}
.sub0201_01 article {float:left; margin:0 0 0 39px; width:calc(33% - 62px);}
.sub0201_01 article:first-child {margin:0;}
.sub0201_01 article p {min-height:168px;}

.sub0201_02 section figure {float:left; width:24.5%;}
.sub0201_02 section figure:nth-of-type(2) {margin:0 0 0 1%;}
.sub0201_02 section article {float:left; width:40%;}
.sub0201_02 section figure:last-child {float:right;}
.sub0201_02 section article h3 {background:url(/img/bar02.jpg) no-repeat center bottom;}

.sub0201_02 section:nth-of-type(even) figure {float:right;}
.sub0201_02 section:nth-of-type(even) figure:nth-of-type(1) {margin:0 0 0 1%;}
.sub0201_02 section:nth-of-type(even) figure:nth-of-type(2) {margin:0 0 0;}


/* 0203 */
.ul_submiddle li a {padding:10px 20px;}
#sub0203 ul {width:1200px; margin:50px auto;}
#sub0203 ul li {width:24%;}
.sub0203_3ro ul li {width:33% !important;}

/* 게시판 */
.subboardwrap {width:1200px;}


/* 0501 */
.sub0501wrap section {float:left; width:290px;}
.sub0501wrap section p {min-height:70px;}
.sub0501wrap > p {width:30px; height:200px; background:url(/img/subarrow01.jpg) no-repeat center; float:left; margin:35px 20px 0 20px;}


}

















@media screen and (min-width:769px) and (max-width:1199px)
{
/* ====== 공통 ====== */
/* 헤더 */
header {border-bottom:1px solid #d7d7d7;}
header > div > h1 {padding:20px 0 30px 0; width:100%; height:66px;}
.fixed1 {top:32px;}


/* 인덱스 */
.divindex_table div {width:80%; text-align:center;}
.divindex_table div > a > article figcaption {font-size:13px; margin:35px auto 0 auto;}
.divindex_table div > a img {width:80%; margin:0 auto;}



/* 푸터 */
footer {text-align:center;}

/* ====== 서브 ====== */
/* 서브공통 */
.subtxt > h1 {text-align:center; margin:160px 0 0 0;}
.subtxt > article {color:#fff; text-align:center; margin:20px 0 0 0; line-height:25px;}
.subhgroup > h1 {font-size:50px;}

/* 0101 */
.sub01at1 {padding:65px 0; background-size:140%; margin:30px 0 0 0; width:100%;}
.sub01at1 > h1 {font-size:30px; line-height:29px; height:39px;}
.sub01at1 > p {font-size:16px; margin:15px 0 0 0; width:90%;}
.sub01at2 {margin:30px 0 0 0;}
.sub01at2 > p {margin:20px 0 0 0; text-align:justify; font-size:13px; line-height:25px; color:#555;}
.sub01_02 {width:100%;}
.sec01_02 {width:100%; margin:50px auto; overflow:hidden;}
.sec01_02 > figure {float:left;}
.sec01_02 > span {display:block; float:right; width:75%; margin:10px 0 0 0;}


/* 0200 */
#jy_filter {overflow:hidden; width:100%;}
#grid {width:95%; margin:50px auto; overflow:hidden;}
#grid li {width:33.3%;float:left; text-align:center;}
.jy_filterul li {font-size:13px;margin:0 0 0 20px;}
.jy_filterul li a {padding:20px;}


/* 0201 */
.sub0201_01 section {width:calc(49% - 42px); float:left; margin:0 0 3% 0;}
.sub0201_01 section:nth-child(Even) {float:right;}
.sub0201_01 section p {min-height:115px;}

.sub0201_02 section figure {float:left; width:50%;}
.sub0201_02 section article {width:90%; clear:both;}
.sub0201_02 section figure:last-child {float:right;}
.sub0201_02 section b {display:block; clear:both;}


/* 0203 */
.ul_submiddle li {width:46%; margin:1% 0 0 0;}
#sub0203 figure {width:90%; margin:0 auto;}
#sub0203 ul li {width:48%;}



/* 0501 */
.sub0501wrap section {width:calc(100% - 52px);}
.sub0501wrap > p {width:100%; height:50px; background:url(/img/subarrow02.jpg) no-repeat center; margin:30px auto 0 auto;}


}



















@media screen and (min-width:0px) and (max-width:768px)
{
/* ====== 공통 ====== */
img {max-width:100%;}
.lineheight_titlemobile {line-height:25px !important; font-size:14px !important;}
.lineheight_titlemobile br {display:block;}



/* 헤더 */
header {border-bottom:1px solid #d7d7d7;}
header > div > h1 {padding:20px 0; width:100%; height:40px;} 
.fixed1 {top:15px;}


/* 인덱스 */
.divindex_table div {width:80%;}
.divindex_table div > a > article figcaption {font-size:13px; margin:35px auto 0 auto;}



/* ====== 서브 ====== */
/* 서브공통 */
.subvis {height:auto; padding:70px 0; text-align:center;}
.subtxt > h1 {text-align:center;}
.subtxt > h1 > img {width:60%;}
.subtxt > article {color:#fff; text-align:center;line-height:20px; font-size:13px; width:80%; margin:20px auto 0 auto;}
.subtxt > article br {display:none;}
.subhgroup {margin:50px auto 0 auto;}
.subhgroup > h1 {font-size:22px; line-height:28px; height:38px;}
.subhgroup > h2 {font-size:19px;}
.subhgroup > h5 {padding:30px 0; font-size:12px; line-height:20px;}
.subhgroup > h5 > br {display:none;}
.subhgroup > h5 span {display:block; font-size:14px; letter-spacing:-0.09em; line-height:22px;}


/* 0101 */
.sub01at1 {padding:50px 0; width:100%;}
.sub01at2 {margin:50px 0 0 0;}
.sub01at1 > p {font-size:13px; line-height:25px; width:90%;}
.sub01at2 > p {margin:20px 0 0 0; text-align:center; font-size:13px; line-height:25px; color:#555;}
.sub01_02 {width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin:40px 0 0 0; padding:0 0 40px 0;}
.sec01_02 {width:100%; margin:40px auto 0 auto; text-align:center; overflow:hidden;}
.sec01_02 > figure {width:100%; overflow:hidden;}
.sec01_02 > span {display:block;width:100%;} 


/* 0200 */
#jy_filter {overflow:hidden; width:100%;}
#grid {width:95%; margin:20px auto; overflow:hidden;}
#grid li {width:100%; text-align:center;}
.jy_filterul {width:80%; margin:30px auto 10px auto;}
.jy_filterul li {border:none; font-size:11px; width:calc(40% - 20px); padding:10px; bordeR:1px solid #ddd; margin:5px 0;}



/* 0201 */
.sub0201_01 section {width:calc(100% - 42px); margin:0 0 3% 0;}
.sub0201_02 section figure {width:100%; margin:0 0 20px 0;}
.sub0201_02 section b {display:block; clear:both;}
.sub0201_02 section article {padding:0;}
.sub0201_02 section article h3 {font-size:16px;}


/* 0203 */
.ul_submiddle li {width:46%; margin:1% 0 0 0; font-size:11px;}
#sub0203 figure {width:90%; margin:0 auto;}
#sub0203 ul li {width:100%;}


/* 0501 */
.sub0501wrap section {width:calc(100% - 52px); margin:20px auto 0 auto;}
.sub0501wrap section h3 {font-size:20px;}
.sub0501wrap > p {width:100%; height:30px; background:url(/img/subarrow02.jpg) no-repeat center; margin:20px auto 0 auto;}
}