@charset "utf-8";
/* FONT */

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}



/* reset */

body {color:#666; font-family:'Noto Sans KR',HelveticaNeue-Light,AppleSDGothicNeo-Light,'Malgun Gothic','맑은 고딕',sans-serif;  font-size:15px; line-height:1.4; letter-spacing:-0.025em; }
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,input,select,textarea,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin:0px; padding:0px; vertical-align:top;font-family:'Noto Sans KR',HelveticaNeue-Light,AppleSDGothicNeo-Light,'Malgun Gothic','맑은 고딕',sans-serif;}
ul, ol, dl {list-style-type:none;}
table {border-collapse:collapse; border-spacing:0; }
img, button, fieldset, abbr, acronym {border:0;}
label {cursor:pointer;}
address, caption, cite, code, dfn, em, var {font-style:normal; font-weight:normal;}
caption, legend {width:0px; height:0px; font-size:0px; line-height:0px; visibility:hidden;}
img {max-width:100%;}
iframe {border:none; outline:none;}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; 
	border: none;
	font-style: normal;
}

a:link, a:visited {text-decoration:none;color:#666;}
a:hover, a:focus, a:active {text-decoration:none;}
a {display: inline-block;text-decoration:none;color:#666;cursor:pointer;-webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -kthtml-transition: all 0.2s; transition: all 0.2s;}

		

.area {max-width: 1600px;margin: 0 auto; padding: 0 2.4%}
.area:after{display:block;clear:both;height:0;content:'';}
.area img{ width:100%; border:0;vertical-align:top;}
.thumb img { width:100%; border:0;vertical-align:top;}
.line {position: absolute;top: 0;left: 0;right: 0;bottom: 0; border: 1px solid #000;opacity: 0.1;}

.paginate { font-size: 0; text-align: center; margin: 5% 0}
.paginate span.btn{display: inline-block;vertical-align: middle;width: 40px;height: 40px;border: 1px solid #666;border-radius: 3px;cursor: pointer;background: #fff;}
.paginate span.btn.prev {background:#fff url("../images/ico_prev.png") center no-repeat;background-size: 12px; margin-right: 10px}
.paginate span.btn.next {background:#fff url("../images/ico_next.png") center no-repeat;background-size: 12px;margin-left: 10px}
.paginate span.btn.dis{border: 1px solid rgba(0,0,0,0.2);cursor: default;}
.paginate span.btn.prev.dis {background:#fff url("../images/ico_prev_dis.png") center no-repeat;background-size: 12px;}
.paginate span.btn.next.dis {background:#fff url("../images/ico_next_dis.png") center no-repeat;background-size: 12px;}
.paginate span{display: inline-block;vertical-align: middle;font-size: 14px;line-height: 40px;height: 40px;width: 40px;}
.paginate span:hover{border:1px solid #ccc;font-weight: 700;border-radius: 3px;}
.paginate span.on{font-weight: 700;color: #212121;}


.location{ background-image: url("../images/tle_bg.png"); background-position: center; background-repeat: no-repeat; 
background-size:  100% auto; padding: 10px 0;display: block;color:#fff;   text-align: center;}
.location h2{font-size:36px;line-height:1}
.location p{color:rgba(255,255,255,.8);padding-top:12px; word-break: keep-all}

#pop_login{ display: none;z-index: 999; position:fixed; top:0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.7); overflow: auto}
#pop_login .login_wrap {position: relative;font-size: 0;  background:#F5F5F5 url( "../images/login.png") left top no-repeat; background-size: 100%;max-width: 720px; margin: 0 auto; border-radius: 12px;  }
#pop_login .login_wrap .thumb{display: inline-block; width: 360px;height: 420px; }
#pop_login .login_wrap .info {display: inline-block; width: 280px;height: 320px;margin:50px 40px;  background: #fff; border-radius: 14px;}
#pop_login .login_wrap .info dl{position: relative; padding:32px 24px 16px 24px ; text-align: left}
#pop_login .login_wrap .info dt {display: inline-block;width: 60px; font-weight: 700; color: #212121; margin-bottom: 6px;font-size: 16px; line-height: 40px; color:  #001f48}
#pop_login .login_wrap .info dd {display: inline-block;width:calc(100% - 65px);  }
#pop_login .login_wrap .info input {height: 40px; width:100%;  border: 1px solid #ddd ; background: #fff; font-size: 16px; margin-bottom: 6px;border-radius: 3px;}
#pop_login .login_wrap .btn_enter{text-align:center;margin:0 24px 0 24px;}
#pop_login .login_wrap .btn_enter span{display: inline-block; background:#001446; color: #fff;padding: 0 32px; font-size: 18px;font-weight: 700; line-height: 40px !important; height: 40px !important;border-radius: 3px;cursor: pointer; width:100%; margin-top:6px; }
#pop_login .btn_close{ position: absolute; right: 0px; top:0px; background: url("../images/ico_x.png") center no-repeat; width: 50px; height: 50px; background-size: 30%; cursor: pointer}

/* 타입별 - typeA  */
body.typeA .location{background: #3b4bff; }

/*로그인 이미지*/
body.typeA #pop_login .login_wrap {background-image:url( "../images/logo_meta3.png"), url("../images/top_bgmeta3.jpg"); background-size:315px,cover; background-position: 40px center,center; background-repeat: no-repeat, repeat;}
/*body.typeA #pop_login .login_wrap {background-image:url( "../images/logo_meta2.png"), url("../images/top_bgmeta.jpg"); background-size:315px,cover; background-position: 40px center,center; background-repeat: no-repeat, repeat;}*/
/*body.typeA #pop_login .login_wrap {background:#232437 url( "../images/logo_lo.png"); background-size:315px,100%; background-position: 40px center,center; background-repeat: no-repeat, repeat;}*/
/*body.typeA #pop_login .login_wrap {background:#232437 url( "../images/logo4.png") 43px center no-repeat; background-size: 45%}
body.typeA #pop_login .login_wrap {background-image:url( "../images/logo4nn.png"), url("../images/top_bg.jpg"); background-size:315px,100%;}
body.typeA #pop_login .login_wrap {background:#f5f5e9 url( "../images/logo5.png") 43px center no-repeat; background-size: 45%}*/

/* 타입별 - typeB  */
body.typeB .location{background-image:url("../images/tle_bg_typeB.png") }
body.typeB #pop_login .login_wrap {background:#f494ac url( "../images/bg_typeB.png") left top no-repeat; background-size: 80% }
body.typeB #pop_login .login_wrap .btn_enter span{background:#2a3971;}

/* 타입별 - typeC  */
body.typeC .location{background-image:url("../images/tle_bg_typeC.png") }
body.typeC #pop_login .login_wrap {background:#fff url( "../images/bg_typeC.png") left top no-repeat; background-size: 80% }
body.typeC #pop_login .login_wrap .btn_enter span{background:#2a3971;}


body.typeC #pop_login .login_wrap .info {background:#2a3971}
body.typeC #pop_login .login_wrap .info dt {color: #fff;}
body.typeC #pop_login .login_wrap .btn_enter span{display: block; margin: 0 auto;width: 90%; color:#fff; background:#3A4E9B;border:1px solid rgba(256,256,256,0.1)}
body.typeC #pop_login .login_wrap .info input { border:none;}



/* HEADER */

/*탑 이미지*/
#header { position:relative;z-index:100; background:url("../images/top_bg_meta3.jpg") no-repeat top center; text-align:center;}
/*#header { position:relative;z-index:100; background:url("../images/top_bg_meta.jpg") no-repeat top center; text-align:center;}*/
/*#header { position:relative;z-index:100; background:url("../images/top_bg_lo.jpg") no-repeat top center; text-align:center;}*/
/*background:url("../images/top_bg.jpg") no-repeat top center;*/
/*#header { position:relative;z-index:100; background:#f5f5e9;text-align:center;}*/
#header #logo {position: relative; display: inline-block; width:263px; height:132px; margin: 1% 0}

/*탑 로고 이미지*/
#header #logo a { display: block;height:132px; font-size: 0; /*background:url("../images/logo3.png") center no-repeat;*/ background-size: auto 132px;}
/*#header #logo a { display: block;height:132px; font-size: 0; background:url("../images/logo5.png") center no-repeat; background-size: auto 103px;}*/

#header #logo_gc {position: absolute;left: 0; display: inline-block; width:105px; height:22px; margin:24px}
#header #logo_gc a { display: block;height:24px; font-size: 0; background:url("../images/logo_gc.png") left top no-repeat; background-size: auto 22px;}

body#main #header #navi{  border-bottom: 3px solid #001f48}
#header #navi{ position: relative; background:#ffffff;border-top:1px solid #eee; }
#header #navi .wrap { margin:0 auto;max-width: 960px;  position:relative;}
#header #navi #category{position:relative; background:#ffffff; }
#header #navi #category ul{ text-align: center}
#header #navi #category li{position: relative; display: inline-block; vertical-align: top; width: 22%}
#header #navi #category li a {position:relative;display: block; color: #212121; font-size: 18px;height:60px;overflow: hidden; line-height:60px;text-align: center}
#header #navi #category li span{position:absolute;top:-1px;display: block;width:100%   }
#header #navi #category li strong{ display: inline-block;  width: 0%;height: 3px;background: #212121; }
#header #navi #category li.sel a{ font-weight: 700; color: #001f48}
#header #navi #category li.sel strong{width: 30%; background: #001f48}
#header #navi #category li a:hover{ font-weight: 700; text-decoration: none; }
#header #navi #category li a:hover strong{width: 30%;-webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -kthtml-transition: all 0.2s; transition: all 0.2s;}
#header #navi:after{display:block;clear:both;height:0;content:'';}
#container{position: relative; background:#f5f7f8 url("../images/bg.png") repeat;  padding: 0.2% 0 }
#footer{clear: both;font-size: 14px; background: #001f48; color: #ccc; text-align: center; padding: 19px;letter-spacing: 0.07em}

#login #container{padding: 0}
#login .area{padding: 0}

#login #logo_gc{display: none}
#posium_login{ text-align: center; max-width: 760px; margin: 0 auto}
#posium_login:after{display:block;clear:both;height:0;content:'';}
.gallery_login {clear:both;font-size: 0}
.gallery_login .thumb{display: inline-block; width: 500px;height: 500px; background:  url("../images/login.png") left center no-repeat; background-size: auto 100%; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.gallery_login .info {display: inline-block; width: 260px;height: 300px;margin: 100px 0;  box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background: #fff; border: 1px solid #ccc; border-radius: 12px;margin-left: 0px;}
.gallery_login .info dl{position: relative; padding:32px 24px 24px 24px ; text-align: left}
.gallery_login .info dt {display: inline-block;width: 65px; font-weight: 700; color: #212121; margin-bottom: 8px;font-size: 16px; line-height: 42px; color:  #001f48}
.gallery_login .info dd {display: inline-block;width:calc(100% - 70px);  }
.gallery_login .info input {height: 42px; width:100%;  border: 1px solid #ddd ; background: #fff; font-size: 16px; margin-bottom: 8px;border-radius: 3px;}

#posium_login .btn_enter{text-align:center;margin:0 16px 0 16px;}
#posium_login .btn_enter span{display: inline-block; background:#df6600; color: #fff;padding: 0 32px; font-size: 18px;font-weight: 700; line-height: 50px; height: 50px;border-radius: 6px;cursor: pointer}








#posium_now{}
#posium_now:after{display:block;clear:both;height:0;content:'';}
.gallery_now:after {content:''; display:block; clear:both;}
.gallery_now .thumb{float: left; width: 320px;margin: 20px;}
.gallery_now > li > a{margin:16px;position: relative;background: #fff; width: calc(100% - 32px);}
.gallery_now .info {float: left; width: calc(100% - 380px); padding:24px 24px 24px 8px;  box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.gallery_now .info .title {color:#222; font-size:24px;font-weight: 700}
.gallery_now .info dl {margin-top:16px;}
.gallery_now .info dt {display: inline-block;width: 40px; font-weight: 700; color: #212121}
.gallery_now .info dd {display: inline-block;width:calc(100% - 50px);  }
.gallery_now li > a { box-shadow: 5px 5px 10px 5px  rgba(0,0,0,0.03);}
.gallery_now li > a:hover{ box-shadow: 10px 10px 10px 3px  rgba(0,0,0,0.1);}
.gallery_now .new{left: 16px; top:16px; }
#posium_now .btn_view{text-align: left;}
#posium_now .btn_view span{margin:16px 0 0 0;}

.product_main{float: left; width: calc(60% - 48px);margin: 16px 0 16px 16px; text-align:center; }
.product_main li{float: left;width: 33.333%;border: 1px solid #ddd; border-right: none; background: #fff;  height: 225px;}
.product_main li:last-child{border-right: 1px solid #ddd;  }
.product_main li img{width:90%;}
.product_main li a{display: block }
.product_main p.tit{float: left; word-break: keep-all;font-size: 16px;margin:8px 16px 16px 16px;font-weight: 500; line-height:1.2;height: 44px; color: #212121;}

.notice_main{float: right;height: 225px; background: #fff;width: 40%;border: 1px solid #E5E4E4; margin: 16px 16px 16px 0;}
.notice_main:after{display:block;clear:both;height:0;content:'';}
.notice_main .list{padding-top: 8px}
.notice_main .list li a{display: block; padding: 10px 24px 10px 24px; border-bottom: 1px solid #eee}
.notice_main .list li:last-child a{border:none}
.notice_main .list li .title{display:block;font-size:16px;color:#222;margin-bottom:6px; font-weight: 500}
.notice_main .list  .ico_new{display:inline-block; vertical-align: middle;margin-left: 6px; font-size: 10px; font-weight:700;line-height:12px;padding:2px 4px; border: 1px solid #df6600; color: #df6600; font-weight: 700; border-radius: 6px; border-bottom-left-radius: 0}



#posium_list{}
#posium_list:after{display:block;clear:both;height:0;content:'';}
.gallery_thumb:after {content:''; display:block; clear:both;}
.gallery_thumb > li {float:left;width:50%;}
.gallery_thumb > li > a{margin:16px;position: relative;background: #fff}
.gallery_thumb .info {min-height:260px; padding:30px 24px 16px 24px;  box-sizing:border-box;}
.gallery_thumb > li:nth-child(2n+1){clear: both}
.gallery_thumb .info .title {color:#222; font-size:24px;font-weight: 700}
.gallery_thumb .info dl {margin-top:24px;}
.gallery_thumb .info dt {display: inline-block; width: 40px; margin-bottom:5px; font-weight: 700; color: #212121}
.gallery_thumb .info dd {display: inline-block; width: calc(100% - 50px); margin-bottom:5px; }
.gallery_thumb li > a { box-shadow: 5px 5px 10px 5px  rgba(0,0,0,0.03);}
.gallery_thumb li > a:hover{ box-shadow: 10px 10px 10px 3px  rgba(0,0,0,0.1);}
.new{position: absolute; left: 16px; top:16px; background:#df6600; color: #fff; font-size: 11px; font-weight: 700;border-radius: 8px; border-bottom-left-radius: 0; line-height: 30px;padding:0 8px; height: 30px }

.btn_view {text-align: center}
.btn_view span{display: inline-block; background:#df6600; color: #fff;padding: 0 24px; font-size: 16px;font-weight: 700; line-height: 50px; height: 50px;border-radius: 6px;margin:24px 0;  }



#notice_list{}
#notice_list:after{display:block;clear:both;height:0;content:'';}
#notice_list .card li{float:left;width:33.333%;}
#notice_list .card li a{display: block;margin: 0 16px 32px 16px; border: 1px solid #E5E4E4;padding: 16px;background: #fff}
#notice_list .card li .title{display:block;font-size:18px;line-height: 1.5;color:#222;margin-bottom:6px; font-weight: 700}
#notice_list .card li p{padding:8px 0 24px;line-height: 1.6 }
#notice_list .card li > a { box-shadow: 5px 5px 10px 5px  rgba(0,0,0,0.03);}
#notice_list .card li > a:hover{ box-shadow: 10px 10px 10px 3px  rgba(0,0,0,0.1);}
#notice_list .card  .renum{display:inline-block;font-weight:700;height:30px;line-height:30px;}
#notice_list .card  .date{display:inline-block;height:30px;line-height:30px;padding-left: 24px;color: #999; letter-spacing: 0}








/*reply*/
#view_reply{clear: both; background: #fff;margin:16px;border:1px solid #E5E4E4; }
#view_reply .wrap{background:#fff;padding: 3% 5% }
.reply_head{ position:relative; }
.reply_head h3{ font-size:18px; font-weight:700; line-height:4rem;}
.reply_head h3 span{position: relative; top:-1px;display: inline-block;  font-size: 24px;vertical-align:top;  color:#001f48; font-weight:700}
.reply_list li{ position:relative; padding:18px 0;border-top:1px solid #eee}
.reply_list li .nick{font-weight:700; line-height: 24px;}
.reply_list li .date{padding-left: 10px; color:#999; font-weight: normal;letter-spacing:0.05em}
.reply_list li .btn-del{display:inline-block; padding:6px 12px;border:1px solid #e5e5e5; background:#fafafa}
.reply_list li .txt-con{margin-top:12px;line-height:1.5em; color:#555; overflow: hidden; word-break: break-all}
.reply_list li .deleteFormAll{display:inline-block; }
.reply_list li .deleteFormAll input[type=password]{padding:6px 10px;margin-left:8px;border:1px solid #e5e5e5; width:50px }
.reply_list li .deleteFormAll input[type=button]{background:#303F9F; color:#fff;font-size:1.2rem; padding:7px 10px; border:none }

.reply_write{padding-bottom: 24px}
.reply_write .write {  background:#fff; }
.reply_write .write textarea{border:1px solid #ddd; padding:8px; background:#fafafa; width:100%;height:120px;font-size: 14px; line-height: 1.7; color: #555; letter-spacing: -0.03em }
.reply_write .write .id-pw:after{clear:both;display: block; content: "";  margin-bottom:10px}
.reply_write input[type=text]{ height:40px;width:100%; padding: 0 8px; border:1px solid #ddd; background:#fff;  }
.reply_write .btn_group{ text-align:center}
.reply_write .btn_group input[type=button]{ height:40px; padding: 0 24px; border-radius:3px; background: #001f48; color: #fff;font-weight: 700}


#posium_title:after{display:block;clear:both;height:0;content:'';}
#posium_title .wrap{background:#fff;}
#posium_title h2{ float:left;display: inline-block;width: calc(100% - 300px)   }
#posium_title h2 .title{font-size:32px; color:#212121; margin-bottom: 12px}
#posium_title h2 .stitle{font-size:18px; line-height:24px;font-weight: normal}
#posium_title .info { float:right;  font-size:14px; line-height:1;  font-weight:700;margin-top: 16px; }
#posium_title .info a{display: inline-block;border-radius: 3px;padding: 0 16px 0 32px;font-size: 15px; line-height: 40px;}
#posium_title .info a.btn_down{border:1px solid #000; background:#fff url("../images/ico_down.png") 10px center  no-repeat; background-size: 16px;}
#posium_title .info a.btn_list{border:1px solid #ccc; background:#fff url("../images/ico_list.png") 10px center no-repeat; background-size: 16px;}


/*#posium_iframe iframe {width: 100%;min-height: 500px;background: #000; margin: 0 auto}*/
#posium_iframe textarea{ padding:2.4%}
#posium_title .info em{display: inline-block; vertical-align: middle;background:#fff; color: #212121; border: 1px solid #ccc;border-radius: 6px; font-size: 12px;line-height: 26px; padding: 0 10px}
#posium_title.write h2{float:none;width: 100%}
#posium_title.write .info { float:none;margin: 16px 0}


.evaluation{clear: both;text-align: center;padding-top: 30px; }
.evaluation p{ border-radius: 3px;border:1px solid #ccc; padding: 8px;  background: #fff; font-size: 0;}
.evaluation span{display: inline-block; vertical-align: middle;padding: 10px; font-size: 15px}
.evaluation strong{position: relative;top:-4px; display: inline-block; vertical-align: middle;color: #FF9E00; font-size: 25px;vertical-align: middle;cursor: pointer}

/* 서브 뷰 */
.viewWrap{margin:16px;border:1px solid #dedede; border-top:2px solid  #212121;background: #fff }
.viewTitInner { clear:both;border-bottom:1px solid #e5e5e5;background:#F9FBFF;padding:4% }

.viewTitInner .titArea .viewTit { }
.viewTitInner .titArea .viewTit .tit { font-size:24px; margin-bottom:8px;  color:#222; } 
.viewTitInner .titArea .viewInfo .id{display: inline-block;vertical-align: middle;height: 24px; line-height: 24px;  color:#212121;padding-right:12px; }
.viewTitInner .titArea .viewInfo .date{display: inline-block;vertical-align: middle;height: 24px; line-height: 24px;letter-spacing: 0.07em;color: #999;}
.viewTitInner .viewEtc {    }
.viewTitInner .viewEtc .down{padding-top:8px ;}
.viewTitInner .viewEtc .down span{display: inline-block; vertical-align: middle;background:#fff; color: #212121; border: 1px solid #ccc;border-radius: 6px; font-size: 12px;line-height: 26px; padding: 0 10px}
.viewTitInner .viewEtc .down strong{display: inline-block; vertical-align: middle;font-size: 16px; line-height: 26px;color: #212121;padding: 0 10px; font-weight: normal}

.viewTitInner.write .titArea .viewTit  {margin-bottom:0}
.viewTitInner.write .viewEtc {  padding-top:2% ;  }

.viewContInner {padding: 4%; font-size: 16px; line-height: 1.7 }
.btnInner { text-align:center; margin:3% 0 ; }
.btnInner .listBtn{display: inline-block; height: 50px; letter-spacing: 0; line-height: 50px; padding: 0 24px; font-size: 16px;border:1px solid #777;color: #212121; border-radius: 3px;background: #fff}
.ico_x {
	position: absolute;
	top:0;
	right: 0;
	width:50px;
	height:50px;
	background: url("../images/ico_x.png") center no-repeat;
	background-size: 16px;
	cursor: pointer;
}

#pop_apply {
	z-index: 9999;
	position:fixed;
	top: 0px;
	left: 0px;
	right:0;
	bottom:0;
	background: rgba(000,000,000,0.80);
	text-align: center;
	overflow: auto;
    display: none;
	padding: 5%;
}

#pop_apply .pop_wrap{position: relative; display: inline-block; max-width: 414px; border-radius: 3px; background: #fff;padding:36px 24px 36px 24px;text-align: center}
#pop_apply .title{background: url("../images/logo_eng.png") center no-repeat; background-size:auto 24px; font-size: 0; height: 24px}
#pop_apply .title strong{display: block; font-weight: 700}
#pop_apply  td input{border:1px solid #ccc ;border-radius: 3px;font-size: 16px; width: 100%; padding: 0 10px;height: 42px;}
#pop_apply .btn_group{text-align: center; padding-top: 24px}
#pop_apply .btn_group input{display: inline-block; padding: 0 30px; font-size: 18px;font-weight: 700; line-height: 50px; height: 50px;border-radius: 6px;margin: 0 10px;cursor: pointer;  }
#pop_apply .btn_apply{background:#001f48; color: #fff;}
#pop_apply .btn_cancel{background:#fff; color: #444;border: 1px solid #999}

#pop_apply .agree{border: 1px solid #eee; border-radius: 6px;padding: 20px; text-align: left; font-size:11px; color: #888; margin: 24px 0}
#pop_apply .agree strong{display: block;color: #555; font-size: 13px; margin-bottom: 8px}
#pop_apply .agree div{margin-top: 16px;color: #555;}
#pop_apply table{ line-height: 24px;}
#pop_apply th{color:#212121;font-weight:700; width: 100px;}
#pop_apply th em{font-size:11px; color: #df6600;padding-left: 3px}
#pop_apply th, #pop_apply td{padding: 4px 0; line-height: 46px; text-align: left;}


.product_list{margin: 0 auto;  font-size: 0;margin-bottom: 2%}
.product_list li{display: inline-block;width: 33.333%;padding: 0 1.6% 4% 1.6%;text-align: center;}
.product_list li img{width: 100%}
.product_list li a{display: block; border: 1px solid #ddd;background: #fff}
.product_list p.tit{ word-break: keep-all;font-size: 18px;margin:8px 16px 16px 16px;font-weight: 700; line-height:1.2;height: 44px; color: #212121;}


.manage_group{clear: both; text-align: right;padding: 0 0 10px 0; }
.manage_group input{ display: inline-block; height:40px; padding: 0 24px; border-radius:3px;font-weight: 700;  background: #fff}
.manage_group input.btn_write{background: #001f48;color: #fff; font-size: 18px; height:50px;margin:0 16px;}
.manage_group input.btn_edit{ border:1px solid #001f48; color: #001f48;}
.manage_group input.btn_del{ border:1px solid #ddd; color: #333;}
.manage_group input.btn_regist{ background:#001f48; color: #fff;}
.manage_group input.btn_view{ background:#df6600; color: #fff;}

input[type=text].manage{ height:40px;width:100%; padding: 0 8px; border:1px solid #ddd; background:#fff;  }
textarea.manage{width:100%; min-height: 500px;padding: 16px; border:1px solid #ddd; background:#fff;}
textarea.ifr{width:100%; min-height: 300px;padding: 8px; border:1px solid #ddd; background:#fff;}
textarea.etc{width:100%; min-height: 100px;padding: 8px; border:1px solid #ddd; background:#fff;}


@media(min-width:940px){
	/*강의관련*/
	.video{ float:left; width:65%; height:580px; }
	.qna{ border: 0; float:left; width:35%; height:580px; background:#FFF; }
}

@media(min-width:850px) and (max-width:940px){
	/*강의관련*/
	.video{ width:100%; height:500px;  }
	.qna{ border: 0; width:100%; height:400px; }
}

@media(min-width:790px) and (max-width:850px){
	/*강의관련*/
	.video{ width:100%; height:500px;  }
	.qna{ border: 0; width:100%; height:340px; }
}

@media(min-width:768px) and (max-width:790px){
	/*강의관련*/
	.video{ width:100%; height:420px;  }
	.qna{ border: 0; width:100%; height:400px; }
}

@media (max-width:768px){
	.gallery_thumb > li > a {margin: 12px 8px}
	#header #logo {margin: 3% 0}
	#header #navi #category li a{font-size: 16px}
    .location{padding: 4% 0;}/*adding: 1% 14%;*/
	.location{ background-size: auto 230%;}
	body.typeB .location{ background-size: auto 260%;}
	body.typeC .location{ background-size: auto 180%;}
    .location h2{font-size:28px;}
    .location p{font-size: 14px; padding-top:10px;}

	.viewWrap {margin: 12px 8px}
	.btnInner {	margin: 5% 0;}
	#view_reply {margin: 12px 8px}
	#notice_list .card li{width:50%;}
	#notice_list .card li a {margin:  12px 8px;}
	#posium_title{margin:  2px 8px;}
	#posium_title h2{ float: none;width:100% }
	#posium_title h2 .title {font-size: 17px;}
	#posium_title h2 .stitle {font-size: 15px;}
	#posium_title .info {float: none; margin-top: 30px}
	.product_list p.tit{font-size: 18px;}
	.gallery_login .info {margin-left: -140px;}

	
	body.typeA #pop_login .login_wrap { background-size: 60%;
    background-position: center 10px;}
	body.typeA #pop_login .login_wrap .thumb{display:block; width: 100%;height: 200px; }
	body.typeB #pop_login .login_wrap { background-size: 140%}
	body.typeB #pop_login .login_wrap .thumb{display:block; width: 100%;height: 260px; }
	body.typeC #pop_login .login_wrap { background-size: 140%}
	body.typeC #pop_login .login_wrap .thumb{display:block; width: 100%;height: 260px; }
	#pop_login .login_wrap { background-size: 175%}
	#pop_login .login_wrap{max-width: 320px;padding-bottom: 16px}
	#pop_login .login_wrap .thumb{display:block; width: 100%;height: 260px; }
    #pop_login .login_wrap .info {display:block; width: 90%;height: 320px;margin:0 auto  ;  }

	
	@media(max-width:768px) and (min-width:742px){
		/*강의관련*/
		.video{ width:100%; height:100%; height:400px;}
		.qna{ border: 0; width:100%; height:400px;}
	}
	@media(max-width:742px) and (min-width:620px){
		/*강의관련*/
		.video{ width:100%; height:100%; height:380px;}
		.qna{ border: 0; width:100%; height:400px;}
	}
	@media(max-width:620px) and (min-width:570px){
		/*강의관련*/
		.video{ width:100%; height:100%; height:360px;}
		.qna{ border: 0; width:100%; height:400px;}
	}
	@media(max-width:570px) and (min-width:550px){
		/*강의관련*/
		.video{ width:100%; height:100%; height:300px;}
		.qna{ border: 0; width:100%; height:400px;}
	}
	@media(max-width:550px) and (min-width:460px){
		/*강의관련*/
		.video{ width:100%; height:100%; height:280px;}
		.qna{ border: 0; width:100%; height:400px;}
	}
	@media(max-width:460px) and (min-width:430px){
		/*강의관련*/
		.video{ width:100%; height:100%; height:260px;}
		.qna{ border: 0; width:100%; height:400px;}
	}
	@media(max-width:430px) and (min-width:414px){
		/*강의관련*/
		.video{ width:100%; height:100%; height:230px;}
		.qna{ border: 0; width:100%; height:400px;}
	}
	
	
}

@media (max-width:414px){
	.viewWrap {  margin: 8px;}
	.gallery_thumb > li {width:100%;}
	#notice_list .card li{width:100%;}
	#header #logo {margin: 6% 0 5% 0}
	#header #navi #category li:nth-child(1){width: 24%}
	#header #navi #category li:nth-child(2){width: 24%}
	#header #navi #category li:nth-child(3){width: 19%}
	#header #navi #category li:nth-child(4){width: 19%}
	#header #navi #category li a{font-size: 13px; line-height: 50px; height: 50px}
    #header #logo a {/*background-size: auto 36px;*/}
	#header #logo_gc {margin:10px}
	#header #logo_gc a {background-size: auto 16px;}
	#header #navi #category li.sel strong{width: 60%;}
	
	#footer span{display: block}
	.evaluation span{padding: 8px 8px 8px 0; font-size: 12px;}
	.product_list p.tit{font-size: 12px;}
	.product_list li{width: 50%;padding: 0 1.6% 4% 1.6%;}

	.gallery_login .thumb{width: 100%;height: 260px; background:  url("../images/login.png") center top no-repeat;background-size: 80%; }
    .gallery_login .info {width: 320px;height: 300px;margin: 0 0  40px 0;  }

	.notice_main{width: 100%;box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;margin: 10px 0 0 0}
	.notice_main{height: auto}
	.notice_main .list li .title { font-size: 13px; line-height: 18px; margin-bottom: 0;}
	.notice_main .list li a {  padding: 10px 16px 10px 16px;}
	.product_main{width: 100%;box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;margin: 0}
	.product_main p.tit{font-size: 12px;}
	.product_main li{height: 170px}
	.gallery_now {margin-bottom: 12px}
	.gallery_now .thumb{float: left; width: 100%;margin: 0;}
    .gallery_now > li > a{position: relative;margin:0;width: 100%}
    .gallery_now .info { width:100%; padding:16px;  }
	#posium_now .btn_view { text-align: center;margin: 16px}
	.notice_main .list {padding-top: 0;}
	.notice_main .list .ico_new {vertical-align:top;}
	
	/*강의관련*/
	.video{ width:100%; height:200px;}
	.qna{ border: 0; width:100%; height:480px;}
}
@media (max-width:360px){
	.notice_main .list li .title { font-size: 12px; }
	.product_main li{height: 160px}
	#pop_login .login_wrap{max-width: 300px;}
}