@charset "utf-8";
@import url(font.css);

/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0;}
body,h1,h2,h3,h4,input,button{font-family:ns,'돋움',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif;font-size:12px;color:#000}
body{text-align:left; word-break:break-word; overflow-x:hidden;}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:top}
i,em,address{font-style:normal}
label,button{cursor:pointer}
a{text-decoration:none}
a:hover{text-decoration:none}
hr{display:none}
legend{*width:0}
table{border-collapse:collapse;border-spacing:0}
caption{font-size:0; line-height:0; height:0}

/* Mobile Form Default */
input[type='text'],input[type='password'],input[type='image'],input[type='search']{-webkit-appearance:none;-webkit-border-radius:0}

.p_display{display:block;}
.m_display{display:none;}


/*====== main ======*/
/*header*/
h1{position:absolute; left:0; top:70px;}
.gnb{position:absolute; left:0; top:0;}
.menubtn{display:block; width:240px; height:250px; background:url('/webzine/201601/images/common/gnb_ico.png') no-repeat 50% 50% #17469e; text-indent:-9999em;}
.gnb.active .menubtn{background:url('/webzine/201601/images/common/menubtn_close.png') no-repeat 50% 50% #17469e;}
.gnb .menu{display:none;}
.gnb.active .menu{display:block; background:#17469e;}
.gnb .menu li{border-top:1px solid #3f65ab;}
.gnb .menu li a{display:block; position:relative; height:62px; padding:0 25px; line-height:62px; font-family:nsl; font-size:20px; color:#89a3ce;}
.gnb .menu li a span{display:inline-block; width:33px; height:62px; margin-right:10px; background:url('/webzine/201601/images/common/menu01_out.png') no-repeat 50% 50%; vertical-align:middle;}
.gnb .menu li a span.ico02{background-image:url('/webzine/201601/images/common/menu02_out.png');}
.gnb .menu li a span.ico03{background-image:url('/webzine/201601/images/common/menu03_out.png');}
.gnb .menu li a span.ico04{background-image:url('/webzine/201601/images/common/menu04_out.png');}
.gnb .menu li a span.ico05{background-image:url('/webzine/201601/images/common/menu05_out.png');}
.gnb .menu li a span.ico06{background-image:url('/webzine/201601/images/common/menu06_out.png');}
.gnb .menu li a span.ico07{background-image:url('/webzine/201601/images/common/menu07_out.png');}
.gnb .menu li a span.ico08{background-image:url('/webzine/201601/images/common/menu08_out.png');}
.gnb .menu li a:hover{color:#fff;}
.gnb .menu li a:hover span.ico01{background-image:url('/webzine/201601/images/common/menu01_on.png');}
.gnb .menu li a:hover span.ico02{background-image:url('/webzine/201601/images/common/menu02_on.png');}
.gnb .menu li a:hover span.ico03{background-image:url('/webzine/201601/images/common/menu03_on.png');}
.gnb .menu li a:hover span.ico04{background-image:url('/webzine/201601/images/common/menu04_on.png');}
.gnb .menu li a:hover span.ico05{background-image:url('/webzine/201601/images/common/menu05_on.png');}
.gnb .menu li a:hover span.ico06{background-image:url('/webzine/201601/images/common/menu06_on.png');}
.gnb .menu li a:hover span.ico07{background-image:url('/webzine/201601/images/common/menu07_on.png');}
.gnb .menu li a:hover span.ico08{background-image:url('/webzine/201601/images/common/menu08_on.png');}
.gnb .menu li a:hover:after{content:''; display:inline-block; position:absolute; right:25px; top:0; width:6px; height:62px; background:url('/webzine/201601/images/common/menu_hover_arr.png') no-repeat 0 50%; vertical-align:middle;}

/*container*/
#main_float_wrap{overflow:hidden;}
#visual_wrap{position:absolute; left:0; top:0; height:1005px; overflow:hidden;}
#visual_wrap .flexslider{position:absolute; left:50%; top:0; margin-left:-481px; width:960px; height:100%;}
.flex-control-nav{position:absolute; left:50%; bottom:50px; z-index:2;}
.flex-control-nav li{display:inline-block; margin-left:15px;}
.flex-control-nav li:first-child{margin-left:0;}
.flex-control-nav li a{display:inline-block; width:17px; height:17px; text-indent:-9999em; background:url('/webzine/201601/images/common/slide_dot_out.png') no-repeat 0 0; cursor:pointer;}
.flex-control-nav li a.flex-active{background-image:url('/webzine/201601/images/common/slide_dot_on.png');}
.flex-direction-nav{position:absolute; left:50%; top:0; height:100%; z-index:1;}
.flex-direction-nav a{display:block; margin-top:-50px; width:40px; height:100px; text-indent:-9999em;}
.flex-direction-nav a.flex-prev{position:absolute; left:0; top:50%; background:url('/webzine/201601/images/common/slide_left.png') no-repeat 0;}
.flex-direction-nav a.flex-next{position:absolute; right:0; top:50%; background:url('/webzine/201601/images/common/slide_right.png') no-repeat 0;}
#container{float:right; background:#fff; width:960px;}
.line01{overflow:hidden;}
.month_wrap{float:left; margin:125px 0 0 240px; width:240px; height:110px; padding-top:15px; text-align:center; font-size:20px; color:#17469e; background:url('/webzine/201601/images/common/monthWrap_line.gif') no-repeat 50% 0; overflow:hidden;}
.month_wrap:after{content:''; display:block; clear:both;}
.month_wrap .nsl{font-family:nsl;}
.month_wrap a{display:inline-block; width:50%; height:35px; margin-top:46px; line-height:34px; font-size:17px; color:#fff; box-sizing:border-box;}
.month_wrap a.prev{padding-left:30px; background:url('/webzine/201601/images/common/month_prev.png') no-repeat 8% 50% #b1b1b1; text-align:left;}
.month_wrap a.next{padding-right:30px; background:url('/webzine/201601/images/common/month_next.png') no-repeat 92% 50% #d2d2d2; text-align:right;}
.cont01{float:left; width:478px; background:#f6fcff; border-left:1px solid #e1e1e1; overflow:hidden;}
.cont01:after{content:''; display:block; clear:both;}
.cont_wrap > div{border-top:1px solid #e1e1e1; overflow:hidden;}
.cont01 a , .cont02 a{display:block; height:200px; padding-top:50px;}
.cont01 .img , .cont02 .img{height:106px;}
.cont01 .img img , .cont02 .img img{display:block; width:108px; margin:0 auto;}
.cont01 .txt span , .cont02 .txt span{display:block; font-size:18px; color:#696969; text-align:center;}
.cont01 .txt img , .cont02 .txt img{display:block; height:28px; margin:5px auto 0;}
.cont_wrap > div .right_area{float:right; width:480px;}
.cont_wrap > div .left_area{float:left;}
.cont_wrap > div .right_area .cont02{border-left:1px solid #e1e1e1;}
.cont_wrap > div .right_area .notice_area{float:left; width:230px; padding-top:66px;}
.dot_list01 li{background:url('/webzine/201601/images/common/blur_dot.gif') no-repeat 0 10px; margin-top:10px; padding-left:17px; line-height:25px;}
.dot_list01 li:first-child{margin-top:0;}
.dot_list01 li a{display:block; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-family:nsl; font-size:15px; color:#747474;}
.dot_list01 li a:hover , .dot_list01 li a:focus{font-family:ns; text-decoration:underline;}
.cont_wrap .cont02{float:left; width:240px; box-sizing:border-box;}
.cont_wrap .cont02.bg_sky{background:#f6fcff;}
.cont_wrap .cont02{border-left:1px solid #e1e1e1;}
.cont_wrap .cont02:first-child{border-left:none;}
.cont_wrap .img.img03 img{width:161px;}
.cont_wrap .img.img04 img{width:126px;}
.cont_wrap .img.img05 img{width:76px;}
.cont_wrap .img.img06 img{width:53px;}
.cont_wrap .img.img07 img{width:75px;}
.cont_wrap .img.img08 img{width:87px;}
.gallery{height:253px;}
.gallery a{display:inline-block; position:relative; width:240px;}
.gallery a img{display:block;}
.gallery a:after{content:''; display:block; clear:both; position:absolute; left:0; top:0; width:100%; height:100%; background:url('/webzine/201601/images/common/gallery_mask.png') repeat 0 0;}
.gallery a:hover:after{background:none;}
/*footer*/
#footer_wrap{position:relative; background:#09101e; padding:20px 30px;}
#footer_wrap p{display:inline-block; vertical-align:middle; font-size:14px; color:#4f5767; line-height:29px;}
#footer_wrap p.copy{padding-left:10px;}
#footer_wrap p.fst_link{position:absolute; right:30px; top:20px;}
#footer_wrap p a{display:inline-block; padding-left:35px; vertical-align:middle; font-size:14px; color:#4f5767; line-height:25px; background:url('/webzine/201601/images/common/footer_home.png') no-repeat 0 50%;}


/*==== sub ====*/
/*-layout-*/
/*header*/
#sub_header_wrap{height:85px; background:#1548a3;}
#sub_header_wrap .center_area{position:relative; width:1080px; margin:0 auto;}
#sub_header_wrap h1{position:absolute; left:0; top:26px;}
#sub_header_wrap p{text-align:center; font-size:32px; color:#fff; line-height:85px;}
#sub_header_wrap .bold_txt{font-family:nsb;}
#sub_header_wrap .gnb{position:absolute; left:auto; right:0; top:0;}
#sub_header_wrap .menubtn{width:85px; height:85px; background:url('/webzine/201601/images/sub/gnb_ico_sub.png') no-repeat 50% 50% #17469e;}
#sub_header_wrap .menu{position:absolute; right:0; top:85px; width:250px; margin-top:0; z-index:3;}
#sub_container{background:#535353}
/*visual*/
#sub_container .visual{position:relative; height:300px;}
#sub_container .visual .txt_cont{position:relative; width:1080px; height:300px; margin:0 auto;}
#sub_container .visual h2{position:absolute; left:50px; bottom:90px; font-family:nsl; font-size:22px; color:#000;}
#sub_container .visual h2 span{display:block; font-family:ns; font-size:54px;}
/*content*/
#sub_container .content{position:relative; width:1080px; padding:75px 90px; margin:-50px auto 0; border:1px solid #ebebeb; border-bottom:none; background:#fff; box-shadow:0 -1px 3px 0 #ddd; box-sizing:border-box; }
/*footer*/
#sub_footer_wrap{height:80px; background:#09101e;}
#sub_footer_wrap .footer_area{position:relative; width:1080px; margin:0 auto;}
#sub_footer_wrap .footer_logo{display:inline-block; padding:20px 0; vertical-align:middle;}
#sub_footer_wrap .copy{display:inline-block; margin-left:15px; padding:20px 0; color:#4f5767; vertical-align:middle;}
.p_block_txt{display:block;}
#sub_footer_wrap .fst_link{position:absolute; right:200px; top:0; padding:20px 0;}
#sub_footer_wrap .fst_link a{display:inline-block; padding-left:35px; font-size:14px; color:#4f5767; background:url('/webzine/201601/images/common/footer_home.png') no-repeat 0 50%; vertical-align:middle;}
#sub_footer_wrap .link_area{position:absolute; right:0; top:0;}
#sub_footer_wrap .link_area a{display:inline-block; width:90px; height:80px; line-height:80px; font-size:17px; color:#4f5767; box-sizing:border-box;}
#sub_footer_wrap .link_area a.prev{padding:0 15px 0 27px; background:url('/webzine/201602/images/sub/sub_footer_leftbtn.png') no-repeat 10% 50% #232936;}
#sub_footer_wrap .link_area a.next{padding:0 27px 0 15px; background:url('/webzine/201602/images/sub/sub_footer_rightbtn.png') no-repeat 90% 50% #232936;}
#sub_footer_wrap .link_area a.prev:hover{padding:0 15px 0 27px; background:url('/webzine/201602/images/sub/sub_footer_leftbtn_curr.png') no-repeat 10% 50% #323844; color:#FFF}
#sub_footer_wrap .link_area a.next:hover{padding:0 27px 0 15px; background:url('/webzine/201602/images/sub/sub_footer_rightbtn_curr.png') no-repeat 90% 50% #323844; color:#FFF}

/*ceo*/
#sub_container.ceo .visual{background:url('/webzine/201710/images/sub/sub01_v.jpg') no-repeat 50% 0;}
#sub_container.ceo .content{padding:115px 100px 65px; background:url('/webzine/201601/images/sub/ceo_bg02.png') no-repeat 50% 70px #fff;}
.ceo p.title{font-size:37px; line-height:51px; color:#1548a3; letter-spacing:-3px;margin:350px auto 0; text-align:center}
.ceo p.txt{margin:30px auto 0; max-width:520px; font-family:nsl; font-size:18px; color:#000; text-align:center}
.ceo p.txt span{display:block; margin-top:20px; line-height:29px;}
.ceo p.txt span:first-child{margin-top:0;}
.ceo_border {border:1px solid #CCC; padding:30px 40px 40px 60px; text-align:left;}
.ceo p.txt span strong {display:block; margin-top:-20px; margin-bottom:10px; color:#1548a3; font-weight:bold; padding-top:20px; text-align:center;}
.ceo p.txt span b {display:inline-block; float:left; padding-right:10px ;}
.ceo p.txt b {font-size:17px;  font-family:nsl; font-weight:normal; display:block; font-weight:bold;}
.ceo p.txt b span {font-size:15px; margin-top:0; color:#666; line-height:24px;} 
.ceo .name{margin:40px auto 0; max-width:760px; font-size:20px; color:#000; text-align:right;}
.ceo_b_no {float:left; margin-right:10px; display:inline-block; height:auto; color:#1548a3;  font-weight:bold;}
.ceo .btm_img_01 img{width:100%;}

/*info*/
#sub_container.info .visual{background:url('/webzine/201710/images/sub/sub02_v.jpg') no-repeat 50% 0;}
.infolist .cont_area{overflow:hidden; margin-top:60px; padding-top:60px; border-top:1px dashed #e5e5e5;}
.infolist .cont_area:first-child{margin-top:0; padding-top:0; border:0;}
.infolist .cont_one .cont{float:none; width:100%;}
.infolist .cont_one .cont .img{width:100%; height:auto;}
.infolist .cont_one .cont .title{margin-top:40px; font-size:40px; color:#000; line-height:55px;}
.infolist .cont_one .cont .title span{font-family:nsl;}
.infolist .cont_one .cont .border{position:relative; display:block; width:425px; margin:40px auto 0; border-top:1px solid #89a3ce;}
.infolist .cont_one .cont .border:after{content:''; display:block; clear:both; position:absolute; left:50%; top:-3px; width:50px; height:6px; margin-left:-25px; background:url('/webzine/201601/images/sub/info_dot_bg.png') no-repeat 50% 0 #fff;}
.infolist .cont_one .cont p.txt{margin-top:35px; padding-top:0; border:none; background:none;}
.infolist .cont_one .cont p.txt:after{display:none;}
.infolist .cont{float:left; width:425px; padding-left:48px;}
.infolist .cont:first-child{padding-left:0;}
.infolist .cont .img{width:425px; height:300px; overflow:hidden;}	
.infolist .cont .img img{width:100%;}
.infolist .cont p.title{margin-top:15px; font-size:28px; line-height:35px; color:#000; text-align:center;}
.infolist .cont p.txt{position:relative; margin-top:15px; padding-top:15px; font-size:18px; color:#333; line-height:30px; border-top:1px solid #89a3ce;}
.infolist .cont p.txt:after{content:''; display:block; clear:both; position:absolute; left:50%; top:-3px; width:50px; height:6px; margin-left:-25px; background:url('/webzine/201601/images/sub/info_dot_bg.png') no-repeat 50% 0 #fff;}

/*angel*/
#sub_container.angel .visual{background:url('/webzine/201710/images/sub/sub03_v.jpg') no-repeat 50% 0;}
.angel_news > div{margin-top:90px; padding-top:90px; border-top:1px dashed #b2b2b2;}
.angel_news > div:first-child{margin-top:0; padding-top:0; border-top:none;}
.angel_news .tit_banner{height:350px; padding-top:25px; text-align:center; box-sizing:border-box; }
.angel_news .tit_banner .tit{font-size:40px; color:#000;}
.angel_news .tit_banner .txt{width:670px; margin:0 auto; padding-top:10px; font-size:15px; line-height:25px; color:#333; }
#banner01{background:url('/webzine/201710/images/sub/angel_bg01.png') no-repeat 50% 0;}
#banner02{background:url('/webzine/201710/images/sub/angel_bg02.png') no-repeat 50% 0;}
#banner03{background:url('/webzine/201710/images/sub/angel_bg03.png') no-repeat 50% 0;}
.angel_news .img{margin-top:30px;}
.angel_news .img img{display:inline-block; margin-left:31px;}
.angel_news .img img:first-child{margin-left:0;}

/*staff*/
#sub_container.staff .visual{background:url('/webzine/201710/images/sub/sub04_v.jpg') no-repeat 50% 0;}
.staff_area{margin-top:60px; padding-top:60px; border-top:1px dashed #ccc; height:auto; display:block; width:100%; clear:both}
.staff_area:first-child{margin-top:0; padding-top:0; border-top:none;}
h3.tit_sy01{margin-bottom:50px; font-family:nsl; font-size:50px; line-height:55px; font-weight:normal; color:#2d2d2d; text-align:center;}
h3.tit_sy01 span , h3.tit_sy01 span.ib_txt span{font-family:ns;}
h3.tit_sy01 span.ib_txt{font-family:nsl;}
.bg_cont_sy01{margin-top:15px; position:relative; height:250px; background:url('/webzine/201710/images/sub/staff_bg01.png') no-repeat 0 100%; padding:20px 0;  border:1px solid #ededed;}
.bg_cont_sy01 .size {height:290px;}
.bg_cont_sy01.bg02{background-image:url('/webzine/201710/images/sub/staff_bg02.png')}
.bg_cont_sy01 .txt_area{position:relative; left:0; top:50%; margin:0 300px 0 40px; display:inline-block; z-index:2;}
.bg_cont_sy01 .img_area{position:absolute; right:15px; bottom:15px;}
.bg_cont_sy01 .img_area02 {position:absolute; right:0px; bottom:0px;}
.bg_cont_sy01 .txt_area .tit{font-family:nsl; font-size:40px; color:#2d2d2d; line-height:40px; margin-bottom:20px;}
.bg_cont_sy01 .txt_area .tit span{font-family:ns;}
.bg_cont_sy01 .txt_area .tit_name{font-family:nsl; font-size:22px; color:#2d2d2d; line-height:70px}
.bg_cont_sy01 .txt_area .tit_name span{font-family:ns; }
.bg_cont_sy01 .txt_area .txt{ font-size:16px; color:#3d3d3d;font-family:nsl;}
.imgbox_cont{border:0px solid #c2c2c2;}
.imgbox_cont_qna {display:inline-block; color:#1548a3; }
.imgbox_cont_qna_su {font-family:nsl;}
.imgbox_cont .img{height:auto; overflow:hidden; width:100%}
.imgbox_cont .staff_img_01{height:320px; overflow:hidden;}
.imgbox_cont .staff_img_01 img{width:100%;}
.imgbox_cont .img img{width:100%;}
.imgbox_cont .txt{ font-size:18px; color:#3d3d3d;}
.imgbox_cont .txt.sy02{text-align:left; width:672px; margin:0 auto}
.imgbox_cont .txt.sy02 span{display:block; margin:35px 0 40px 0; }
.bg_cont_sy01.bg03{margin-top:15px; background:#f6f6f6;}
.bg_cont_sy01.bg03:first-child{margin-top:0;}
.bg_cont_sy01.bg03 .txt_area .tit{font-size:35px; letter-spacing:-1px;}
.bg_cont_sy01.bg03 .txt_area{margin-right:0;}
.bg_cont_sy01.bg03 .txt_area .txt{margin-right:300px;}
.tit_sy01 .s_txt{display:block; font-family:nsl; font-size:38px; color:#2d2d2d;}
.s_float{margin-top:35px; overflow:hidden;}
.s_float:first-child{margin-top:0;}
.s_float .cont{width:425px;}
.s_float .cont .img{text-align:center;}
.s_float .cont .txt{margin-top:-75px; padding:100px 10px 45px; background:#e2e7b0; border-radius:50px;}
.s_float .cont .txt.tit_02{padding-top:80px;}
.s_float .cont:first-child .txt{background:#e1f9f8;}
.s_float .cont .tit{font-size:30px; line-height:35px; color:#2d2d2d; text-align:center;}
.s_float .cont ul{margin:20px 0 0 65px;}
.s_float .cont .txt.tit_02 ul{margin-top:5px;}
.s_float .cont li{font-size:18px; line-height:25px; color:#3d3d3d;}
.s_float.left .cont{float:left;}
.s_float.left .cont:first-child{margin-right:48px;}
.s_float.right .cont{float:right;}
.s_float.right .cont:first-child{margin-left:48px;}

.stafflist .cont_area{overflow:hidden; border-top:1px dashed #e5e5e5;}
.stafflist .cont_area:first-child{margin-top:0; padding-top:0; border:0;}
.stafflist .cont_one .cont{float:none; width:100%;}
.stafflist .cont_one .cont .img{width:100%; height:auto;}
.stafflist .cont_one .cont .title{margin-top:40px; font-size:50px; color:#000;}
.stafflist .cont_one .cont .title span{font-family:nsl;}
.stafflist .cont_one .cont .border{position:relative; display:block; width:425px; margin:40px auto 0;}
.stafflist .cont_one .cont .border:after{content:''; display:block; clear:both; position:absolute; left:50%; top:-3px; width:50px; height:6px; margin-left:-25px;}
.stafflist .cont_one .cont p.txt{margin-top:5px; padding-top:0; border:none; background:none;}
.stafflist .cont_one .cont p.txt:after{display:none;}
.stafflist .cont{float:left; width:440px; padding-left:6px; height:430px;}
.stafflist .stafflist_width {padding-left:100px !important;}

.stafflist .cont:first-child{padding-left:0;}
.stafflist .cont .img{width:430px; overflow:hidden;}	
.stafflist .cont .img img{width:100%;}
.stafflist .cont p.title{margin-top:0px; font-size:20px; line-height:25px; color:#000; padding:8px; text-align:center;  }
.stafflist .cont p.txt{ padding:8px; position:relative; margin-top:15px; padding-top:15px !important; font-size:18px; color:#333; line-height:28px; font-family:nsl; }
.stafflist .cont p.txt:after{content:''; display:block; clear:both; position:absolute; left:50%; top:-3px; width:50px; height:6px; margin-left:-25px;}
.stafflist .cont p.txtt{ padding:8px; position:relative; padding-top:5px !important; font-size:19px; color:#333; line-height:25px; font-family:nsl;}
.stafflist .cont p.txtt:after{content:''; display:block; clear:both; position:absolute; left:50%; top:-3px; width:50px; height:6px; margin-left:-25px;}
.stafflist .cont p.txtt span {padding:0; margin:10px 0 0 0; font-size:13px;}



/*letterbox*/
#sub_container.letterbox .visual{background:url('/webzine/201710/images/sub/sub05_v.jpg') no-repeat 50% 0;}
#sub_container.letterbox .content{padding:40px 100px;}
.letter_area{margin-top:70px; padding-top:70px; border-top:1px dashed #000; text-align:center;}
.letter_area:first-child{margin-top:0; padding-top:0; border:none;}
.letter_area .tit_area h3{padding:30px 0 10px; font-size:25px; color:#000; background:url('/webzine/201601/images/sub/letter_bg.png') no-repeat 50% 0;}	
.letter_area .tit_area p.tit{font-size:50px; text-align:center;}
.letter_area .tit_area p.info{font-family:nsl; font-size:28px; color:#000;}
.letter_area .cont_area{margin:50px -100px 0; padding-top:50px;}
.letter_area .cont_area .top_txt{font-size:24px;}
.letter_area .cont_area img{margin-top:40px;}
.letter_area .cont_area .cont{width:700px; margin:80px auto 80px; font-size:18px; color:#000; text-align:left;}
.letter_area .cont_area .cont span{display:block; margin-top:30px; }
.letter_area .cont_area .cont span:first-child{margin-top:0;}
/*cont01*/
.letter_area#cont01 .tit_area p.tit{color:#1548a3; line-height:65px; margin:30px;}
.letter_area#cont01 .cont_area{background:url('/webzine/201710/images/sub/letter_cont_bg01.jpg') no-repeat 50% 0;}
.letter_area#cont01 .cont_area .top_txt{color:#fff;}
/*cont02*/
.letter_area#cont02 .tit_area p.tit{color:#467605;  line-height:65px; margin:30px;}
.letter_area#cont02 .cont_area{background:url('/webzine/201710/images/sub/letter_cont_bg02.jpg') no-repeat 50% 0;}
.letter_area#cont02 .cont_area .top_txt{color:#467605;}
/*cont03*/
.letter_area#cont03 .tit_area p.tit{color:#1548a3; line-height:65px; margin:30px;}
.letter_area#cont03 .cont_area{background:url('/webzine/201710/images/sub/letter_cont_bg03.jpg') no-repeat 50% 0;}
.letter_area#cont03 .cont_area .top_txt{color:#fff;}
/*cont04*/
.letter_area#cont04 .tit_area p.tit{color:#467605;  line-height:65px; margin:30px;}
.letter_area#cont04 .cont_area{background:url('/webzine/201710/images/sub/letter_cont_bg04.jpg') no-repeat 50% 0;}
.letter_area#cont04 .cont_area .top_txt{color:#467605;}

/*compliment*/
#sub_container.compliment .visual{background:url('/webzine/201710/images/sub/sub06_v.jpg') no-repeat 50% 0;}
.comp_area > div{position:relative; overflow:hidden;}
.comp_area .give .cont{position:absolute; left:0; top:50%; margin-left:468px;}
.comp_area .cont .tit{font-size:28px; color:#000; font-weight:800;}
.comp_area .cont .txt{margin-top:20px; font-size:18px; color:#000;}
.comp_area .take{margin:30px 35px 0 0;}
.comp_area .take .cont{position:absolute; right:0; top:50%; margin-right:435px; text-align:right;}
.comp_area .take .img{text-align:right;}
.comp_area .btm_img{margin-top:30px; text-align:center;}
.comp_area .btm_img img{width:100%; max-width:688px;}

/*esc*/
#sub_container.esc .visual{background:url('/webzine/201710/images/sub/sub07_v.jpg') no-repeat 50% 0;}
h3.tit_sy03{padding-top:140px; font-family:nsb; font-size:34px; line-height:100%; color:#000; background:url('/webzine/201601/images/sub/esc_tit_bg.gif') no-repeat center ;  text-align:center; }
h3.tit_sy03 .blue_txt{color:#13479d;}
h4.tit_sy04 .blue_txt{color:#13479d;}

.esc_wrap .top_cont{margin-top:70px; text-align:center; color:#333;}
.esc_wrap .top_cont .top_txt{font-family:nsl; font-size:25px; line-height:100%;}
.esc_wrap .top_cont .top_txt span{display:block; margin-top:30px;}
.esc_wrap .top_cont .top_txt span:first-child{margin-top:0;}
.esc_wrap .top_cont .img{margin-top:40px;}
.esc_wrap .top_cont .img img{width:100%; max-width:618px; border:1px solid #CCC;}
.esc_wrap .top_cont .btm_txt{margin:30px auto 0; width:620px; font-size:18px; line-height:30px; text-align:left}
.esc_wrap .cont_area{margin-top:100px;}
.esc_wrap .top_cont h4.tit_sy04{ padding-top:60px; font-size:25px; color:#000; line-height:100%; background:none;}
.esc_wrap .cont_area p{margin-top:20px; font-size:18px; color:#333;}
.esc_wrap .cont_area ol{margin-top:20px; font-size:18px; color:#333;}	
.esc_wrap .cont_area ol li{margin-top:80px;}	
.esc_wrap .cont_area ol li:first-child{margin-top:0;}
.esc_wrap .cont_area ol li .img{margin-top:50px; text-align:center;}
.esc_wrap .cont_area ol li .img img{width:100%;}
.esc_wrap .cont_area ol li .img01 img{max-width:636px;}
.esc_wrap .cont_area ol li .img02 img{max-width:623px;}
.esc_wrap .cont_area ol li .img03 img{max-width:609px;}
.esc_wrap .cont_area ol li .img04 img{max-width:606px;}
.esc_wrap .cont_area ol a{display:inline-block; word-break:break-all; color:#333;}
.esc_wrap .cont_area p span{display:block; margin-top:40px;}
.esc_wrap .cont_area p span:first-child{margin-top:0;}
.esc_wrap p.r_txt{margin-top:70px; font-size:18px; color:#9c9c9c; text-align:right;}

/*event*/
#sub_container.event .content{background: #FFF;}
#sub_container.event .visual{background:url('/webzine/201612/images/sub/sub08_v.jpg') no-repeat 50% 0;}
h3.tit_sy05{font-family:nsl; font-size:56px; color:#000; text-align:center;}
h3.tit_sy05 span.top_s_txt{display:block; font-family:nsb; font-size:26px; color:#fc6a88;}
h3.tit_sy05 span.top_sss_txt{display:block; font-family:nsb; font-size:32px; color:#333;}

h3.tit_sy05 span.bold_txt{font-family:nsb;}
.event_wrap .border{display:block; height:6px; margin:40px auto 0; background:url('/webzine/201612/images/sub/info_dot_bg_line.png') no-repeat 50% 0;}
.event_wrap .txt_area{margin-top:50px; text-align:center;}
.event_wrap .txt_area p{font-size:20px; line-height:27px; color:#333; margin-top:50px;  }
.event_wrap .txt_area p span{display:block; margin-top:40px;}
.event_wrap .txt_area p span:first-child{margin-top:0;}
.event_wrap .txt_area p.last{margin-top:35px; font-size:24px; line-height:100%;}
.event_wrap .txt_area .team{width:780px; margin:45px auto 0; overflow:hidden;}
.event_wrap .txt_area .team ul{margin-left:-12px;}
.event_wrap .txt_area .team li{min-width:120px; margin:23px 0 0 12px; padding:20px; font-size:20px; line-height:25px; color:#333; text-align:center; font-weight:800; background:#fdfaee; border-radius:20px; }
.event_wrap .txt_area .team li:first-child{margin-top:0;}
.event_wrap .txt_area .team li span{display:inline-block; text-align:center;}
.event_wrap .txt_area .team li ul{float:right;}
.event_wrap .txt_area .team li li{min-width:auto; margin:0; padding:0 0 0 31px; font-size:23px; color:#626262; background:none; border:none;}
.event_wrap .btm_img{margin-top:25px;}
.event_wrap .btm_img img{width:100%;}
.event_quiz_area {background:#FFF; padding:50px 50px 50px 120px; margin:0 auto; font-size:15px; text-align:left; margin-bottom:30px; width:330px; border-radius: 20px; }
.event_quiz_area ul li {line-height:40px;}

.event_wrap .cont_area{overflow:hidden; }
.event_wrap .cont_area:first-child{margin-top:0; padding-top:0; border:0;}
.event_wrap .cont_area .cont .s_title {margin-top:20px; font-size:26px;}

.event_wrap .cont_one .cont{float:none; width:100%;}
.event_wrap .cont_one .cont .img{width:100%; height:auto;}
.event_wrap .cont_one .cont .title{margin-top:40px; font-size:50px; color:#000;}
.event_wrap .cont_one .cont .title span{font-family:nsl;}
.event_wrap .cont_one .cont .border{position:relative; display:block; width:425px; margin:80px auto 0;}
.event_wrap .cont_one .cont .border:after{content:''; display:block; clear:both; position:absolute; left:50%; top:-3px; width:50px; height:6px; margin-left:-25px;}
.event_wrap .cont_one .cont p.txt{margin-top:5px; padding-top:0; border:none; background:none;}
.event_wrap .cont_one .cont p.txt:after{display:none;}
.event_wrap .cont{float:left; width:275px; padding-left:0px; margin:0 10px}
.event_wrap .cont:first-child{padding-left:0;}
.event_wrap .cont .img{width:275px; height:295px; overflow:hidden;}	
.event_wrap .cont .img img{width:87%;}
.event_wrap .cont p.title{margin-top:0px; font-size:17px; line-height:20px; color:#000; text-align:center;}
.event_wrap .cont p.txt{position:relative; margin-top:15px; padding-top:15px !important; font-size:18px; color:#333; line-height:28px; font-family:nsl;}
.event_wrap .cont p.txt:after{content:''; display:block; clear:both; position:absolute; left:50%; top:-3px; width:50px; height:6px; margin-left:-25px;}
.event_wrap .cont p.txtt{position:relative; margin-top:15px; padding-top:10px !important; font-size:17px; color:#333; line-height:25px; font-family:nsl;}
.event_wrap .cont p.txtt:after{content:''; display:block; clear:both; position:absolute; left:50%; top:-3px; width:50px; height:6px; margin-left:-25px;}
.event_wrap .btm_img_01 img {width:100%}
.event_wrap .event_span {font-family:nsl; display:block !important; margin:10px}

@media all and (max-width:1380px) and (min-width:1220px){ /*main 웹 분기 2*/
	/*====== main ======*/
	/*header*/
	#header_wrap .gnb{width:200px;}
	.menubtn{width:200px;}
	.gnb .menu li a{padding:0 15px; font-size:16px;}
	.gnb .menu li a:hover:after{right:15px;}

	/*container*/
	#container{width:800px;}
	.month_wrap{width:200px; margin-left:200px;}
	.cont01{width:398px;}
	.cont_wrap .cont02{width:200px;}
	.cont_wrap > div .right_area{width:400px;}
	.cont_wrap > div .right_area .notice_area{width:140px; padding:50px 30px 0;}
	.gallery a{width:200px; overflow:hidden;}
	.gallery a img{display:block; margin-left:-20px;}
	.cont01 .txt img, .cont02 .txt img{height:26px;}
}

@media all and (max-width:1220px) { /*모바일 분기*/
	.p_display{display:none;}
	.m_display{display:block;}
	
	/*====== main ======*/
	/*header*/
	#header_wrap{position:relative; height:54px; background:#17469e;}
	#header_wrap h1{position:static; padding-top:18px;}
	#header_wrap h1 img{width:75px; margin:0 auto;}
	#header_wrap .gnb{z-index:3;}
	#header_wrap .menubtn{position:absolute; left:0; top:0; width:54px; height:54px; background-size:23px 18px;}
	#header_wrap .gnb.active .menubtn{background:url('/webzine/201601/images/common/gnb_ico.png') no-repeat 50% 50% #17469e; background-size:23px 18px;}
	.ie8 .menubtn{background:url('/webzine/201601/images/common/gnb_ico_ie8.png') no-repeat 50% 50% #17469e;}
	.ie8  .gnb.active .menubtn{background:url('/webzine/201601/images/common/gnb_ico_ie8.png') no-repeat 50% 50% #17469e;}
	.gnb .menu{width:200px; margin-top:54px;}
	.gnb .menu li a{height:40px; padding:0 15px; line-height:40px; font-size:16px; color:#fff;}
	.gnb .menu li a span{width:20px; height:19px; margin-right:10px; background:url('/webzine/201601/images/common/menu01_on.png') no-repeat 50% 48%; background-size:20px; vertical-align:middle;}
	.gnb .menu li a span.ico02{background-image:url('/webzine/201601/images/common/menu02_on.png');}
	.gnb .menu li a span.ico03{background-image:url('/webzine/201601/images/common/menu03_on.png');}
	.gnb .menu li a span.ico04{background-image:url('/webzine/201601/images/common/menu04_on.png');}
	.gnb .menu li a span.ico05{background-image:url('/webzine/201601/images/common/menu05_on.png');}
	.gnb .menu li a span.ico06{background-image:url('/webzine/201601/images/common/menu06_on.png');}
	.gnb .menu li a span.ico07{background-image:url('/webzine/201601/images/common/menu07_on.png');}
	.gnb .menu li a span.ico08{background-image:url('/webzine/201601/images/common/menu08_on.png');}
	.ie8 .gnb .menu li a span.ico01{background-image:url('/webzine/201601/images/common/menu01_on_ie8.png');}
	.ie8 .gnb .menu li a span.ico02{background-image:url('/webzine/201601/images/common/menu02_on_ie8.png');}
	.ie8 .gnb .menu li a span.ico03{background-image:url('/webzine/201601/images/common/menu03_on_ie8.png');}
	.ie8 .gnb .menu li a span.ico04{background-image:url('/webzine/201601/images/common/menu04_on_ie8.png');}
	.ie8 .gnb .menu li a span.ico05{background-image:url('/webzine/201601/images/common/menu05_on_ie8.png');}
	.ie8 .gnb .menu li a span.ico06{background-image:url('/webzine/201601/images/common/menu06_on_ie8.png');}
	.ie8 .gnb .menu li a span.ico07{background-image:url('/webzine/201601/images/common/menu07_on_ie8.png');}
	.ie8 .gnb .menu li a span.ico08{background-image:url('/webzine/201601/images/common/menu08_on_ie8.png');}
	.gnb .menu li a:after , .gnb .menu li a:hover:after{content:''; display:inline-block; position:absolute; right:15px; top:0; width:6px; height:36px; background:url('/webzine/201601/images/common/menu_hover_arr.png') no-repeat 0 50%; vertical-align:middle;}

	/*container*/
	#visual_wrap{position:static; width:100%; height:auto;}
	#visual_wrap .flexslider{position:relative; left:0; top:0; width:100%; margin:0;}
	#visual_wrap .flexslider img{width:100%;}
	.flex-control-nav{height:10px; bottom:15px;}
	.flex-control-nav li{height:10px; margin-left:8px;}
	.flex-control-nav li:first-child{margin-left:0;}
	.flex-control-nav li a{width:10px; height:10px; background-size:10px;}
	.ie8 .flex-control-nav li a{background:url('/webzine/201601/images/common/slide_dot_out_ie8.png') no-repeat 0 0;}
	.ie8 .flex-control-nav li a.flex-active{background:url('/webzine/201601/images/common/slide_dot_on_ie8.png') no-repeat 0 0;}
	.flex-direction-nav{position:static;}
	.flex-direction-nav a{margin-top:-33px; width:25px; height:66px;}
	.flex-direction-nav a.flex-prev , .flex-direction-nav a.flex-next{background-size:25px;}
	.ie8 .flex-direction-nav a.flex-prev{background:url('/webzine/201601/images/common/slide_left_ie8.png') no-repeat 0;}
	.ie8 .flex-direction-nav a.flex-next{background:url('/webzine/201601/images/common/slide_right_ie8.png') no-repeat 0;}
	#container{width:100%;}
	.month_wrap{float:none; position:relative; width:100%; height:auto; margin:0; padding:16px 0; color:#fff; background:#515151;}
	.month_wrap p{text-align:center;}
	.month_wrap a{position:absolute; top:0; width:auto; height:61px; margin-top:0; line-height:60px; color:#787878;}
	.month_wrap a.prev{left:9px; padding-left:17px; background:url('/webzine/201601/images/common/month_prev_m.png') no-repeat 0 50%; background-size:9px 19px;}
	.month_wrap a.next{right:9px; padding-right:17px; background:url('/webzine/201601/images/common/month_next_m.png') no-repeat 100% 50%; background-size:9px 19px;}
	.ie8 .month_wrap a.prev{background:url('/webzine/201601/images/common/month_prev_m_ie8.png') no-repeat 0 50%;}
	.ie8 .month_wrap a.next{background:url('/webzine/201601/images/common/month_next_m_ie8.png') no-repeat 100% 50%;}
	.cont01{float:none; width:100%; border-left:none;}
	.cont01 a{height:auto; padding:23px 0; text-align:center; overflow:hidden;}
	.cont01 .img , .cont_wrap > div .right_area .cont02 .img{display:inline-block; height:auto; vertical-align:middle;}
	.cont01 .img img{display:inline-block; width:90px;}
	.cont01 .txt img{height:20px;}
	.cont01 .txt , .cont_wrap > div .right_area .cont02 .txt{display:inline-block; padding-left:8%; vertical-align:middle;}
	.cont01 .txt span , .cont_wrap > div .right_area .cont02 .txt span{font-size:15px; text-align:left;}
	.cont_wrap > div .right_area .cont02 .txt img{height:25px;}
	.cont_wrap > div{border-top:none;}
	.cont_wrap > div .right_area{float:none; width:100%;}
	.cont_wrap > div .right_area .notice_area{display:none;}
	.cont_wrap > div .right_area .cont02{float:none; width:100%; border-left:none;}
	.cont_wrap > div .right_area .cont02 a{height:auto; padding:23px 0 13px; text-align:center;}
	.cont_wrap > div .right_area .cont02 img img{display:inline-block; width:107px;}
	.cont_wrap > div .right_area .cont02 .txt{margin-top:-10px;}
	.cont02{border-top:1px solid #e1e1e1; border-left:none;}	
	.cont_wrap > div .left_area{float:none; width:100%;}
	.cont_wrap .cont02{width:50%;}
	.cont_wrap .cont02 a{height:auto; padding:15px 0;}	
	.cont_wrap .cont02 .img{height:80px;}
	.cont_wrap .img.img03 img{width:120px;}
	.cont_wrap .img.img04 img{width:100px;}
	.cont_wrap .img.img05 img{width:66px;}
	.cont_wrap .img.img06 img{width:43px;}
	.cont_wrap .img.img07 img{width:65px;}
	.cont_wrap .img.img08 img{width:65px;}
	.cont_wrap .cont02 .txt span{font-size:12px;}
	.cont_wrap .cont02 .txt img{height:16px;}
	.gallery{height:auto; margin-bottom:-4px;}
	.gallery a{width:33.3%; overflow:hidden;}
	.gallery a:after{background:none;}
	.gallery a.p_display{display:none;}
	.gallery a img{display:block; width:100%; margin-left:0;}
	/*footer*/
	#footer_wrap{padding:17px 0 67px;}
	#footer_wrap p{width:100%; text-align:center; font-size:12px; line-height:25px;}
	#footer_wrap p.footer_logo{position:absolute; left:0; bottom:17px;}
	#footer_wrap p.footer_logo img{width:40px;}
	#footer_wrap p.copy{padding-left:0;}
	#footer_wrap p.fst_link{position:static; margin-top:5px;}
	#footer_wrap p a{padding-left:25px; vertical-align:middle; font-size:12px; line-height:20px; background-size:20px;}
	.ie8 #footer_wrap p a{background:url('/webzine/201601/images/common/footer_home_ie8.png') no-repeat 0 50%;}
	.ib_txt{display:inline-block;}
}

@media all and (max-width:1220px) and (min-width:767px){  /*main 모바일 분기 2*/
	/*header*/
	.gnb .menu{width:400px; margin-top:54px;}
	.gnb .menu li a{height:62px; padding:0 25px; line-height:62px; font-size:20px; color:#fff;}
	.gnb .menu li a span{width:32px; height:62px; margin-right:15px; background-size:auto; vertical-align:middle;}
	.gnb .menu li a:after , .gnb .menu li a:hover:after{right:25px; height:62px;}
	.ie8 .gnb .menu li a span.ico01{background-image:url('/webzine/201601/images/common/menu01_on.png');}
	.ie8 .gnb .menu li a span.ico02{background-image:url('/webzine/201601/images/common/menu02_on.png');}
	.ie8 .gnb .menu li a span.ico03{background-image:url('/webzine/201601/images/common/menu03_on.png');}
	.ie8 .gnb .menu li a span.ico04{background-image:url('/webzine/201601/images/common/menu04_on.png');}
	.ie8 .gnb .menu li a span.ico05{background-image:url('/webzine/201601/images/common/menu05_on.png');}
	.ie8 .gnb .menu li a span.ico06{background-image:url('/webzine/201601/images/common/menu06_on.png');}
	.ie8 .gnb .menu li a span.ico07{background-image:url('/webzine/201601/images/common/menu07_on.png');}
	.ie8 .gnb .menu li a span.ico08{background-image:url('/webzine/201601/images/common/menu08_on.png');}

	/*container*/
	.gallery a{width:25%; overflow:hidden;}
	.gallery a.p_display{display:inline-block;}
	.flex-control-nav{height:auto; bottom:30px;}
	.flex-control-nav li{height:auto; margin-left:15px;}
	.flex-control-nav li:first-child{margin-left:0;}
	.flex-control-nav li a{width:17px; height:17px; background-size:17px;}
	.flex-direction-nav a{margin-top:-50px; width:40px; height:100px;}
	.flex-direction-nav a.flex-prev , .flex-direction-nav a.flex-next{background-size:40px;}

	/*ie8*/
	.ie8 .flex-control-nav li a{background:url('/webzine/201601/images/common/slide_dot_out.png') no-repeat 0 0;}
	.ie8 .flex-control-nav li a.flex-active{background:url('/webzine/201601/images/common/slide_dot_on.png') no-repeat 0 0;}
	.ie8 .flex-direction-nav a.flex-prev{background:url('/webzine/201601/images/common/slide_left.png') no-repeat 0;}
	.ie8 .flex-direction-nav a.flex-next{background:url('/webzine/201601/images/common/slide_right.png') no-repeat 0;}
}


@media all and (max-width:1080px) { /*서브 모바일 분기*/
	/*header*/
	#sub_header_wrap{height:50px;}
	#sub_header_wrap .center_area{width:100%;}
	#sub_header_wrap h1{left:10px; top:16px;}
	#sub_header_wrap h1 img{width:70px;}
	#sub_header_wrap p{font-size:16px; line-height:50px;}
	#sub_header_wrap .menubtn{width:50px; height:50px; background-size:25px;}
	.ie8 #sub_header_wrap .menubtn{background:url('/webzine/201601/images/common/gnb_ico_ie8.png') no-repeat 50% 50% #17469e;}
	#sub_header_wrap .menu{top:50px;}
	/*visual*/
	#sub_container .visual .txt_cont{width:100%;}
	#sub_container .visual h2{left:20px; bottom:70px; font-size:15px;}
	#sub_container .visual h2 span{font-size:30px;}
	/*content*/
	#sub_container .content{width:94%; padding:40px 5%; margin:-50px auto 0;}
	/*footer*/
	#sub_footer_wrap{height:auto;}
	#sub_footer_wrap .footer_area{width:100%; padding:17px 0 55px;}
	#sub_footer_wrap .footer_logo{position:absolute; left:0; bottom:17px; width:100%; padding:0; text-align:center;}
	#sub_footer_wrap .footer_logo img{width:40px;}
	#sub_footer_wrap .copy{display:block; width:100%; margin-left:0; padding:0; text-align:center; line-height:25px; font-size:12px;}
	.p_block_txt{display:inline-block;}
	#sub_footer_wrap .m_layout{text-align:center;}
	#sub_footer_wrap .fst_link{display:inline-block; position:static; margin-top:5px; padding:0; text-align:center; vertical-align:middle;}
	#sub_footer_wrap .fst_link a{padding-left:25px; font-size:12px; line-height:20px; background-size:20px;}
	.ie8 #sub_footer_wrap .fst_link a{background:url('/webzine/201601/images/common/footer_home_ie8.png') no-repeat 0 50%;}
	#sub_footer_wrap .link_area{display:inline-block; position:static; margin:10px 0 0 10px; text-align:center; vertical-align:middle;}
	#sub_footer_wrap .link_area a{width:auto; height:auto; line-height:20px; font-size:14px;}
	#sub_footer_wrap .link_area a.prev{padding:5px 15px 5px 25px;}
	#sub_footer_wrap .link_area a.next{padding:5px 25px 5px 15px;}

	/*ceo*/
	#sub_container.ceo .content{padding:50px 10% 40px; background-size:450px;}
	.ceo p.title{padding:37px 0; font-size:40px; line-height:45px;  background-size:290px;}
	.ie8 #sub_container.ceo .content{background:url('/webzine/201601/images/sub/ceo_bg02_ie01.png') no-repeat 95% 70px #fff;}
	.ie8 .ceo p.title{background:url('/webzine/201601/images/sub/ceo_bg01_ie01.png') no-repeat 0 0;}
	.ceo p.txt{margin-top:20px; font-size:16px;}
	.ceo p.txt span{margin-top:20px;}
	.ceo p.txt span:first-child{margin-top:0;}
	.ceo .name{margin-top:20px; font-size:18px;}
	.ceo p.txt b {font-size:13px; }
	.ceo p.txt b span {font-size:13px; } 

	/*info*/
	.infolist .cont{width:47%; padding-left:6%;}
	.infolist .cont:first-child{padding-left:0;}
	.infolist .cont .img{width:100%; height:auto;}
	.infolist .cont_one .cont .title{font-size:40px;}
	
	/*angel*/
	.angel_news .img img{width:49%; margin-left:2%;}
	.angel_news .img img:first-child{width:100%; margin-left:0;}

	/*staff*/
	h3.tit_sy01{margin-bottom:30px; font-size:35px; line-height:40px;}
	.bg_cont_sy01 .txt_area .tit{font-size:30px;  line-height:40px;}
	.bg_cont_sy01 .txt_area .tit_name{font-size:17px;  line-height:40px;}
	.bg_cont_sy01 .txt_area .txt{; font-size:14px;}
	.imgbox_cont .txt{padding:20px 25px; font-size:16px;}
	.imgbox_cont .txt.sy02 span{margin-bottom:15px;}
	.imgbox_cont .sy02.txt {width:auto;}
	.bg_cont_sy01.bg03 .txt_area .tit{font-size:25px; letter-spacing:0;}
	.bg_cont_sy01.bg03 .txt_area .txt{margin-top:15px; font-size:14px;}

	.tit_sy01 .s_txt{font-size:25px;}
	.s_float{margin-top:20px;}
	.s_float .cont{width:49%;}
	.s_float .cont .tit{font-size:18px; line-height:25px;}
	.s_float .cont ul{width:245px; margin:15px auto 0;}
	.s_float .cont .txt.tit_02 ul{margin-top:10px;}
	.s_float .cont li{font-size:14px; line-height:20px;}
	.s_float.left .cont:first-child{margin-right:2%;}
	.s_float.right .cont:first-child{margin-left:2%;}
	
	.stafflist .cont{width:47%;  height:300px;text-align:center}
	.stafflist .cont:first-child{padding-left:0;}
	.stafflist .cont .img{width:80%; height:auto; margin:0 auto;}
	.stafflist .cont_one .cont .title{font-size:40px;}	
	.stafflist .cont p.txtt {padding:10px 20px}
	.stafflist .cont p.title {height:auto}
	.stafflist .stafflist_width {padding-left:0 !important;}

	/*letterbox*/
	#sub_container.letterbox .content{padding:20px 5% 40px;}
	.letter_area{margin-top:30px; padding-top:30px;}
	.letter_area:first-child{margin-top:0; padding-top:0; border:none;}	
	.letter_area .tit_area p.tit{font-size:35px; line-height:40px !important;}
	.letter_area .tit_area p.info{font-size:16px;}
	.letter_area .cont_area{margin:30px -6% 0; padding-top:30px;}
	.letter_area .cont_area img{margin-top:20px; width:90%;}
	.letter_area .cont_area .cont{width:80%; margin:70px auto 0;}
	.letter_area .cont_area .cont span{margin-top:15px;}
	.letter_area .cont_area .cont span:first-child{margin-top:0;}
	/*cont01*/
	.letter_area#cont01 .cont_area{background:url('/webzine/201710/images/sub/letter_cont_bg01.jpg') no-repeat 50% -50px;}
	/*cont02*/
	.letter_area#cont02 .cont_area{background:url('/webzine/201710/images/sub/letter_cont_bg02.jpg') no-repeat 50% -50px;}

	/*compliment*/
	.comp_area .img img{width:300px;}
	.comp_area .give .cont{margin-left:330px;}
	.comp_area .cont .tit{font-size:18px;}
	.comp_area .cont .txt{margin-top:10px; font-size:14px;}
	.comp_area .take{margin:30px 0 0 0;}
	.comp_area .take .cont{margin-right:305px;}

	/*esc*/
	h3.tit_sy03{font-size:30px; background:none;}
	.esc_wrap .top_cont{margin-top:40px;}
	.esc_wrap .top_cont .top_txt{font-size:20px;}
	.esc_wrap .top_cont .top_txt span{margin-top:20px;}
	.esc_wrap .top_cont .img{margin-top:20px;}
	.esc_wrap .top_cont .btm_txt{margin-top:30px; width:90%; font-size:16px; line-height:25px;}
	.esc_wrap .cont_area{margin-top:40px;}
	.esc_wrap .cont_area h4.tit_sy04{font-size:20px; background:none;}
	.esc_wrap .cont_area p{margin-top:15px; font-size:16px;}
	.esc_wrap .cont_area ol{margin-top:15px; font-size:16px;}	
	.esc_wrap .cont_area ol li{margin-top:30px;}	
	.esc_wrap .cont_area ol li .img{margin-top:25px}
	.esc_wrap .cont_area p span{margin-top:20px;}
	.esc_wrap p.r_txt{margin-top:30px; font-size:16px;}

	/*event*/
	#sub_container.event .content{background-position:50% 100%;}
	.event_wrap .txt_area{margin-top:25px;}
	.event_wrap .txt_area p span{margin-top:25px;}
	.event_wrap .txt_area p.last{margin-top:25px;}
	.event_wrap .txt_area .team{width:100%; margin:25px auto 0;}
	.event_wrap .txt_area .team ul{margin-left:0;}
	.event_wrap .txt_area .team li{float:none; min-width:100%; margin:15px 0 0 0; padding:15px; font-size:20px; line-height:20px; border-radius:15px; box-sizing:border-box;}
	.event_wrap .txt_area .team li:first-child{margin-top:0;}
	.event_wrap .txt_area .team li ul{float:none; margin-top:10px;}
	.event_wrap .txt_area .team li li{display:inline-block; padding:0 10px; font-size:18px;}
	.event_wrap .btm_img{margin-top:45px;}
	.event_quiz_area {background:#FFF; padding:30px; margin:0 auto; font-size:14px; text-align:left; margin-bottom:30px; border-radius: 20px; }
	.event_quiz_area ul li {line-height:23px;}
	
	#sub_container.letterbox .content{padding:20px 5% 40px;}
	.event_wrap{margin-top:30px; padding-top:30px;}
	.event_wrap:first-child{margin-top:0; padding-top:0; border:none;}	
	.event_wrap .tit_area p.tit{font-size:35px;}
	.event_wrap .tit_area p.info{font-size:16px;}
	
	.event_wrap .cont{width:47%; padding-left:0%;}
	.event_wrap .cont:first-child{padding-left:0;}
	.event_wrap .cont .img{width:100%; height:auto;}
	.event_wrap .cont_one .cont .title{font-size:40px;}
	.event_btn {padding:15px 20px; font-size:15px; font-family:ns; border:1px solid #F60; margin:0 auto;  background:url('/webzine/201710/images/sub/event_bg.png') repeat ; color:#F60; margin-top:50px; margin-bottom:50px;}	
	
	
	
}

@media all and (max-width:767px) { /*서브 모바일 분기2*/
	/*visual*/
	#sub_container .visual{height:250px;}
	#sub_container .visual .txt_cont{height:250px;}

	/*ceo*/
	#sub_container.ceo .content{ background-size:300px;}
	.ceo p.title{padding:29px 0; font-size:30px; line-height:35px; background-size:230px; margin-top:250px}
	.ie8 #sub_container.ceo .content{background:url('/webzine/201601/images/sub/ceo_bg02_ie02.png') no-repeat 95% 160px #fff;}
	.ie8 .ceo p.title{background:url('/webzine/201601/images/sub/ceo_bg01_ie02.png') no-repeat 0 0;}
	.ceo p.txt{margin-top:0px; font-size:14px;}
	.ceo .name{font-size:16px;}

	/*info*/
	.infolist .cont_area{margin-top:0; padding-top:0; border-top:none;}
	.infolist .cont{float:none; width:100%; margin-top:30px; padding:30px 0 0 0; border-top:1px dashed #e5e5e5;}
	.infolist .cont_area:first-child .cont:first-child{margin-top:0; padding:0; border:none;}
	.infolist .cont_one .cont{margin-top:0; padding:0; border:none;}
	.infolist .cont_one .cont .title{margin-top:25px; font-size:30px; line-height:35px;}
	.infolist .cont_one .cont .title span{display:block;}
	.infolist .cont_one .cont .border{width:100%; margin-top:25px;}
	.infolist .cont_one .cont p.txt{margin-top:15px;}
	.infolist .cont p.title{font-size:20px; line-height:30px;}
	.infolist .cont p.txt{font-size:14px; line-height:25px;}

	/*angel*/
	.angel_news > div{margin-top:30px; padding-top:30px; border-top:1px dashed #b2b2b2;}
	.angel_news > div:first-child{margin-top:0; padding-top:0; border-top:none;}
	.angel_news .tit_banner{position:relative; height:auto; padding:15px; border:1px solid #e5e5e5; border-radius:3px;}
	.angel_news .tit_banner:after{content:''; display:block; clear:both; position:absolute; left:50%; bottom:-19px; margin-left:-22px; width:45px; height:19px; background:url('/webzine/201601/images/sub/angel_m_bg.png') no-repeat 0 0;}
	.angel_news .tit_banner .tit{font-size:20px;}
	.angel_news .tit_banner .txt{width:100%; padding-top:15px; font-size:14px; line-height:22px;}
	.angel_news .img{margin-top:40px;}
	.angel_news .img img{display:block; width:100%; margin:10px 0 0 0;}
	.angel_news .img img:first-child{display:block; width:100%; margin:10px 0 0 0;}
	
	#banner01{background:none;}
	#banner02{background:none;}
	#banner03{background:none;}

	/*staff*/
	.staff_area{margin-top:30px; padding-top:30px;width:100%; }
	h3.tit_sy01{margin-bottom:20px; font-size:25px; line-height:30px;}
	.bg_cont_sy01{height:auto; background-size:cover;}
	.ie8 .bg_cont_sy01{background:#f6f6f6;}
	.bg_cont_sy01.bg02{margin-top:10px;}
	.bg_cont_sy01 .txt_area{position:relative; left:0; top:0; margin:20px !important;}
	.bg_cont_sy01 .img_area{position:static; text-align:center;}
	.bg_cont_sy01 .img_area02{position:static; text-align:center; width:100%}
	.bg_cont_sy01 .img_area img{width:100%; max-width:275px;}
	.bg_cont_sy01 .txt_area .tit{font-size:25px; line-height:25px;}
	.bg_cont_sy01 .txt_area .tit_name {font-size:15px;}
	.bg_cont_sy01 .txt_area .txt{font-size:14px;}
	.imgbox_cont .img{height:auto;}
	.imgbox_cont .txt{padding:10px; font-size:13px;}
	.imgbox_cont .txt.sy02 span{margin-bottom:10px;}
	.imgbox_cont .sy02.txt{width:auto;}
	.bg_cont_sy01.bg03{margin-top:10px;}
	.bg_cont_sy01.bg03 .img_area img{max-width:100%;}
	.bg_cont_sy01.bg03 .txt_area .tit{font-size:18px;}
	.bg_cont_sy01.bg03 .txt_area .txt{margin-right:0;}
	.tit_sy01 .s_txt{font-size:18px;}
	.s_float{margin-top:0;}
	.s_float .cont{width:100%; margin-top:15px;}
	.s_float:first-child .cont:first-child{margin-top:0;}
	.s_float.left .cont{float:none;}
	.s_float.left .cont:first-child{margin-right:0;}
	.s_float.right .cont{float:none;}
	.s_float.right .cont:first-child{margin-left:0;}

	.stafflist .cont_area{margin-top:0; padding-top:0; border-top:none;}
	.stafflist .cont{float:none; width:100%; padding:0px 0 0 0;  height:auto}
	.stafflist .cont_area:first-child .cont:first-child{margin-top:0; padding:0; border:none;}
	.stafflist .cont_one .cont{margin-top:0; padding:0; border:none;}
	.stafflist .cont_one .cont .title{margin-top:25px; font-size:30px; line-height:35px;}
	.stafflist .cont_one .cont .title span{display:block;}
	.stafflist .cont_one .cont .border{width:100%; margin-top:25px;}
	.stafflist .cont_one .cont p.txt{margin-top:15px;}
	.stafflist .cont p.title{font-size:20px; line-height:30px;}
	.stafflist .cont p.txt{font-size:14px; line-height:25px;}
	.stafflist img {padding-top:30px;}
	.stafflist .stafflist_width {padding-left:0px !important;}

	/*letterbox*/
	.letter_area .tit_area h3{padding:16px 0 6px; font-size:15px; background-size:130px;}
	.ie8 .letter_area .tit_area h3{background:url('/webzine/201710/images/sub/letter_bg_ie8.png') no-repeat 50% 0;}
	.letter_area .tit_area p.tit{font-size:23px;}
	.letter_area .tit_area p.info{font-size:14px;}
	.letter_area .cont_area .top_txt{font-size:16px; padding:0 15px;}
	.letter_area .cont_area .cont{width:90%; margin:30px auto 0; font-size:15px;}
	/*cont01*/
	.letter_area#cont01 .cont_area{background:url('/webzine/201710/images/sub/letter_cont_bg01.jpg') no-repeat 50% -220px;}
	.letter_area#cont01 .cont_area .top_txt{color:#1548a3;}
	/*cont02*/
	.letter_area#cont02 .cont_area{background:url('/webzine/201710/images/sub/letter_cont_bg02.jpg') no-repeat 50% -220px;}

	/*compliment*/
	.comp_area .img img{width:100%; max-width:400px}
	.comp_area .cont{margin-top:15px !important;}
	.comp_area .give .cont{position:static; margin-left:0;}
	.comp_area .take{margin:15px 0 0 0;}
	.comp_area .take .cont{position:static; margin-right:0; text-align:left;}
	.comp_area .take .img{text-align:right;}

	/*esc*/
	h3.tit_sy03{padding-top:10px; font-size:23px; background:none;}
	.esc_wrap .top_cont .top_txt{font-size:15px;}
	.esc_wrap .top_cont .top_txt span{margin-top:15px;}
	.esc_wrap .top_cont .btm_txt{width:100%; font-size:14px; line-height:20px;}
	.esc_wrap .cont_area h4.tit_sy04{padding-top:7px; font-size:17px; line-height:24px; background:none;}
	.esc_wrap .cont_area p{font-size:14px;}
	.esc_wrap .cont_area ol{font-size:14px;}	
	.esc_wrap .cont_area ol li .img{margin-top:15px}
	.esc_wrap .cont_area p span{margin-top:15px;}
	.esc_wrap p.r_txt{font-size:14px;}

	/*event*/
	#sub_container.event .visual{background-position:36% 0;}
	h3.tit_sy05{font-size:25px;}
	h3.tit_sy05 span.top_s_txt{font-size:16px;}
	h3.tit_sy05 span.top_sss_txt{font-size:23px; }
	.event_wrap .border{margin-top:15px;}
	.event_wrap .txt_area{margin-top:15px;}
	.event_wrap .txt_area p{font-size:15px; line-height:25px; letter-spacing:-1px; margin-top:10px;}
	.event_wrap .txt_area p span{margin-top:15px;}
	.event_wrap .txt_area .team li{margin:10px 0 0 0; font-size:16px; border-radius:10px;}
	.event_wrap .txt_area .team li li{display:block; padding:0; font-size:14px; line-height:22px;}
	.event_wrap .txt_area p.last{margin-top:20px; font-size:18px;}
	.event_wrap .btm_img{margin-top:25px;}
	.event_quiz_area {background:#FFF; padding:20px; margin:0 auto; font-size:12px; text-align:left; margin-bottom:30px; border-radius: 20px; width:80%;}
	.event_quiz_area ul li {line-height:22px;}
	
	.event_wrap .cont_area{margin-top:0; padding-top:0; border-top:none;}
	.event_wrap .cont{float:none; width:100%; margin-top:30px; padding:30px 0 0 0; border-top:1px dashed #e5e5e5;}
	.event_wrap .cont_area:first-child .cont:first-child{margin-top:0; padding:0; border:none;}
	.event_wrap .cont_one .cont{margin-top:0; padding:0; border:none;}
	.event_wrap .cont_one .cont .title{margin-top:25px; font-size:30px; line-height:35px;}
	.event_wrap .cont_one .cont .title span{display:block;}
	.event_wrap .cont_one .cont .border{width:100%; margin-top:25px;}
	.event_wrap .cont_one .cont p.txt{margin-top:15px;}
	.event_wrap .cont p.title{font-size:20px; line-height:30px;}
	.event_wrap .cont p.txt{font-size:14px; line-height:25px;}
	.event_btn {padding:5px 10px; font-size:12px; font-family:ns; border:1px solid #F60; margin:0 auto;  background:url('/webzine/201710/images/sub/event_bg.png') repeat ; color:#F60; margin-top:50px; margin-bottom:50px;}	
	
}